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

2019-11-22

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

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


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

  1.閱讀模式

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

  F-模式

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

  Z-模式

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

  2.大(dà)小(xiǎo)問題

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

  3.空間和紋理

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

  4.字體(tǐ)

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

  5.顔色和色調

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

  6.頁面布局

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


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

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

*請認真填寫需求,我(wǒ)們會在24小(xiǎo)時内與您取得聯系。