許多人在安排版面信息時(shí)常常會(huì)發(fā)生的錯(cuò)誤就是，常常誤認(rèn)為版面上的每一項(xiàng)信息都很重要，而每一個(gè)信息都擺放在用戶很容易閱讀到的位置、賦予相同的視覺強(qiáng)度。但其實(shí)使用者是無法同時(shí)間接收太多各種不同的信息的，在無法為版面上的信息安排其重要性的情況下，最后反而讓版面的閱讀性大打折扣。

以下我們都將在每項(xiàng)信息的「視覺強(qiáng)度」都相同的前提下來、來討論信息擺放位置跟閱讀性的關(guān)系。如下圖左，我們將信息位置分散擺放，雖然整體畫面較有 均衡感，但是四筆信息沒有區(qū)分出重要性，甚至使用者在閱讀的時(shí)候會(huì)無所適從，不知道該從哪一筆信息開始讀起。而當(dāng)我們歸納出版面上最重要的信息，并將其獨(dú)立出來后，版面信息的重心被提升出來了，并且很容易的就可以了解版面信息閱讀的順序：

可以發(fā)現(xiàn)的是，雖然每項(xiàng)信息的視覺強(qiáng)度跟比重都一樣，但是由于信息擺放時(shí)的「留白」較多，因而在閱讀的時(shí)候反而更為顯眼突出留白是指畫面上沒有配置重要視覺元素的區(qū)域，在一般的邏輯中，這是「多余的」、「浪費(fèi)掉的」區(qū)域，但是在視覺設(shè)計(jì)中，留白是一個(gè)很重要的視覺元素。

另外，將屬性相似的對象做歸類擺放也一個(gè)是很重要的提升畫面閱讀性的技巧，如上圖右，由于底部信息被擺放得更接近了，在閱讀上就更容易將其歸類為同 一個(gè)的區(qū)塊，將這些具有相同屬性的信息擺放在一起，也可以提升使用者的閱讀效率。這是由于人在看到一項(xiàng)信息時(shí)，并不會(huì)將其當(dāng)成獨(dú)立的要素，而是將其認(rèn)為是 某個(gè)更大整體中的一個(gè)小部分，這種現(xiàn)象叫做「完形心理 ( Gestalt ) 」。

最常見使用這個(gè)方法歸類信息的例子就是名片了。如下圖，在編排名片時(shí)，就必須考慮將性質(zhì)相近的元素編排的靠近一些，例如姓名跟職稱會(huì)歸類在一起，而電話、傳真、手機(jī)號(hào)碼等則是區(qū)分為另外一組歸類，如此來不僅版面上的信息得到了明確的整理與歸類，版面視覺也簡潔了許多。

原文地址：dclick.fourdesire.com

================關(guān)于優(yōu)設(shè)網(wǎng)================
“優(yōu)設(shè)網(wǎng)uisdc.com”是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。

特色推薦：
設(shè)計(jì)講座：定期邀請國內(nèi)互聯(lián)網(wǎng)公司的設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：15335158）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：我們擁有粉絲量25萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎大家關(guān)注及時(shí)獲取設(shè)計(jì)資源。
設(shè)計(jì)導(dǎo)航：史上最贊最全面的設(shè)計(jì)師網(wǎng)址導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的”福利”嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】優(yōu)設(shè)哥的全拼
您還可以掃描下方二維碼快速添加：