一個好的網頁,除了給它設計搭配,層次感也很重要,既能加強網頁美感還能更豐富的展現其氛圍,增強帶入感。在當代設計領域好的設計作品,要看綜合表現,下面根據公司(文匯傳媒)專業建網站來講講怎樣讓網頁更有層次感。
層次感通俗講就是通過顏色、大小、明暗、對比、形式等來做關聯和區分。
顏色
首先要做的就是顏色的搭配,當前做的也是根據市場需求來定的主色調,或者是流行的色調,然后在加些其它顏色作點綴。顏色是一個很有意思的工具,他可以在組織和個性兩方面起到作用。醒目、對比強烈的顏色在特殊的元素中將會引起更大的關注(例如按鈕、錯誤信息或者超鏈接)。色彩應用在視覺層次設計中可以做到信息分類的效果,就像下面的例子:
![]()
(主色調定好,再用其他色點綴下,層次感瞬間出來了)
大小
較大的物體具有更大的吸引力。將尺寸的控制作為制造層次的工具是一個高效又直接的方法去引導讀者的視線。在設計中將尺寸和重要性結合起來是非常關鍵的。最大的元素大部分情況都具有最大的重要性,相反,最小的元素應該是最不重要的。
![]()
對比
對比相對網頁有好多,字體的大小,背景的對比,顏色的對比,都能快熟的表達出層次感,從較亮的背景轉換到一個較暗的背景將較快的區分核心內容與頁腳內容。
![]()
![]()
(字體的大小來表述主要和次要內容,顏色的改變來提醒內容重點,背景的運用添加氛圍)
形式
形式的表現有很多,也是比較雜的一類,每個網站有固定的形式但有不同的設計表達形式,看著矛盾,其實一點都不矛盾,好的表現形式會更好的讓客戶一眼看出重點在那,次要在那。這一點就不一 一介紹了,看幾張圖片來感受下吧
![]()
![]()
![]()
(形式感很強的個性網頁,當然也有規矩的,表達層次感的手法千奇百怪主要多學習,多積累,讓腦洞大開)
上一篇: 扁平化網頁常用配色及推薦
下一篇: 網頁設計裝飾在畫面的重要性
關鍵詞:
