網站六條視頻設計原則來引導讀者注意最重要的信息

2019-11-22

  視覺層次結構是設計中圖形元素按每個元素的重要性排列的排列。視覺權重定義了元素在設計層次結構中的重要性,向(xiàng)觀衆的眼睛傳達了要關注的内容和順序。

3037187-poster-p-2-the-grid-is-building-the-website-of-the-future-it-designs-itself.webp.jpg


  面(miàn)對(duì)密集的文本和短暫的注意力,專業的網站設計公司,中山網訊科技的設計師們總結了6條原則來引導讀者注意最重要的信息。

  1.閱讀模式

  所有文化都(dōu)從上到下閱讀,大多數文化從左到右閱讀。這(zhè)些知識對(duì)頁面(miàn)設計很重要。最近的研究表明,在進(jìn)行閱讀之前,人們首先掃描一頁以了解他們是否感興趣。掃描圖案傾向(xiàng)于采用“F”和“Z”兩(liǎng)種(zhǒng)形狀中的一種(zhǒng),您可以在設計中利用這(zhè)一點。

  F-模式

  F模式适用于傳統的,文本密集的頁面(miàn),如文章或博客文章。讀者向(xiàng)下掃描頁面(miàn)左側,在左對(duì)齊标題或初始主題句中尋找有趣的關鍵詞,然後(hòu)在他或她遇到有趣的東西時停止并向(xiàng)右閱讀,結果看起(qǐ)來像F。

  Z-模式

  Z模式适用于其他類型的頁面(miàn),例如廣告或網站,其中信息不一定以塊段落形式呈現。讀者的眼睛首先掃描頁面(miàn)的頂部,可能(néng)會找到重要的信息,然後(hòu)向(xiàng)下射到對(duì)角的對(duì)角線,并在頁面(miàn)的下半部分做同樣的事(shì)情。

  2.大小問題

  人們習慣于先閱讀更大的東西。設計師認爲文章标題對(duì)于讀者來說更有趣,因此首先要設計好(hǎo)文章的标題,引人入勝,接下來閱讀更多的内容。

  3.空間和紋理

  吸引注意力的另一種(zhǒng)方式是給予内容充足的呼吸空間。如果按鈕周圍留有大量負空間,或者文本塊中的線被廣泛跟蹤,則讀者可以更容易地看到這(zhè)些元素。當人們談論視覺層次的“紋理”時,他們并不是指圖形紋理效果。相反,這(zhè)種(zhǒng)“紋理”指的是頁面(miàn)上的空間,文本和其他細節的整體布置或圖案。

  4.字體

  字體選擇對(duì)于建立視覺層次是至關重要的。根據網站整體的設計原則選擇合适的字體,讓讀者感覺舒适。

  5.顔色和色調

  明亮的色彩從柔和的色彩或灰度中脫穎而出,而較淺的色調看起(qǐ)來更“遙遠”,因此在層次結構上比較濃,較暗的色彩低。

  6.頁面(miàn)布局

  頁面(miàn)布局通常根據垂直和水平線網格設計,按照慣例,因爲這(zhè)是最易讀的格式。在這(zhè)樣的系統中,出現了建立層次結構的新方法:打破網格。排列在曲線或對(duì)角線上的文本將(jiāng)自動脫離周圍的網格鎖定文本,成(chéng)爲焦點。


責任編輯:中山網站建設
 【網訊網絡】國(guó)家高新技術企業》十年專注軟件開(kāi)發(fā),網站建設,網頁設計,APP開(kāi)發(fā),小程序,微信公衆号開(kāi)發(fā),定制各類企業管理軟件(OA、CRM、ERP、訂單管理系統、進(jìn)銷存管理軟件等)!服務熱線:0760-88610046、13924923903,http://www.wansion.net

您的項目需求咨詢熱線:0760-88610046(國(guó)家高新技術企業)

*請認真填寫需求,我們會在24小時内與您取得聯系。