網(wǎng)頁(yè)設(shè)計(jì)中視覺層級(jí)的建立

之前我們?yōu)榇蠹医榻B了視覺層級(jí)的重要性，這篇文章中，我們將向大家介紹如何建立良好的視覺層級(jí)。

一、 分清主次輕重

    想要做好層級(jí)，就一定要分清主次。就好比上圖的家中常見的遙控器，它上面的許多按鈕我們都很少甚至一次都沒有用過，將這些不常用的按鍵去除后，右圖看起來比左圖讓人感覺輕松了許多。

    再比如Outlook郵件網(wǎng)頁(yè)界面這幾年在設(shè)計(jì)上的改變，過去Outlook將所有的操作都展示在界面上，而近年來更改為默認(rèn)情況下所有操作都被隱藏起來，只有當(dāng)用戶選擇郵件后，相關(guān)操作才會(huì)浮現(xiàn)，如上圖所示。

    二、 對(duì)信息進(jìn)行加工

    正如以前的文章中所提到的，現(xiàn)在用戶上網(wǎng)閱讀的時(shí)間短、耐心也有限，因此大段的文字描述會(huì)讓用戶覺乏味，我們需要的是將信息進(jìn)行加工，讓信息能夠一目了然，節(jié)省用戶的閱讀時(shí)間。

    下面的這幅圖片中，讓人一眼就能看懂文章要表達(dá)的意思是一條藍(lán)鯨長(zhǎng)約3個(gè)校，設(shè)計(jì)師巧妙地將鯨魚與校車做對(duì)比，圖片表達(dá)的意思比文字更加生動(dòng)形象。

    三、 組織信息排版

    如何將信息按照用戶閱讀喜好進(jìn)行排版是非常關(guān)鍵的，做的不好會(huì)給用戶帶來不好的體驗(yàn)，比如下圖中，PayPal幾年前的支付頁(yè)面是左邊的排版方式，右邊的則是近年來的排版方式。老版視覺雖然有層級(jí)區(qū)別，卻打亂了用戶閱讀時(shí)的視線順序，優(yōu)化后強(qiáng)調(diào)了用戶行為，讓用戶的視線一直保持在同一方向上，順序的關(guān)系很明顯，提升用戶閱讀效率。