激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

「Adobe國際認證」視覺層次結(jié)構(gòu)的，設(shè)計原則和模式

發(fā)布時間：2024-03-14 12:23:43 瀏覽量：168次

為了觀眾的目的，重要的是內(nèi)容的組織。書有章節(jié)，電影有場景，視頻劇集。

同樣的組織也需要應(yīng)用于數(shù)字和紙上的頁面布局。這可以通過將層次結(jié)構(gòu)應(yīng)用于您的設(shè)計元素來完成。堅持視覺層次結(jié)構(gòu)只是說信息從最重要到最不重要的組織方式的一種奇特方式。

觀眾定義什么對他們最重要；設(shè)計師只是給了他們一些提示。

觀眾首先看到的任何信息都被確定為最重要的，因此位于層次結(jié)構(gòu)的頂部。接下來引起觀眾注意的元素是在視覺層次結(jié)構(gòu)中排名較低的元素。

理解視覺層次

視覺層次結(jié)構(gòu)在UI 設(shè)計中扮演著重要角色。想想一個好的登陸頁面是什么樣的：頂部的公司標志，頂部或左側(cè)的菜單，底部不太重要的元素。這些元素是有目的的。

什么是視覺層次？

視覺層次結(jié)構(gòu)是設(shè)計中元素按每個元素中的重要性順序排列。每個元素所具有的視覺權(quán)重或視覺對比決定了其相對于設(shè)計中其他元素的重要性。

使用桌面排版軟件可以幫助平面設(shè)計師在指南、模板和其他工具的幫助下將所有材料整齊地布置在一頁上，以幫助優(yōu)化布局。

即使是非設(shè)計師也可以利用這一點。在為會議設(shè)計演示文稿時，視覺層次會發(fā)揮作用，以便參加者可以輕松理解您要提出的要點（而不會聽到您說的一個字）。

大小和規(guī)模

你更有可能聽到聲音越大的東西。視覺層次中沒有聽覺體積，但元素的大小和比例有類似的效果。

其中一個顯然比另一個更重要。

元素越大，我們就越有可能看到它，將它移向?qū)哟谓Y(jié)構(gòu)的頂部。

可以縮小不那么重要的元素以降低可見性和重點。這會將這些元素移向視覺層次結(jié)構(gòu)的底部。

這并不一定意味著最重要的元素必須是巨大的。適度使用大小并保持品味；太大的元素可能會壓倒設(shè)計的其余部分，而太小的元素可能會在翻譯中丟失。

顏色和對比度

另一種使重要元素在觀眾中脫穎而出的方法是使用顏色和對比度。在一個充滿黑白的世界（或網(wǎng)站）中，一點點顏色就會產(chǎn)生很大的不同。

用明亮的顏色裝飾最重要的信息或元素，使它們在較淡的色調(diào)下流行。想想在教科書中突出顯示的效果；如果單個單詞或句子的顏色更亮，它們會在任何其他單詞出現(xiàn)之前引起讀者的注意。如果您的設(shè)計中已經(jīng)有彩色背景，您可以使用對比色方案來做到這一點。

高對比度將拉出您想要傳達的任何主要觀點。

對比色在視覺層次結(jié)構(gòu)中還有另一個影響：它會改變元素的感知距離。暖色會在深色背景中脫穎而出，使它們在深色背景上看起來比冷色更接近。相反，冷色在淺色背景上突出，使它們在淺色背景上看起來比暖色更接近。

適度使用顏色和對比度——過度使用會使觀眾感到困惑，因為突然間，一切看起來都很重要，而且不可能知道該轉(zhuǎn)向哪里。請記住，視覺層次結(jié)構(gòu)應(yīng)該作為指導(dǎo)。

字體

我們不是在談?wù)搶?Times New Roman 和 Curlz 放在一起并讓它們競爭重要性。一字型像Times New Roman字體是由多達字體; Times New Roman 的不同重量、大小和樣式。例如，16 pt 的 Times New Roman 斜體與 36 pt 的 Times New Roman Bold 是不同的字體。

