視覺層次結(jié)構(gòu)對于良好的網(wǎng)頁設(shè)計(jì)至關(guān)重要。 這是使您的網(wǎng)站有效實(shí)現(xiàn)其目標(biāo)的主要原則之一。 視覺層次結(jié)構(gòu)背后有許多理論，這些理論也非常重要，因此需要大量研究和工作才能理解其工作原理和原因。 知道它可以幫助您使用它。
網(wǎng)頁設(shè)計(jì)
1.設(shè)計(jì)是交流的一種形式
設(shè)計(jì)的核心是一種視覺傳達(dá)形式。 這是關(guān)于通過視覺媒體與他人交流想法。 所有形式的設(shè)計(jì)都是如此。 信息產(chǎn)業(yè)設(shè)計(jì)學(xué)院的網(wǎng)頁設(shè)計(jì)尤其如此。 由于人們實(shí)際上是視覺思想家，因此許多信息無法很好地傳達(dá)。 我們不只是處理數(shù)據(jù)。 人們不僅看到事物。 取而代之的是，人類根據(jù)“視覺關(guān)系”來組織他們所看到的東西。
2.視覺等級(jí)制度的興起
我們?yōu)槭裁磸年P(guān)系的角度將自己視為研究。 人類學(xué)家認(rèn)為，狩獵和收集歷史遺跡有助于我們的遠(yuǎn)古祖先生存。 一種實(shí)用的，學(xué)術(shù)性較低的方法是，這只是我們的大腦了解信息的一種方法。 我們將相似的元素組合在一起，并將它們組織成有意義的模式，我們可以簡單地使用它們。 無論您如何看待人腦使用的視覺層次結(jié)構(gòu)，它都是一種傳達(dá)我們組織和使用的信息的非常有效的方式。
3.視覺層次結(jié)構(gòu)工具
既然您已經(jīng)了解了視覺層次結(jié)構(gòu)是用于傳達(dá)信息的有用工具，那么如何作為Web設(shè)計(jì)人員來創(chuàng)建它呢？ 實(shí)現(xiàn)它的工具非常簡單易學(xué)。 您需要做的就是弄清楚如何使用它們。
尺寸
本質(zhì)上，較大的對象在大喊。 他們要求人們更多地關(guān)注他們。 在視覺上，觀看者的眼睛自然會(huì)被更大的物體吸引。 這是可用于可視化組織的最強(qiáng)大的工具之一。 將大小與重要性相關(guān)聯(lián)。 通常，最大的元素應(yīng)該是最重要的，而最小的元素通常是最不重要的。
顏色
顏色既是一種組織工具，也是在網(wǎng)頁設(shè)計(jì)中增加個(gè)性的一種方式。 粗體和對比色需要觀看者的注意力和焦點(diǎn)。 最適合用于按鈕和超鏈接。 作為增加個(gè)性的工具，您可以以更復(fù)雜的方式使用顏色。 有趣，明亮的色彩可以使頁面令人興奮，同時(shí)聲稱色彩可以營造出舒緩的感覺。 顏色非常重要。 它可以傳達(dá)品牌（即百事可樂藍(lán)色，麥當(dāng)勞黃色）或可以用作符號(hào)（即熱情的紅色）。 您甚至可以應(yīng)用顏色作為對視覺層次結(jié)構(gòu)中的信息進(jìn)行分類的一種方式。
字形
當(dāng)您想創(chuàng)建視覺層次時(shí)，選擇適合您設(shè)計(jì)的字體很重要。 不僅字體本身很重要，而且字體的使用方式也很重要。 您使用的重量和樣式與放置它們的網(wǎng)站區(qū)域一樣重要。 要組織重要內(nèi)容，請嘗試使用各種字體大小和粗細(xì)。 在某些情況下，斜體也可以達(dá)到目的。 您可以使用各種大小，粗細(xì)和間距的文本在網(wǎng)站上創(chuàng)建字體層次結(jié)構(gòu)。 網(wǎng)站上是否使用單個(gè)字體都沒關(guān)系。 通過使用尺寸和重量的變化，您不僅可以吸引人們對更重要元素的關(guān)注，還可以創(chuàng)建一個(gè)整體結(jié)構(gòu)以使訪問者易于閱讀和理解。
空格處
在仔細(xì)使用視覺層次結(jié)構(gòu)的所有步驟中，請確保保留空白。 您需要給內(nèi)容提供喘息的空間。 負(fù)空間是視覺設(shè)計(jì)的重要組成部分。 空間的定義與積極利用空間同等重要。 通常將空白簡單地定義為“頁面上各種內(nèi)容之間的空間”，但是這種額外的空間并不總是白色的，這導(dǎo)致更多的人稱其為“負(fù)空間”。 空白本質(zhì)上使您能夠確定所構(gòu)建的網(wǎng)站的哪些特定功能應(yīng)比其他功能更好。 由于這種歡迎布局，訪問者更有可能在網(wǎng)站上停留更長的時(shí)間。 空間給您帶來清新的感覺，同時(shí)也突出了重要元素。 太多的擁擠和混亂將驅(qū)散觀眾，因?yàn)樗麄儾涣私馐裁床攀钦嬲匾摹?/p>
人眼和掃描模式
人眼以可預(yù)測的方式工作。 它們將自動(dòng)吸引某些興趣點(diǎn)。 其中一些確實(shí)取決于個(gè)人，但是大多數(shù)人會(huì)遵循特定的，可預(yù)測的趨勢，即他們?nèi)绾尾榭窗ňW(wǎng)站在內(nèi)的所有內(nèi)容。
F模式
這是大多數(shù)人用于博客或Wiki等文本豐富的網(wǎng)站的掃描模式。 閱讀器首先掃描頁面左側(cè)的垂直線，以找到該段落的前幾個(gè)句子中的關(guān)鍵字或其他興趣點(diǎn)。 讀者一旦發(fā)現(xiàn)有趣的東西，便開始以水平線正常閱讀文本。 整體模式類似于字母F（或E）。
Z型
此掃描模式用于不在文本中心的頁面。 閱讀器首先掃描頁面頂部的水平線。 這通常是由于菜單欄的緣故，但這也是從左到右閱讀的習(xí)慣。 一旦眼睛到達(dá)水平線的末端，它將向左和向左移動(dòng)，從左向右移動(dòng)另一個(gè)閱讀習(xí)慣，然后重新開始。 該模式類似于字母Z。這是在網(wǎng)站的可視層次結(jié)構(gòu)中使用的有用模型。 它符合許多基本的網(wǎng)站設(shè)計(jì)要求：號(hào)召性用語，視覺層次結(jié)構(gòu)和品牌。 對于那些簡單性是首要任務(wù)，號(hào)召性用語是頁面主要目的的時(shí)代，這確實(shí)非常重要。 它為簡單的網(wǎng)站帶來了秩序感。 但是，復(fù)雜的內(nèi)容在Z模式下不能很好地工作，而F模式可能是更好的選擇。
蘇公網(wǎng)安備32030302000492號(hào)
