在做一個網頁設計的時候,經常會遇到層次不分明的問題,那麼我們在做網頁設計的時候怎麼來體現層次感呢?

  大概的說,瀏覽者瀏覽網站的時候,資訊通常是大批次衝入使用者眼簾。這個時候作為一個專業的網頁設計師就應該為瀏覽者分清主次。整理好資訊的先後順序,讓瀏覽者能輕鬆的讀到想要的資訊。

  總結以下幾點:

  1 、使用者基本的瀏覽習慣就是從上到下從左到右的, 這個是毋庸置疑的。但是作為一個專業的網頁設計師不僅僅要侷限於這個從上到下從左到右的順序,而是要學會利用自己的能力營造新鮮的,不枯燥不乏味的 Elementor 佈局。讓頁面看上去設計感和層次感十足。

  比如:最好用的也是大部分人覺得最簡單的,透過大小對比的形式讓人聚焦到一個點。
 

  上圖中焦點既透過大小對比得到了突出,又不會讓人覺得列表單一產生枯燥的感覺。

  配色方案的變化也能提高層次感,比如有顏色和無顏色的差別,顏色飽和度的差別,顏色亮度的差別。等等。
 

  色塊兩排分別利用了不同的形式提高關注點,第一排的第二個藍色色塊就利用了色彩飽和度的不同提高了它在這一排中的權重。而第二排第三個紅色,則是透過顏色變化形成了一定的反差,是的紅色塊變得突出。

  3 、透過形狀的不同來體現自己的個性,網頁設計中的形態變化也是很重要的,簡單的方方圓圓也是可以表達豐富的層次感。
 

  明顯的,第一排中獨立的圓形因為形態發生了變化而變得個性,與眾不同。

  4 、透過排列的規律變化,也可以讓網頁的層次感十足。具體的比如改變網頁中模組的位置,或者改變排列中的留白。
 

  上面的圖沒有改變大小也沒有改變顏色和形態,但是他們的 Elementor 佈局規律發生了變化,也可以起到改變瀏覽者的視覺層次的作用。

  總結:作為一名專業的網頁設計師,提高視覺的層次感是非常基本的能力,在枯燥和乏味的瀏覽習慣中尋求變化和突破,讓瀏覽者能輕鬆閱讀理解頁面資訊。合理運用各種方法來提高自己 Elementor 頁面設計的層次感吧!