大家好！今天讓小編來(lái)大家介紹下關(guān)于視覺導(dǎo)向設(shè)計(jì)的作用的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

• 1、什么是視覺傳達(dá)設(shè)計(jì)

• 2、環(huán)境導(dǎo)視系統(tǒng)設(shè)計(jì)的基本要素是什么？

• 3、什么是導(dǎo)向設(shè)計(jì)?

• 4、設(shè)計(jì)原則：視覺權(quán)重和方向（四）

一、什么是視覺傳達(dá)設(shè)計(jì)

視覺傳達(dá)是指利用視覺符號(hào)傳達(dá)各種信息。包括主要招牌、廣告、包裝、店內(nèi)外環(huán)境、企業(yè)形象等等。由于這些都是通過視覺圖像傳達(dá)給消費(fèi)者的，所以被稱為“視覺傳達(dá)”，在企業(yè)、商品和消費(fèi)者之間起到了橋梁的作用。

以文字、圖形、色彩為基本元素的藝術(shù)創(chuàng)作的視覺傳達(dá)，在精神文化領(lǐng)域以其獨(dú)特的藝術(shù)魅力影響著人們的感受和觀念，在人們的日常生活中發(fā)揮著非常重要的作用。

視覺傳達(dá)一詞在1960年日本東京舉行的世界設(shè)計(jì)大會(huì)上流行開來(lái)。其內(nèi)容包括:設(shè)計(jì)報(bào)刊雜志、海報(bào)等印刷宣傳品，以及電影、電視、電子廣告牌等媒體。將相關(guān)內(nèi)容傳達(dá)給眼睛進(jìn)行造型的表現(xiàn)性設(shè)計(jì)統(tǒng)稱為視覺傳達(dá)設(shè)計(jì)電影海報(bào)。簡(jiǎn)而言之，視覺傳達(dá)設(shè)計(jì)就是“設(shè)計(jì)給人看，設(shè)計(jì)給人講”。

二、環(huán)境導(dǎo)視系統(tǒng)設(shè)計(jì)的基本要素是什么？

環(huán)境導(dǎo)視系統(tǒng)設(shè)計(jì)最重要的作用就是導(dǎo)視要求，就是為了給顧客提供視覺導(dǎo)向。這是導(dǎo)視系統(tǒng)設(shè)計(jì)的的最基本要求。蘇州羽鳴設(shè)計(jì)環(huán)境導(dǎo)視標(biāo)識(shí)設(shè)計(jì)有三個(gè)基本要素：功能性，協(xié)調(diào)性，合理性。功能性：設(shè)置標(biāo)識(shí)的根本目的是提供視覺導(dǎo)向，所以要充分考慮訪客的需求，標(biāo)識(shí)設(shè)計(jì)的如果沒有了可識(shí)別度，丟失它的功能本性，那也就失去了它存在必要性。 協(xié)調(diào)性：環(huán)境導(dǎo)向標(biāo)識(shí)設(shè)計(jì)是輔設(shè)在建筑物上，指示信息的載體，所以它要和建筑環(huán)境有機(jī)結(jié)合，比如采用相近的材料，顏色，造型，甚至工藝等，使其與建筑和諧統(tǒng)一，成為建筑物真正的畫龍點(diǎn)睛之筆。：“一個(gè)完美的，優(yōu)秀的標(biāo)識(shí)設(shè)計(jì)作品，是在你需要指向信息能一目了然，不需要神馬都給力時(shí)能完全融合在建筑環(huán)境中?！? 合理性：環(huán)境導(dǎo)向標(biāo)識(shí)設(shè)計(jì)最終是要制造出符合標(biāo)識(shí)設(shè)計(jì)的產(chǎn)品，所以標(biāo)識(shí)設(shè)計(jì)的合理性在設(shè)計(jì)中成為重要，合理的材料選用，可實(shí)現(xiàn)的加工工藝，安裝維修方式都是完成完善最終產(chǎn)品的必要條件。這樣才有利于標(biāo)牌行業(yè)健康持久的開展蘇州羽鳴設(shè)計(jì)是一個(gè)不錯(cuò)的選擇。

