如何分析網頁的布局、設計和色彩搭配?

發布時間:2019-11-20 18:55:00

布局是指前一節的具體化,實際上是指用戶在瀏覽器中看到的一個完整的頁面(包括框架和層)。因為每個用戶使用不同的顯示分辨率,所以同一頁的大小可以是640像素x 480像素、800像素x 600像素、1024像素x 768像素和其他不同的大小。版面設計是將圖片和文字以最適合用戶瀏覽的方式排列在頁面的不同位置。

如何分析網頁的布局、設計和色彩搭配?

布局是指前一節的具體化,實際上是指用戶在瀏覽器中看到的一個完整的頁面(包括框架和層)。因為每個用戶使用不同的顯示分辨率,所以同一頁的大小可以是640像素x 480像素、800像素x 600像素、1024像素x 768像素和其他不同的大小。版面設計是將圖片和文字以最適合用戶瀏覽的方式排列在頁面的不同位置。

網頁的布局是在網站建立之初設計的。它可以統一整個網頁的風格。網頁的布局應考慮頁面之間的切換是否方便;確保頁面的主要信息區域(正文部分)占頁面的大部分。新頁面就像一張白紙,沒有任何形式、框架或慣例。網頁設計師可以盡可能利用自己的想象力來繪制他們可能想到的“場景”(你可以用一張白紙和一支鉛筆,或者你可以用繪圖軟件photosh敲打等等)。這屬于創作階段。它不注重精致和整潔。它不需要考慮細節的作用。它只是用粗線條勾勒出創意的輪廓。盡可能多地繪制,并選擇一個滿意的腳本繼續。

在初步方案的基礎上,將已確定放置在前端的功能模塊布置在頁面上。要注意突出重點,平衡和諧的原則。網站標識、主菜單等最重要的模塊應放在最顯眼的位置,然后再考慮二級模塊的發射。完善并指定初步布局。

網絡配色有哪些技巧

(1)使用相同的顏色系統。簡而言之,它意味著使用相同的顏色感覺,如淺藍色,淺黃色,淺綠色,或綠松石,灰塵,綠松石。首先選擇一種顏色,然后調整透明度或飽和度(更常見的是淡入或增加顏色),并為網頁生成新顏色。這樣的頁面在顏色上看起來是一致的,并且有層次感。

(2)使用對比色或互補色。先選擇一種顏色,再選擇其對比色或互補色,使整頁色彩豐富。這種使用色彩的方式很容易創造出生動生動的網頁效果,特別適合體現輕松、積極素材的網站。缺點是容易造成顏色混亂。使用此方法時,請注意顏色的使用程度。

(3)使用過渡色。過渡色可以神奇地統一幾個不協調的顏色。過渡色包括兩種顏色的中間色調、黑白灰的單色混合、同一顏色的單色混合。

(4)使用黑色和a色。例如,黑色邊框的大紅色字體讓人感覺“酷”。

(1)不要使用所有顏色,盡量控制在三種顏色以內。

(2)背景與前文的對比度應盡可能大。千萬不要用圖案復雜的圖案作為背景,以突出正文內容。

(3)由于國家和種族、宗教和信仰的不同,以及生活的地理位置和文化修養的不同,不同群體對色彩的好惡有很大的差異。比如,孩子們喜歡純色,對比強烈,個性鮮明;草原上的人喜歡紅色;鬧市區的人喜歡淡雅的顏色;沙漠里的人喜歡綠色。在設計中,應考慮主要用戶組的背景和組成。


聯系我們,談您的需求

立即咨詢
青海十一选五走势图表