目錄

1. 簡(jiǎn)述引導(dǎo)概念
   • 視覺引導(dǎo)邏輯簡(jiǎn)述
   • 情感引導(dǎo)簡(jiǎn)述
   • 行業(yè)案例解析
2. 點(diǎn)線面情感
   • 點(diǎn)的形態(tài)與情感
   • 線的形態(tài)與情感、
   • 面的形態(tài)與情感
   • 案例實(shí)操
   • 案例實(shí)操2

簡(jiǎn)述引導(dǎo)概念

1.1簡(jiǎn)述視覺引導(dǎo)概念

所謂視覺引導(dǎo)即通過(guò)一定的元素?cái)[放規(guī)律，色彩使用，數(shù)學(xué)倍率關(guān)系來(lái)確定閱讀元素的先后順序，通過(guò)調(diào)整閱讀順序來(lái)區(qū)分使用功能。一份正常的視覺設(shè)計(jì)應(yīng)該是主體 > 主標(biāo)題; 品牌宣傳語(yǔ)/促銷性文字; 內(nèi)文信息 ; 輔助或裝飾性文字。

單說(shuō)視覺引導(dǎo)其實(shí)更加偏向于一個(gè)數(shù)學(xué)概念，因?yàn)橥ㄟ^(guò)大小的控制就能最快的區(qū)分出畫面中各個(gè)元素的主次關(guān)系和閱讀順序。這些是大部分設(shè)計(jì)師都知道的理論，但一直設(shè)計(jì)出現(xiàn)問(wèn)題就是各個(gè)元素的比例關(guān)系過(guò)于曖昧，有些時(shí)候?qū)Ρ忍珡?qiáng)會(huì)導(dǎo)致元素之間的權(quán)重失衡，對(duì)比太弱又會(huì)導(dǎo)致元素之間閱讀順序的混淆，一個(gè)問(wèn)題畫面的視覺引導(dǎo)往往是游離不定的。

1.2簡(jiǎn)述情感引導(dǎo)概念

情感引導(dǎo)是每一個(gè)設(shè)計(jì)師不可避免的一個(gè)進(jìn)階重要理論，畫面中存在的每一個(gè)元素都是有意義而存在的，每種元素、色彩、排布方式、都會(huì)給觀者不同的心里印象，要想思考應(yīng)該添加什么元素就應(yīng)該回到本源，你做的設(shè)計(jì)想給人什么樣的心里感受，以及你想通過(guò)這份心里感受達(dá)成什么樣的設(shè)計(jì)需求。

給大家舉個(gè)例子這就會(huì)變得更好理解了，比如促銷海報(bào)為什么經(jīng)常使用很多發(fā)射或者漂浮的元素，大家都能說(shuō)出來(lái)的就是豐富畫面，我們要深一步思考為什么要豐富畫面，為什么畫面空不適合促銷，因?yàn)轱枬M的畫面相對(duì)于安靜的畫面更能引起人的沖動(dòng)，就像在洗腦術(shù)一書中提到的 想讓人按照你的意識(shí)行動(dòng)就是要降低他的思考能力，我們對(duì)著一張白紙是不會(huì)有任何沖動(dòng)的但是通過(guò)一定的設(shè)計(jì)，調(diào)動(dòng)起興趣再加上合理的元素分布往往就能達(dá)成我們的客戶的設(shè)計(jì)需求，通過(guò)這樣思考設(shè)計(jì)出的作品才算得上是以人為本。

1.3行業(yè)案例解析

為了讓大家對(duì)概念有更直觀的感受我們引用了以下幾個(gè)行業(yè)，從項(xiàng)目調(diào)性入手我們剖析他的背后市場(chǎng)需求用戶需求來(lái)反推設(shè)計(jì)的合理性，這樣我們以后在檢查自己作品的時(shí)候也會(huì)有一個(gè)很好的思路參考。

點(diǎn)線面情感

所有畫面構(gòu)成的元素都可以被理解成點(diǎn)面線,點(diǎn)線面的形式也是多種多樣的在這里只能給大家舉一些常見的例子來(lái)講解。那么這些情感是如何來(lái)的呢？我個(gè)人的理解情感是來(lái)源于大眾對(duì)于一個(gè)東西的通俗認(rèn)知，點(diǎn)線面也是一樣的，往往從社會(huì)或者是自然中看見過(guò)這類的形態(tài)，形成了潛意識(shí)的心理印象,當(dāng)這類元素以其他形態(tài)出現(xiàn)時(shí)會(huì)自動(dòng)歸類到以往的通識(shí)認(rèn)知上就形成了所謂的情感。掌握了點(diǎn)線面的情感就相當(dāng)于掌握了設(shè)計(jì)的語(yǔ)言,利用好點(diǎn)線面的構(gòu)成趨勢(shì)、排列組合、形態(tài)穿插就可以做到與你的設(shè)計(jì)”交談”，聽你的設(shè)計(jì)”說(shuō)話”