三、什么是導(dǎo)向設(shè)計(jì)?

環(huán)境標(biāo)識(shí)導(dǎo)向設(shè)計(jì)就是以既定環(huán)境區(qū)域內(nèi)為主的相關(guān)功能標(biāo)示視覺系統(tǒng)設(shè)計(jì)，環(huán)境導(dǎo)向設(shè)計(jì)的應(yīng)用很廣泛，如：寫字樓環(huán)境導(dǎo)向系統(tǒng)設(shè)計(jì)，醫(yī)院環(huán)境導(dǎo)向系統(tǒng)設(shè)計(jì)，樓盤環(huán)境導(dǎo)向系統(tǒng)設(shè)計(jì)等，推薦你蘇州鼎通廣告標(biāo)識(shí)工程有限公司，該公司擁有專業(yè)的標(biāo)識(shí)系統(tǒng)設(shè)計(jì)團(tuán)隊(duì)、系統(tǒng)制作安裝團(tuán)隊(duì)，從前期規(guī)劃至后期設(shè)計(jì)制作提供一體化專業(yè)服務(wù)。

四、設(shè)計(jì)原則：視覺權(quán)重和方向（四）

為了吸引用戶的眼球，網(wǎng)頁(yè)上很多元素都會(huì)增加視覺權(quán)重，這種權(quán)重越大就越能吸引用戶，而且這種權(quán)重也會(huì)影響到其他元素，形成視覺路徑，以判斷其潛在的運(yùn)動(dòng)趨勢(shì)，并建議用戶接下來(lái)應(yīng)該怎么做？

我們將這種權(quán)重稱為視覺權(quán)重和視覺權(quán)重對(duì)視線路徑感知的影響。這兩者很明顯，如果想使得作品具有結(jié)構(gòu)層次、流程和節(jié)奏以及平衡感，這是一個(gè)很重要的概念。

物理上的重量是力的量度，牽引力施加在物體上的一種力，而對(duì)于二維的對(duì)象（例如web頁(yè)面上的元素）不具有這種量度，因此就不會(huì)具有物體上的重量。而視覺權(quán)重是一個(gè)元素施加在吸引人眼球的力的量度，在二維的對(duì)象中會(huì)有感知。通常越是有吸引力的元素，其視覺權(quán)重就越大。

在前面的文章中我曾經(jīng)提到過原始特征，或元素本身固有的屬性，如大小、顏色和形狀。在這篇文章中我將會(huì)提到如何通過這些屬性來(lái)解釋顯示元素的差異和共性。例如，通過一個(gè)非常大和另一個(gè)非常小的元素就能很明確的指出元素之間的不同。

控制這些屬性之間的組合就可以知道如何控制視覺權(quán)重。通常相比較藍(lán)色，紅色的容易吸引眼球，還有就是更大的元素比小的元素更吸引眼球。大而又是紅色的物體對(duì)于小而藍(lán)色的物體就就更加明顯直觀。

有沒有可以精確的測(cè)量這種設(shè)計(jì)元素的視覺權(quán)重的方法呢？我們可以依靠自己的經(jīng)驗(yàn)來(lái)判斷并決定哪些元素具有較大或較小的權(quán)重，可以利用眼睛然后給予它信任。通常在一些組合元素 中那些擁有更大視覺權(quán)重的元素更加吸引我們的眼球，所以請(qǐng)相信自己的眼睛。

這也并不是意味著可以隨機(jī)的嘗試某些情況。來(lái)看看什么是吸引眼球多和少。我們會(huì)通過這些元素特征然后比較而得到哪個(gè)元素更大的視覺元素。所以要使用眼睛和元素屬性相結(jié)合。

幸運(yùn)的是這種特性和視覺上重量的判斷有人做了很多的研究和測(cè)試。下面的一些例子可以通過改變?cè)貙傩砸约叭绾胃淖冞@些元素在視覺重量的多與少之間的關(guān)系。

