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

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

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

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

　　1、大小

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

　　2、顏色

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

　　3、對(duì)比

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

　　4、對(duì)齊

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

　　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)建下級(jí)的層次。在一個(gè)頁(yè)面中可能會(huì)看到很多被空白分隔開的小部件;在這些部件中又會(huì)有新的層次，標(biāo)題、副標(biāo)題和內(nèi)容。親密性是最快的方式將關(guān)系緊密的內(nèi)容組織起來(lái)。在下面的例子中，很容易通過(guò)親密性將主要內(nèi)容與其他內(nèi)容區(qū)分開來(lái)。

　　7、緊密與留白

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