視覺層次結(jié)構(gòu)是任何有效網(wǎng)頁設(shè)計(jì)的基本原則。但是,為了在頁面中建立焦點(diǎn),還有其他原則可以協(xié)同工作以確保您的網(wǎng)站具有競爭力。
大家知道不同的網(wǎng)頁設(shè)計(jì)師已經(jīng)理解使用各種原則來實(shí)現(xiàn)這一目標(biāo)的重要性。如果您正在尋找機(jī)會(huì)保持在游戲之上,那么您的目的是發(fā)明新想法并在網(wǎng)絡(luò)上實(shí)現(xiàn)它,這里有一些支持復(fù)雜和簡單層次結(jié)構(gòu)的基礎(chǔ)知識。
下面小編就給大家分享下網(wǎng)頁設(shè)計(jì)中視覺層次的幾個(gè)核心原則。
一、布局。您的網(wǎng)站布局可以直接控制您的視覺層次結(jié)構(gòu)。如何組織您的內(nèi)容以及客戶對其進(jìn)行響應(yīng)的方式,對于想要產(chǎn)生影響的網(wǎng)站來說至關(guān)重要。
您的頁面組織可以快速捕獲訪問者的想法。因此,必須將重要內(nèi)容放在頁面中間,以便于查看和將其他內(nèi)容放在頁面角落。
二、重復(fù)。用戶在訪問您的頁面時(shí)會(huì)仔細(xì)查看和閱讀的內(nèi)容。從開始到結(jié)束,您可能會(huì)有一個(gè)令人難以置信的內(nèi)容,但用戶將繞過一些部分,假設(shè)它是前一個(gè)重復(fù)的部分。
換句話說,如果您在某個(gè)段落中使用藍(lán)色文本,則在找到另一個(gè)藍(lán)色文本時(shí),用戶將假定其重復(fù)。然而,當(dāng)用戶遇到紅色黑色標(biāo)題時(shí),他會(huì)傾向于認(rèn)為它是新的,因此需要時(shí)間閱讀。
三、顏色。您的顏色選擇將盡可能確定您網(wǎng)站的成功。用戶登錄您網(wǎng)站時(shí)遇到的第一件事就是您的顏色變化和計(jì)劃。無論您選擇使用基本的黑色和白色還是更復(fù)雜的顏色,正確使用都會(huì)吸引更多用戶的注意力
此外,不同的顏色與人有不同的心理聯(lián)系。因此,在考慮使用特定顏色之前,請確保您在心理上理解其聯(lián)系。顏色也是使網(wǎng)站具有吸引力的原因,具體取決于您所營銷的產(chǎn)品或服務(wù)。
您在一個(gè)站點(diǎn)中發(fā)現(xiàn)的任何顏色可能不會(huì)在不同的站點(diǎn)中提供相同的目的。但是,您可以使用對比色來為您的網(wǎng)站提供更加明確的外觀,并進(jìn)一步吸引用戶的注意力。
四、尺寸。很容易假設(shè)尺寸問題,特別是如果您要在頁面中顯示大量內(nèi)容。但是,如果您希望用戶對您網(wǎng)絡(luò)上的某些內(nèi)容采取行動(dòng),則尺寸至關(guān)重要。較大的物體會(huì)自動(dòng)吸引更多的注意力例如,很容易從遠(yuǎn)處發(fā)現(xiàn)較大的建筑物或廣告牌而不是較小的建筑物或廣告牌。
尺寸是一個(gè)必不可少的等級原則,引導(dǎo)參觀者的眼睛,并指導(dǎo)他們做什么。如果您要轉(zhuǎn)換潛在客戶,請將點(diǎn)擊按鈕略大于其他文字。這將自動(dòng)向讀者傳達(dá)某些內(nèi)容,并強(qiáng)迫他們在不使用任何有說服力的語言的情況下對其進(jìn)行操作。此外,在設(shè)計(jì)中,您可以使用大小來更加重視重要的事情。
五、間距。間接層級原則應(yīng)該不惜一切代價(jià)。雖然它與布局直接相關(guān),但間隔界面引導(dǎo)眼睛。它以負(fù)面和鄰近空間兩種方式影響視覺層次。負(fù)空間通常稱為空白區(qū)域。這是設(shè)計(jì)中的一個(gè)新手錯(cuò)誤,將空白區(qū)域視為空白畫布而不是設(shè)計(jì)工具。當(dāng)您有效利用該空間并很大限度地減少元素時(shí),該空間將使當(dāng)前元素保持活力且更具吸引力。
另一方面,鄰近空間是任何網(wǎng)頁設(shè)計(jì)非常強(qiáng)大的工具。它僅使用視覺效果來表示元素功能和含義。用戶感知緊密放置的元素具有相同的含義并具有相似的功能。完成后,鄰近間距能夠說服訪問者在不閱讀任何特定內(nèi)容的情況下進(jìn)行轉(zhuǎn)換。
六、風(fēng)格。雖然您的網(wǎng)站不應(yīng)僅限于做一件事,但樣式是確保您的視覺層次結(jié)構(gòu)顯著的重要工具。個(gè)人風(fēng)格是您的定義,并使您在競爭中具有相關(guān)性。紋理,圖形和圖像都是化妝的個(gè)人風(fēng)格,有能力在網(wǎng)絡(luò)上展現(xiàn)您的個(gè)性。
無論您使用什么,紋理選擇都可以使您的對象脫穎而出。此外,設(shè)計(jì)角色將您與您的網(wǎng)站連接起來,讓您對所有權(quán)充滿信心。它提供了直接反映您的服務(wù)或產(chǎn)品的想法。
網(wǎng)頁設(shè)計(jì)中的視覺層次結(jié)構(gòu)包含許多原則。當(dāng)您的原則正確時(shí),您的網(wǎng)站不僅會(huì)對您的網(wǎng)站產(chǎn)生重大影響,還會(huì)保證潛在的受眾群體能夠與您建立聯(lián)系。此外,所有上述原則共同確保您網(wǎng)站的圖像更具吸引力并且歡迎每個(gè)用戶。