先讓我們從基本特征開始研究：大小、顏色、值、位置、質(zhì)感、形狀、方向。

（1）尺寸：大元素比小元素有更多的視覺權(quán)重；

（2）顏色：暖色調(diào)比冷色調(diào)更加容易進(jìn)入人眼，通常會(huì)作為背景來(lái)平衡前面的冷色調(diào)。另外紅色被認(rèn)為是最重的顏色而黃色是最輕的；

（3）值：黑色元素的視覺權(quán)重要大于其他輕淡元素；

（4）位置：在組合物中位于較高位置元素的視覺權(quán)重要大于位置較低的元素。進(jìn)一步說(shuō)就是中心的或占據(jù)主導(dǎo)位置區(qū)域的元素其視覺權(quán)重就越大。

（5）質(zhì)感：有質(zhì)感的元素視覺權(quán)重大于沒有質(zhì)感的元素，這種質(zhì)感會(huì)使元素變成三維的，使得元素在外觀上具有物理的重量；

（6）形狀：具有一定規(guī)則形狀元素的視覺權(quán)重要大于不規(guī)則形狀的元素。而凹凸感就好像元素被挖去或補(bǔ)上一塊了；

（7）方向：垂直的元素比水平的元素更重，對(duì)角線元素最重；

當(dāng)然，我們也不必限制在這種基本的功能上，還可以使用其他的特征來(lái)控制視覺權(quán)重；

（8）密度：在固定的空間里面使用更多的元素也可以增加這一區(qū)域的視覺權(quán)重。這是用戶會(huì)看到一個(gè)更大的組合元素區(qū)域。而不是幾個(gè)較小和較輕的元素；

（9）空白區(qū)域：當(dāng)空白區(qū)域沒有視覺元素的就是沒有視覺權(quán)重，但是當(dāng)周圍都是空白時(shí)放置在這區(qū)域的元素就是看上去很重（類似一種對(duì)比）；

（10）內(nèi)在興趣點(diǎn)：當(dāng)有些元素相比較于其他顯得更加有趣，或者是更加復(fù)雜的輪廓和元素，那么就會(huì)使得開發(fā)者做出更加有趣復(fù)雜的來(lái)吸引用戶的眼球。因此自己的興趣點(diǎn)也會(huì)影響到我們，如果和飛機(jī)相比汽車更加具有吸引力，那么就在平面上的一輛汽車就更有重量；

（11）深度：焦點(diǎn)元素的景深加大，相比較于無(wú)焦點(diǎn)的元素就感覺越重；

（12）飽和度：飽和度高的元素比低的元素更加的重；

（13）元素自身表達(dá)的重量：例如房子的重量一般會(huì)超過一只鞋子。因此房子的在圖片上視覺感覺更重。

在以前的帖子中有一系列的關(guān)于對(duì)比度和相似性的討論。我也重點(diǎn)提到對(duì)比對(duì)元素的影響。換句話說(shuō)就是元素的視覺權(quán)重會(huì)隨著周圍的環(huán)境對(duì)比，從而受到影響。例如，在網(wǎng)頁(yè)中圓形比矩形看起來(lái)似乎更重，所以大多數(shù)的網(wǎng)站選擇使用矩形以減輕這種重的感覺。

當(dāng)然并不是所有的元素能幫助我們控制視覺權(quán)重。例如大多數(shù)人在看到元素時(shí)會(huì)優(yōu)先讀取顏色信息，說(shuō)明元素受顏色的影響要大于形狀。另外我們也要考慮一些其他的元素的獨(dú)特屬性，因?yàn)橥ㄟ^對(duì)比會(huì)發(fā)現(xiàn)元素比對(duì)比元素更加的重一些。而在構(gòu)圖細(xì)節(jié)上將會(huì)決定什么樣的對(duì)比。

請(qǐng)記住控制視覺權(quán)重是上面屬性的一系列組合。雖然大的元素比小的更加重些，但是在白色空白中，一個(gè)小點(diǎn)的黑色圓圈似乎更加的突顯。而位于頂部顏色很重的元素可能會(huì)超過底部很炫的淺色較大的不規(guī)則的元素。

