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

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

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

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

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

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

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

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

理解視覺(jué)層次

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

什么是視覺(jué)層次？

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

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

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

大小和規(guī)模

你更有可能聽(tīng)到聲音越大的東西。視覺(jué)層次中沒(méi)有聽(tīng)覺(jué)體積，但元素的大小和比例有類(lèi)似的效果。

其中一個(gè)顯然比另一個(gè)更重要。

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

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

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

顏色和對(duì)比度

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

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

高對(duì)比度將拉出您想要傳達(dá)的任何主要觀點(diǎn)。

對(duì)比色在視覺(jué)層次結(jié)構(gòu)中還有另一個(gè)影響：它會(huì)改變?cè)氐母兄嚯x。暖色會(huì)在深色背景中脫穎而出，使它們?cè)谏钌尘吧峡雌饋?lái)比冷色更接近。相反，冷色在淺色背景上突出，使它們?cè)跍\色背景上看起來(lái)比暖色更接近。

適度使用顏色和對(duì)比度——過(guò)度使用會(huì)使觀眾感到困惑，因?yàn)橥蝗婚g，一切看起來(lái)都很重要，而且不可能知道該轉(zhuǎn)向哪里。請(qǐng)記住，視覺(jué)層次結(jié)構(gòu)應(yīng)該作為指導(dǎo)。

字體

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

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

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

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

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

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

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

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

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

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

負(fù)空間

如果您想引起對(duì)特定內(nèi)容的注意，請(qǐng)嘗試給它一些喘息的空間。表單、按鈕或重要文本周?chē)粝碌呢?fù)空間使它看起來(lái)像個(gè)奇怪的人。以一種好的方式。

雖然您可能認(rèn)為向頁(yè)面添加更多元素會(huì)使其看起來(lái)更好，但事實(shí)恰恰相反；您的頁(yè)面變得雜亂無(wú)章，充滿(mǎn)了難以按重要性區(qū)分的信息。

留白不是浪費(fèi)。相反，它讓觀眾和讀者在進(jìn)入下一個(gè)元素之前有一點(diǎn)時(shí)間喘口氣，并且可以幫助將重要元素變成焦點(diǎn)，而不僅僅是看起來(lái)像機(jī)器中的另一個(gè)齒輪。

閱讀模式

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

F型

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

Z型

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

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

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

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

視覺(jué)層次結(jié)構(gòu)是有效的、強(qiáng)大的，并且在設(shè)計(jì)時(shí)不容忽視，尤其是當(dāng)您有重要信息要共享時(shí)。沒(méi)有什么原則比另一個(gè)原則更重要，因?yàn)樗鼈兌忌婕笆鼓枰摲f而出的信息真正跳出頁(yè)面的方法。

#視覺(jué)##設(shè)計(jì)##原則##模式#

熱門(mén)課程推薦

熱門(mén)資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定