網(wǎng)頁設計的分割布局秘密

2022-12-26 10:35:22 來源/作者: / 己有:7人學習過

很多人認為,微軟為它最近的品牌重塑鋪設了很多新方式,下圖就是他們Surface的信息頁,這個頁面也采用了分割式布局。

網(wǎng)頁設計的分割布局秘密

Stacey是1/2型布局的極簡寫照

網(wǎng)頁設計的分割布局秘密

我很喜歡Quora的主頁,分割式布局能被示范的更簡單一些么?

網(wǎng)頁設計的分割布局秘密

Consumerbarometer.com 利用動畫將“之”字形提升到了一個新的等級,并且對之進行了三角形變異。

網(wǎng)頁設計的分割布局秘密

總結:

那么,我們學到了什么呢?

·用戶僅在三秒內(nèi)就能對你的頁面做出判定
·為了吸引訪問者的注意力并且降低頁面跳出率,我們應該試著讓我們的頁面布局“瀏覽起來友好”
·就在中心位置劃分你的布局,并且將重要元素調(diào)整到“之”字形的端點上,以確保你的訪問者在瀏覽后記住更多的細節(jié)

本文僅僅是一個善意的提醒,我們在設計網(wǎng)頁時,不應忘記使用基本布局和基本設計方法。實際上,如果應用合適的話,這將會提高你的轉換率