這里一系列的背后的理念都是在指出格式塔原則如何有助于設(shè)計(jì)原則。

（1）圖形和背景：視覺加權(quán)的方法可以使圖形和背景分離出來(lái)并平衡與背景的視覺重量。

（2）接近：一定區(qū)域的元素之間會(huì)留下一些空白區(qū)域，從而導(dǎo)致元素或?qū)ο笾g的不同密度來(lái)控制視覺權(quán)重。

（3）相似性和對(duì)比度：這是控制視覺權(quán)重中很重要的一點(diǎn)，在對(duì)比鮮明的元素中會(huì)導(dǎo)致大的視覺權(quán)重，另外類似于視覺元素的疊加，就表現(xiàn)出相似性。

（4）焦點(diǎn)：在組合物中吸引人的焦點(diǎn)所在，而這些焦點(diǎn)元素會(huì)攜帶更多的視覺權(quán)重。

（5）以往經(jīng)驗(yàn)：根據(jù)用戶的經(jīng)驗(yàn)有助于來(lái)確定，還有內(nèi)在的興趣點(diǎn)吸引。

如果是視覺權(quán)重是吸引眼球到特定的位置，那么視覺導(dǎo)向就是關(guān)于引導(dǎo)眼球落在下一個(gè)位置的方法。視覺權(quán)重會(huì)引導(dǎo)視覺導(dǎo)向的感知方向，如果它在運(yùn)動(dòng)方向，就它看成自己所期望的方向來(lái)回移動(dòng)。

而視覺導(dǎo)向就是提供類似功能的并結(jié)合視覺權(quán)重，這樣就會(huì)作為設(shè)計(jì)中的一種組成部分。就好比：“視覺權(quán)重”說(shuō)：“看我”，而“視覺導(dǎo)向”會(huì)說(shuō)：“看那邊”。

和視覺權(quán)重一樣也可以控制元素的屬性，盡管相對(duì)于視覺權(quán)重有些少。

（1）元素形狀：將元素的形狀創(chuàng)建一個(gè)軸心，沿著一個(gè)方向，這樣從軸心出到指向就會(huì)引導(dǎo)我們的視線。

（2）元素位置：視覺權(quán)重可以增加或減少視覺權(quán)重的吸引力影響。利用這種效果的力，可以作為連接兩者之間的移動(dòng)方向。

（3）元件的標(biāo)的物：使用箭頭、手指或是建議眼睛視線指向某個(gè)方向；

（4）運(yùn)動(dòng)趨勢(shì)：元素中可以設(shè)計(jì)一種運(yùn)動(dòng)方向來(lái)指引用戶視線；

（5）結(jié)構(gòu)骨架：每一個(gè)組合物都有結(jié)構(gòu)骨架，并都沿著不同的軸運(yùn)行的力，這里還需要好好研究一下。

魯?shù)婪颉ぐ⒍骱Ｄ吩谄鋾禔rt and Visual Perception》中提到對(duì)每個(gè)畫布的背后基本架構(gòu)的想法。想象一下每個(gè)畫布都有一定運(yùn)行規(guī)律的結(jié)構(gòu)性網(wǎng)絡(luò)。在畫布里面即使沒有任何元素，但是我們的眼球還是會(huì)吸引在畫布上，就像下面畫布的結(jié)構(gòu)一樣。

在這個(gè)四角正方形畫布的中心處就像磁鐵一樣吸引著眼球。而中心是磁鐵最強(qiáng)的，哪怕中心不是畫布中心也是一樣的。相反，吸引眼球的中心就是光學(xué)中心，并且位于正上方真實(shí)的幾何中心。

另外這四條對(duì)稱的軸，沿著軸之間的中心和角落處都是非常吸引注意力。而軸中間的點(diǎn)和垂直的水平線會(huì)繼續(xù)創(chuàng)造視覺沖擊力。