利用這些權(quán)重、大小和樣式可以將信息在視覺層次結(jié)構(gòu)中上移（或下移）。這些可以單獨使用或一起使用，以使某些詞比其他詞更明顯和更有力。

可以在整個設(shè)計中使用單一字體，但該字體中的各種字體仍然可以根據(jù)重要性排列文本元素。

更大更粗意味著更重要，而更小更細的文本則是次要的。不要混淆這條規(guī)則——如果應(yīng)用不當，它可能會使文檔看起來有點奇怪。

排版層次結(jié)構(gòu)

您不必猜測將這些字體放在哪里。想想報紙或雜志的布局是什么樣的：標題、副標題、文案。這是最基本的方法，它可以應(yīng)用于多種設(shè)計，包括名片、小冊子和文章。

1.級排版將是頁面上最重要的內(nèi)容。這些通常是標題，應(yīng)該是讀者看到的第一件事。

2.級排版也應(yīng)該脫穎而出，但不如你的一級。這些應(yīng)該有助于將您的設(shè)計組織成具有相關(guān)信息的組或部分。它應(yīng)該分解文本并向讀者暗示一些方向。

3.當頁面主要由文本組成時，使用3 級排版。此級別通常是內(nèi)容的主體，通常是最小尺寸的字體，但仍應(yīng)清晰易讀。

使用這些不同的級別是另一種向讀者表明什么是重要的，而不必將其置于霓虹燈下。

負空間

如果您想引起對特定內(nèi)容的注意，請嘗試給它一些喘息的空間。表單、按鈕或重要文本周圍留下的負空間使它看起來像個奇怪的人。以一種好的方式。

雖然您可能認為向頁面添加更多元素會使其看起來更好，但事實恰恰相反；您的頁面變得雜亂無章，充滿了難以按重要性區(qū)分的信息。

留白不是浪費。相反，它讓觀眾和讀者在進入下一個元素之前有一點時間喘口氣，并且可以幫助將重要元素變成焦點，而不僅僅是看起來像機器中的另一個齒輪。

閱讀模式

在所有文化中，人類都是從上到下閱讀的。這是我們眼睛閱讀的最可預(yù)測的方式，但如果我們只有時間掃描呢？無論是插圖、網(wǎng)站還是印刷品，人眼在快速吸收信息時可能會遵循兩種模式。

F型

F 模式通常適用于我們閱讀大量文本頁面的方式，例如您現(xiàn)在所在的頁面。讀者將以“F”（或“E”）的形狀掃描頁面：首先，穿過頁面頂部閱讀標題，然后向下瀏覽頁面左側(cè)以查找數(shù)字或項目符號，最后在整個頁面上查找?guī)聞澗€或加粗的術(shù)語。

Z型

具有更多圖像和更少文本塊的設(shè)計通常以 Z 模式組合在一起。

在這種模式中，讀者將從左到右掃描頁面頂部。這是在網(wǎng)站上找到最重要信息的地方。

讀者的眼睛然后向下并斜向?qū)且苿?，并以與掃描頂部相同的方式掃描頁面的下部，從而形成“Z”形。

式設(shè)計的；網(wǎng)頁設(shè)計師非常聰明。最重要的信息幾乎總是在頂部欄上：徽標、搜索工具、導(dǎo)航選項卡。底部欄由“Z”的對角線連接，包括其他重要信息，例如聊天機器人、聯(lián)系信息或指向網(wǎng)站其他頁面的鏈接。

視覺層次結(jié)構(gòu)是有效的、強大的，并且在設(shè)計時不容忽視，尤其是當您有重要信息要共享時。沒有什么原則比另一個原則更重要，因為它們都涉及使您需要脫穎而出的信息真正跳出頁面的方法。

#視覺##設(shè)計##原則##模式#

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定