視覺層次結(jié)構(gòu)是設(shè)計中圖形元素按每個元素的重要性排列的排列。視覺權(quán)重定義了元素在設(shè)計層次結(jié)構(gòu)中的重要性,向觀眾的眼睛傳達(dá)了要關(guān)注的內(nèi)容和順序。
面對密集的文本和短暫的注意力,專業(yè)的
網(wǎng)站設(shè)計公司,深圳創(chuàng)新互聯(lián)科技的設(shè)計師們總結(jié)了6條原則來引導(dǎo)讀者注意最重要的信息。
1.閱讀模式
所有文化都從上到下閱讀,大多數(shù)文化從左到右閱讀。這些知識對頁面設(shè)計很重要。最近的研究表明,在進(jìn)行閱讀之前,人們首先掃描一頁以了解他們是否感興趣。掃描圖案傾向于采用“F”和“Z”兩種形狀中的一種,您可以在設(shè)計中利用這一點(diǎn)。
F-模式
F模式適用于傳統(tǒng)的,文本密集的頁面,如文章或博客文章。讀者向下掃描頁面左側(cè),在左對齊標(biāo)題或初始主題句中尋找有趣的關(guān)鍵詞,然后在他或她遇到有趣的東西時停止并向右閱讀,結(jié)果看起來像F。
Z-模式
Z模式適用于其他類型的頁面,例如廣告或網(wǎng)站,其中信息不一定以塊段落形式呈現(xiàn)。讀者的眼睛首先掃描頁面的頂部,可能會找到重要的信息,然后向下射到對角的對角線,并在頁面的下半部分做同樣的事情。
2.大小問題
人們習(xí)慣于先閱讀更大的東西。設(shè)計師認(rèn)為文章標(biāo)題對于讀者來說更有趣,因此首先要設(shè)計好文章的標(biāo)題,引人入勝,接下來閱讀更多的內(nèi)容。
3.空間和紋理
吸引注意力的另一種方式是給予內(nèi)容充足的呼吸空間。如果按鈕周圍留有大量負(fù)空間,或者文本塊中的線被廣泛跟蹤,則讀者可以更容易地看到這些元素。當(dāng)人們談?wù)撘曈X層次的“紋理”時,他們并不是指圖形紋理效果。相反,這種“紋理”指的是頁面上的空間,文本和其他細(xì)節(jié)的整體布置或圖案。
4.字體
字體選擇對于建立視覺層次是至關(guān)重要的。根據(jù)網(wǎng)站整體的設(shè)計原則選擇合適的字體,讓讀者感覺舒適。
5.顏色和色調(diào)
明亮的色彩從柔和的色彩或灰度中脫穎而出,而較淺的色調(diào)看起來更“遙遠(yuǎn)”,因此在層次結(jié)構(gòu)上比較濃,較暗的色彩低。
6.頁面布局
頁面布局通常根據(jù)垂直和水平線網(wǎng)格設(shè)計,按照慣例,因為這是最易讀的格式。在這樣的系統(tǒng)中,出現(xiàn)了建立層次結(jié)構(gòu)的新方法:打破網(wǎng)格。排列在曲線或?qū)蔷€上的文本將自動脫離周圍的網(wǎng)格鎖定文本,成為焦點(diǎn)。
當(dāng)前題目:視覺層次結(jié)構(gòu)設(shè)計的6個原則
本文網(wǎng)址:http://www.rwnh.cn/news20/125620.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、網(wǎng)站策劃、網(wǎng)站內(nèi)鏈、外貿(mào)建站、網(wǎng)站收錄、建站公司
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)