我們可以回過頭來(lái)想，發(fā)現(xiàn)當(dāng)視線到達(dá)一個(gè)地方后，還會(huì)隨著這些元素進(jìn)行流動(dòng)（盡管這些感覺似乎很微弱），現(xiàn)在我們要考慮的是在沒有設(shè)計(jì)時(shí)，觀察者的的視線還是會(huì)集中到上圖的某些點(diǎn)，并且視線也遵循一些移動(dòng)的規(guī)律，因此可以利用這種結(jié)構(gòu)將主要元素放在這些點(diǎn)上從而吸引用戶眼球。

我們可以認(rèn)為視線是指向一個(gè)元素到另一個(gè)元素，而這個(gè)線是不可見的。

（1）統(tǒng)一連貫：連接元素之間的線路是有方向的，眼睛會(huì)產(chǎn)生一個(gè)假想線，停留在一點(diǎn)上。

（2）延展：這一個(gè)原則涉及到直線或曲線的排列元素，就仿佛我們朝著直線或曲線的方向。

（3）共性：視為那些具有共性的元素會(huì)在同一個(gè)方向上移動(dòng)，或出現(xiàn)在同一方向上。

（4）平行：為了使元素保持平行狀態(tài)就需要將它們內(nèi)部的軸賦予相同的方向。

總體方向的組成

視覺導(dǎo)向的另一個(gè)概念是每個(gè)組合物可能會(huì)成為一個(gè)主導(dǎo)方向，無(wú)論是水平的還是垂直或?qū)蔷€。

（1）在水平方向會(huì)使得組合成分顯得平靜和穩(wěn)定；

（2）垂直方向增加一種形式會(huì)使得產(chǎn)生警覺性和均衡感；

（3）對(duì)角線方向會(huì)顯示運(yùn)動(dòng)和運(yùn)動(dòng)趨勢(shì)。

將多個(gè)元素和幾個(gè)關(guān)鍵的元件組合建立占有主導(dǎo)方向，這種方向上將會(huì)有根據(jù)不同的意義表現(xiàn)出不同的視線引導(dǎo)線。也可能組合物沒有主導(dǎo)方向，水平和垂直界面的數(shù)目是相等的，那么在這種情況下就取決于用戶。

對(duì)于下面的例子中我會(huì)選擇一些截圖來(lái)分享我對(duì)于視覺權(quán)重的各個(gè)想法，當(dāng)然你也可以有不同的想法。

不同的東西會(huì)吸引不同的目光。另外，我也沒有很好的方法來(lái)確定視覺權(quán)重的多少，還有就是兩個(gè)人會(huì)根據(jù)自身不同的價(jià)值觀在組合物中看到不同的區(qū)域，主觀性是可以預(yù)期的。

有一個(gè)很簡(jiǎn)單的方法來(lái)判斷視覺上的權(quán)重，那就是：瞇眼測(cè)試。具體是閉上你的眼睛直到看到一個(gè)元素快消失的時(shí)候，如果其他的元素還存在，那么它們的權(quán)重就更多。

Bureau

截圖為Bureau的一個(gè)頁(yè)面，由于瀏覽器設(shè)置的原因?qū)挾戎挥?280px，如果 是單個(gè)列估計(jì)會(huì)被這種設(shè)計(jì)崩潰。

從截圖中可以看到所有的內(nèi)容就是文字，而主標(biāo)題使用加粗黑體最為直觀。文字占比是最大的一塊，而其周圍全部是空白，也可以說(shuō)是設(shè)計(jì)者希望用戶可以看到頁(yè)面上最重要的信息而不受到干擾。這樣做就是很有原因的，這也就是視覺權(quán)重。

還有鏈接處于周圍的文字有一個(gè)很明顯的顏色對(duì)比，雖然使用少量冷色系，可是我們依然很明顯看到。

在右邊的列表中只有少量的元素是明顯的，這也是有道理的。因?yàn)榻裹c(diǎn)的位置是文章內(nèi)容部分，設(shè)計(jì)師希望我們可以忽視右邊的側(cè)欄，從而減少其他元素的干擾。

