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

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

一、 分清主次輕重

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

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

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

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

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

    三、 組織信息排版

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