網(wǎng)頁(yè)設(shè)計(jì)的分割布局秘密

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

Stacey是1/2型布局的極簡(jiǎn)寫(xiě)照

我很喜歡Quora的主頁(yè)，分割式布局能被示范的更簡(jiǎn)單一些么？

Consumerbarometer.com 利用動(dòng)畫(huà)將“之”字形提升到了一個(gè)新的等級(jí)，并且對(duì)之進(jìn)行了三角形變異。

總結(jié)：

那么，我們學(xué)到了什么呢？

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

本文僅僅是一個(gè)善意的提醒，我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)時(shí)，不應(yīng)忘記使用基本布局和基本設(shè)計(jì)方法。實(shí)際上，如果應(yīng)用合適的話，這將會(huì)提高你的轉(zhuǎn)換率