另外我們還會(huì)注意到在右側(cè)列表的頂部有一個(gè)小區(qū)域使用了紅色文字，而這一個(gè)鏈接就是整個(gè)網(wǎng)站的主頁(yè)，盡管它很小但是被賦予了額外的權(quán)重，來(lái)幫助這個(gè)元素從其他元素中脫穎而出。當(dāng)我們看到整個(gè)頁(yè)面時(shí)，會(huì)明顯感覺這個(gè)元素很小也很吸引注意。

當(dāng)我們使用瞇眼測(cè)試法，就會(huì)發(fā)現(xiàn)整個(gè)右列慢慢消失，只留下主標(biāo)題和文章內(nèi)容區(qū)域。由于這個(gè)頁(yè)面是兩個(gè)縱向的列表，所以主要的方向就是垂直的，在這兩個(gè)列表之間由于背景顏色的不同，使得視線的流向是垂直的方向。

Create Digital Media

Create Digital Media的首頁(yè)在加載時(shí)，有很豐富顏色的元素，來(lái)吸引用戶更多的注意力。即使錯(cuò)過加載動(dòng)畫，也會(huì)看到很顯眼的顏色，這里使用了飽和度很高的粉紅色、黃色和藍(lán)色。它們之間占有的空間也是相同的。而且在一片很大的空白區(qū)域，它們是很密集的。

在底部的圖形中，也給人很重的感覺。還是黑色很復(fù)雜較大的形狀。會(huì)分離開為三個(gè)部分，其次就是它們各個(gè)的標(biāo)題。

頁(yè)面中主標(biāo)題使用很大文字，相比較于下面的文字，顏色也較深。這個(gè)網(wǎng)站從我的角度來(lái)看，頂部的logo和正標(biāo)題以及底部的圖形是有較高的視覺權(quán)重。

使用瞇眼測(cè)試法會(huì)發(fā)現(xiàn)除頂部的logo和標(biāo)題以及底部的圖形沒有消失，其他元素都消失了。繼續(xù)瞇眼就會(huì)發(fā)現(xiàn)主標(biāo)題也會(huì)消失，盡管依稀可見。另外還會(huì)注意到左下方logo處的文本消失的速度要快于其附近的其它圖形。

在這個(gè)頁(yè)面中最主要的方向應(yīng)該是水平的，和主標(biāo)題與導(dǎo)航欄分割水平線是一致的，另外要突出顯示的元素以及文字也是水平的。

三個(gè)齒輪可以近似看成一個(gè)三角形，雖然有一些彎曲的但是是從整個(gè)頁(yè)面對(duì)角線方向建立起來(lái)的。雖然它們并不是很長(zhǎng)，卻是頁(yè)面中唯一使用對(duì)角線的元素。

Javier Marta

在Javier Marta頁(yè)面上有三個(gè)最主要元素，分別是導(dǎo)航欄、文章中插圖以及章節(jié)之間的分割線。

（1）圖片：這兩張都是很大而且是偏暗，被較白色空白區(qū)域包圍。每張圖片都展示自己要表達(dá)的信息。

（2）綠色的分割線：使用了顏色和更加大的空白區(qū)域，還有間斷的分割。

（3）導(dǎo)航菜單：使用了大片黑色，另外周圍是留白突出。

網(wǎng)站的logo相比較于導(dǎo)航菜單欄更加的輕，但是仍然十分突出，它們承載更多的內(nèi)容相比較于文本，但是似乎并不像菜單欄，不知道這點(diǎn)你是否同意。

瞇眼測(cè)試會(huì)發(fā)現(xiàn)導(dǎo)航欄和logo會(huì)融合在一起形成一個(gè)單獨(dú)區(qū)域，并以水平線的形式顯示。另外圖片和章節(jié)的分割線仍然十分的顯眼，并且文字內(nèi)容區(qū)域呈現(xiàn)較大一塊。即使看不清文字區(qū)域具體講了什么。

