理解網(wǎng)頁中的視覺層次,提升自己核心設(shè)計(jì)水平

　　視覺層次是高效率網(wǎng)頁設(shè)計(jì)的重要原則之一。中國設(shè)計(jì)網(wǎng)將向大家介紹為什么設(shè)計(jì)一個(gè)具有視覺層次的網(wǎng)頁是這么重要。在了解這些原則之后，你可以在自己的基礎(chǔ)設(shè)計(jì)練習(xí)中運(yùn)用到這些知識。

　　要了解這個(gè)，知道一些人們?nèi)绾慰创挛锏姆椒ㄊ呛苤匾?。人們并不等于所謂的“平等機(jī)會主義者”。他們不僅僅是收集視覺信息和處理數(shù)據(jù)，于此同時(shí)，大腦還會整理他們看到的這些東西的“視覺關(guān)系”。

　　視覺層次非常重要，但是如何準(zhǔn)確的創(chuàng)建層次效果?我們尋找的“工具”正如木匠的工具箱——錘子、釘子、鋸子等等——你如何運(yùn)用它們才是最重要的。

　　1、大小

　　較大的物體具有更大的吸引力。將尺寸的控制作為制造層次的工具是一個(gè)非常高效的方法去引導(dǎo)讀者的視線。在設(shè)計(jì)中將尺寸和重要性結(jié)合起來是非常關(guān)鍵的。最大的元素大部分情況都具有最大的重要性，與此同時(shí)，最小的元素應(yīng)該是最不重要的。

　　2、顏色

　　顏色是一個(gè)很有意思的工具，他可以在組織上和個(gè)性兩方面起到作用。醒目、對比強(qiáng)烈的顏色在特殊的元素中將會引起更大的關(guān)注(例如按鈕、錯誤信息或者超鏈接)。當(dāng)作為一個(gè)體現(xiàn)個(gè)性的工具時(shí)，顏色可以延伸到體現(xiàn)更精練的層次感上;用到豪華、舒適的顏色將給頁面帶來感情上的吸引力。顏色可以影響網(wǎng)頁的每一個(gè)角落，從商標(biāo)到形象。色彩應(yīng)用在視覺層次設(shè)計(jì)中可以做到信息分類的效果，就像下面的例子：

　　3、對比

　　對比體現(xiàn)出相對的重要性。字體大小上戲劇性的變化將傳遞出某個(gè)消息的重要性或者需要某些特別關(guān)注。從較亮的背景轉(zhuǎn)換到一個(gè)較暗的背景將較快的區(qū)分核心內(nèi)容與頁腳內(nèi)容。

　　4、對齊

　　對齊體現(xiàn)出元素們的組織。甚至可以簡單到僅僅用“主欄”和“側(cè)欄”區(qū)分。但對齊也能夠在視覺層次上起到更多更復(fù)雜的作用?？紤]，舉個(gè)例子，放在頁面左上角的內(nèi)容的力量。因?yàn)橛脩舳喟雽⒛莻€(gè)地方的信息與簡介、賬號、購物車等等相聯(lián)系。放在那個(gè)地方的東西被賦予了某種“官方”性。對齊如果用特定的方式也會激起用戶的興趣，例如下面的例子：

　　5、重復(fù)

　　重復(fù)體現(xiàn)了元素之間的關(guān)聯(lián)性;如果所有段落的文字都是灰色的，當(dāng)一個(gè)用戶看到一塊新的灰色文字時(shí)，他也許認(rèn)為這是其中的另一段;當(dāng)同一個(gè)用戶遇到一個(gè)藍(lán)色的鏈接或者一個(gè)黑色的標(biāo)題時(shí)，他可以放心的將它理解成段落以外的東西。

　　6、親密性

　　親密性將元素彼此分開并且創(chuàng)建下級的層次。在一個(gè)頁面中可能會看到很多被空白分隔開的小部件;在這些部件中又會有新的層次，標(biāo)題、副標(biāo)題和內(nèi)容。親密性是最快的方式將關(guān)系緊密的內(nèi)容組織起來。在下面的例子中，很容易通過親密性將主要內(nèi)容與其他內(nèi)容區(qū)分開來。

　　7、緊密與留白

　　密集的元素給人一種“重”和雜亂的感覺;元素之間距離太大，他們將會失去彼此之間的聯(lián)系。當(dāng)一個(gè)網(wǎng)頁被設(shè)計(jì)的恰到好處時(shí)，眼睛將會準(zhǔn)確的將各個(gè)元素組織好。