2.1點(diǎn)的形態(tài)與情感

點(diǎn)的主體化

單個(gè)的點(diǎn)可以作為畫面中一個(gè)點(diǎn)亮空間的元素，如圖一葉小船在畫面的大量留白中出現(xiàn)就成為了絕對(duì)的焦點(diǎn)，這種是利用了元素之間的特異性，當(dāng)畫面整體都呈現(xiàn)出主體不明確的狀態(tài)在一個(gè)相對(duì)純凈的空間加上一個(gè)點(diǎn)一下子就能成為我們的視覺焦點(diǎn)屬于以退為進(jìn)的手法。這樣的用法在中國(guó)風(fēng)的設(shè)計(jì)里非常常用,會(huì)給人一種意味深長(zhǎng),大氣磅礴又與世無(wú)爭(zhēng)的心理印象。

點(diǎn)化線形態(tài)

這種形式嚴(yán)格來(lái)說(shuō)屬于線的一種，但是由于他的組成單位是點(diǎn)就把他歸于點(diǎn)一起給大家說(shuō)明了，這種點(diǎn)化線往往是由大量相似或重復(fù)的元素進(jìn)行有規(guī)律有路徑的排列而成的，給到大家的情感可以解釋為兩部分，一種是線的形態(tài)情感，這部分在后面講線的時(shí)候會(huì)提到，從自然的角度來(lái)說(shuō)另一部份會(huì)給人秩序，整齊、連接感的心理印象。在版式設(shè)計(jì)中這樣的手法相信大家都見過(guò)，我個(gè)人理解這樣做是為了增加人的閱讀時(shí)間成本，打造觀者的“閱讀儀式感”不讓人一次性的閱讀完整有助于提升格調(diào)，打個(gè)比方就是品茶，大家都知道茶需要慢慢品，一口飲盡就喪失了茶本來(lái)的香味。好的畫面同樣是這樣，如果像一些商業(yè)設(shè)計(jì)一樣，一眼看到頭就會(huì)喪失畫面應(yīng)有的藝術(shù)感了。

點(diǎn)的底紋化這點(diǎn)在設(shè)計(jì)中是比較常見的，非常適合用來(lái)解決背景過(guò)于單調(diào)的問(wèn)題。比如一些波點(diǎn)的元素就是利用了底紋點(diǎn)的特性來(lái)提高背景的完整度。在自然中這樣的星空是非常漂亮的每一個(gè)亮光點(diǎn)都可以視為一個(gè)點(diǎn)元素，當(dāng)重復(fù)的點(diǎn)元素隨機(jī)的，大量的，不引人注意的出現(xiàn)在畫面中時(shí)就形成了底紋點(diǎn)，這種形態(tài)給人自然，隨機(jī)，飽滿的心理印象。

底紋點(diǎn)

氣氛點(diǎn)

氣氛點(diǎn)的使用幾乎是所有熱鬧類型的畫面都要用到的手法，在自然中我們的雨天，雪天，或者是黑夜中的螢火蟲都是我們氣氛點(diǎn)元素的表現(xiàn)，這種情感我們通過(guò)正向思考很難得出一個(gè)合適的理論，因?yàn)橄掠晗卵┒疾荒苷f(shuō)明什么感受，非要強(qiáng)行情感也沒有意義，我們可以反過(guò)來(lái)思考，如果缺少這種氣氛點(diǎn)會(huì)是什么效果，畫面就會(huì)更多的呈現(xiàn)出安靜，平和，協(xié)調(diào)的心理感受，反推過(guò)來(lái)加上這些氣氛點(diǎn)肯定帶來(lái)的就是熱鬧，豐富，沖擊等等效果，這樣的氣氛點(diǎn)可以隨機(jī)排列，也可以按照一定的構(gòu)成，比如離心式、向心式、密集構(gòu)成、或者結(jié)合點(diǎn)化線可以在熱鬧的基礎(chǔ)上又增加秩序感。諸如此類在設(shè)計(jì)中的應(yīng)用非常廣泛。

這個(gè)引用的是我們之前講解過(guò)的一個(gè)案例，可以看到添加強(qiáng)化點(diǎn)前后的差異，簡(jiǎn)直可以說(shuō)是是畫面的點(diǎn)睛之筆，強(qiáng)化點(diǎn)主要是針對(duì)主體的，所以他的占比要相對(duì)于大一些，而提示點(diǎn)主要是針對(duì)零碎的信息，進(jìn)行視覺引導(dǎo)提示，這部分在后面的信息基礎(chǔ)規(guī)范也會(huì)講到，通常占比非常小，這兩種點(diǎn)的形式都可以作為我們很好提升畫面元素層次的思路。

2.2線的形態(tài)與情感

橫向線

橫向的線在大自然中往往出現(xiàn)在天際線或者是地平線上，會(huì)給人一種安靜、平和、穩(wěn)定的心理印象用在我們的設(shè)計(jì)中橫線經(jīng)常是以分割的角色出現(xiàn)的，同樣連起來(lái)的文字、穿起來(lái)的點(diǎn)等等這些東西都可以看做是橫向的線條，它們一樣擁有橫向線的氣質(zhì)與感受。