在我的屏幕上，水平方向只有導(dǎo)航欄和章節(jié)分割線可見，而且四個(gè)導(dǎo)航欄總是在最上面，還有就是綠色的分隔線開始就使得頁(yè)面也是從水平到垂直的方向轉(zhuǎn)變。

在第二張圖片中可以看到女人的傘指向很明確，卻并沒有離開，這是視覺權(quán)重在于看，如果兩張圖片中的某種方向指引是指向文章內(nèi)容，就可以使得圖片更好的服務(wù)設(shè)計(jì)。

Stanford Arts

在Stanford Arts 的頂部，是頁(yè)面中最重也是最明顯的地方，另外頂部使用很大的一張圖片作為元素的集合，有很多有趣的地方。這個(gè)benner也占據(jù)了我整個(gè)屏幕。

仔細(xì)注意這個(gè)網(wǎng)站頂部的圖像是旋轉(zhuǎn)的，并且會(huì)隨著時(shí)間的變化而變化，如果不訪問網(wǎng)站可能不會(huì)看到這種效果，另外你也可以不同于我的方法來(lái)評(píng)估這個(gè)網(wǎng)站中的視覺權(quán)重。

我認(rèn)為大圖片下面等三角形圖片是第二重的元素，之后就是在頁(yè)眉和頁(yè)腳處的大紅色塊。

當(dāng)我做著瞇眼測(cè)試時(shí)候，元素消失的時(shí)間速度和我預(yù)測(cè)的一樣。另外三角形的圖片很好的平衡了光亮和黑暗之間的對(duì)比。這可以幫助它們脫穎而出。

最終唯一存在的圖像仍然是頂部的banner，雖然看不清較多的細(xì)節(jié)，但是還是可以看到大圖，其次是下面的三角形圖片。

這里的設(shè)計(jì)在視覺導(dǎo)向上很有趣。對(duì)角線占據(jù)主導(dǎo)地位，因?yàn)槲覀円娺^的大多數(shù)網(wǎng)站都不會(huì)使用大量對(duì)角線，而這個(gè)網(wǎng)站的正是因?yàn)檫@個(gè)得到很多關(guān)注，它顛覆了我們的期望。

另外我截圖的banner圖片上也使用了對(duì)角線，雖然有些彎曲的部分和人為建造的區(qū)域，但是并不影響整體的對(duì)角線布局。

其次是三角形圖片中從左到右三張，依次指向右邊。其實(shí)如果第三張的女人頭像如果朝向頁(yè)面或許會(huì)更加完美了。

當(dāng)然，對(duì)于圖像部分當(dāng)我們懸停時(shí)也會(huì)發(fā)生改變。但是圖片的變化還是向外而不是指向內(nèi)。

元素的視覺權(quán)重在于能吸引用戶有多少的注意力在這些元素上的量度，所以視覺感覺較重的元素更加吸引眼球。視覺方向是作用在于由元素施加的力的感知方向。方向是給觀眾的視線一種移到別處的提示。

許多固有特征可以通過修改，使一個(gè)元件在視覺上或許減輕。另外一些也可用于建立一個(gè)元素的視覺方向，如可以在畫布本身建立。在本系列的后續(xù)文章中，我們將看到的視覺權(quán)重和視覺導(dǎo)向，導(dǎo)致的主要地位和層次結(jié)構(gòu)、流程和節(jié)奏，并對(duì)最終的平衡組合原則產(chǎn)生怎樣的效果。

https://www.smashingmagazine.com/2014/12/design-principles-visual-weight-direction/

以上就是小編對(duì)于視覺導(dǎo)向設(shè)計(jì)的作用問題和相關(guān)問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。

推薦閱讀：

什么是電子商務(wù)網(wǎng)站視覺營(yíng)銷

平面視覺效果

車內(nèi)視覺和車外視覺（車內(nèi)視覺和車外視覺哪個(gè)好）

二奶車排行榜（二奶車排行榜寶馬mini多少錢）

怎么做小說(shuō)推廣掙錢（抖音怎么做小說(shuō)推廣掙錢）