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

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

一、 分清主次輕重

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

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

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

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

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

    三、 組織信息排版

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