縱向線

縱向線的情感包括莊嚴(yán)、高大、壓迫等情緒。在一些攝影圖中縱向線大多數(shù)出現(xiàn)在樓房、柱子、大門等這類作品上面。在一些設(shè)計(jì)作品中，房地產(chǎn)項(xiàng)目需要更多的利用縱向線的情緒來(lái)進(jìn)行設(shè)計(jì)，表達(dá)高大疏遠(yuǎn)的情緒，拉高項(xiàng)目的整體視覺感受。

當(dāng)然線縱向線也分絕對(duì)縱向和相對(duì)縱向，相對(duì)縱向的線在設(shè)計(jì)和攝影中的表現(xiàn)也很多，比如像表現(xiàn)一個(gè)門的高大用縱向線自然沒問(wèn)題，但是如果加上一些鏡頭的畸變整體的沖擊感就會(huì)更加強(qiáng)烈，高大的感覺也會(huì)因?yàn)榛兊奈矬w進(jìn)一步擴(kuò)大,第二張攝影圖在拍攝的時(shí)候就一定程度上使用了相對(duì)縱向的線條來(lái)增加畫面的高大感。

曲線

曲線往往會(huì)給人一種,親近,柔和，柔美,張力,波動(dòng)延伸感的視覺印象,在自然中的曲線也是非常常見的，例如水的波紋，柳枝自然的下垂,河流的路徑,山脈等。在設(shè)計(jì)中經(jīng)常利用曲線來(lái)縮短觀者與作品的距離感。例如這個(gè)美食海報(bào),可以看到它的主標(biāo)題就是在以曲線的元素形式出現(xiàn)的畫面中,同時(shí)這種拉絲的感覺會(huì)和主圖產(chǎn)生一定的關(guān)聯(lián),會(huì)進(jìn)-步強(qiáng)化主圖的視覺印象。曲線能拉近距離同樣也能拉遠(yuǎn)距離,看一下第一份房地產(chǎn)的海報(bào)設(shè)計(jì),利用了曲線延伸的特點(diǎn)來(lái)打造了一個(gè)非常具有縱深感的空間,從而讓我們感覺到很高端抬高格調(diào),拉遠(yuǎn)距離。

傾斜線

提到傾斜線繞不開的就是我們的運(yùn)動(dòng)項(xiàng)目，大部分運(yùn)動(dòng)項(xiàng)目都是以制造斜線斜面為主的，相對(duì)于斜面斜線更多表現(xiàn)出的狀態(tài)是，靈活、動(dòng)感、輕松、運(yùn)動(dòng)趨勢(shì)和斜面最大的差異是斜線不具備太強(qiáng)的視覺性，往往用于引導(dǎo)、加強(qiáng)、鏈接、分割等作用。

還有一些值得說(shuō)的點(diǎn)就是點(diǎn)線的抽象屬性要強(qiáng)于面，這個(gè)是面沒法比的，我們很多時(shí)候在表達(dá)一個(gè)抽象概念的時(shí)候必須要加強(qiáng)畫面中的電線元素，哪怕為此犧牲一些視覺，也要保證主體的完整表現(xiàn)，比如下滑怎么用面表現(xiàn)？相信大家都沒有太好的方法，但是只需要一堆向上的線條加上一個(gè)特異的向下線條就能輕松表達(dá)這樣的概念.

2.3面的形態(tài)與情感

終于到了我們的重頭戲”面”，面在我們的視覺傳達(dá)中占據(jù)著非常重要的地位，畫面中面的屬性越強(qiáng)視覺張力也就越強(qiáng)，面可以是圖形、文字、圖片任何一種形態(tài)，而且面還具備承載元素和劃分空間的功能，可以說(shuō)把面熟練掌握后就是玩轉(zhuǎn)了畫面的視覺性。

2.4案例實(shí)操設(shè)計(jì)

第一份設(shè)計(jì)案例是相對(duì)偏向于概念性設(shè)計(jì)的，我們從版式的角度出發(fā)，結(jié)合我們剛才提到的一些知識(shí)點(diǎn)去分析，如何構(gòu)成我們的畫面。

設(shè)計(jì)樣機(jī)圖

結(jié)語(yǔ)：每一個(gè)設(shè)計(jì)作品都是設(shè)計(jì)師精益求精的過(guò)程，想要?jiǎng)?chuàng)作出一個(gè)好的作品，能夠給以讀者產(chǎn)生情感共鳴的作品，就需要不斷地提升自身地審美水平和認(rèn)知。也就是說(shuō)每個(gè)設(shè)計(jì)師都是人們地造夢(mèng)者，作品就像每個(gè)人眼中地哈姆雷特，不同的讀者會(huì)看到不同地風(fēng)景。

來(lái)源 | 設(shè)獵派（id:sheliepai）