目錄

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

簡述引導(dǎo)概念

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

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

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

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

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

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

1.3行業(yè)案例解析

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

點(diǎn)線面情感

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

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)的手法。這樣的用法在中國風(fēng)的設(shè)計(jì)里非常常用,會(huì)給人一種意味深長,大氣磅礴又與世無爭的心理印象。

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

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

點(diǎn)的底紋化這點(diǎn)在設(shè)計(jì)中是比較常見的，非常適合用來解決背景過于單調(diào)的問題。比如一些波點(diǎn)的元素就是利用了底紋點(diǎn)的特性來提高背景的完整度。在自然中這樣的星空是非常漂亮的每一個(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)，這種情感我們通過正向思考很難得出一個(gè)合適的理論，因?yàn)橄掠晗卵┒疾荒苷f明什么感受，非要強(qiáng)行情感也沒有意義，我們可以反過來思考，如果缺少這種氣氛點(diǎn)會(huì)是什么效果，畫面就會(huì)更多的呈現(xiàn)出安靜，平和，協(xié)調(diào)的心理感受，反推過來加上這些氣氛點(diǎn)肯定帶來的就是熱鬧，豐富，沖擊等等效果，這樣的氣氛點(diǎn)可以隨機(jī)排列，也可以按照一定的構(gòu)成，比如離心式、向心式、密集構(gòu)成、或者結(jié)合點(diǎn)化線可以在熱鬧的基礎(chǔ)上又增加秩序感。諸如此類在設(shè)計(jì)中的應(yīng)用非常廣泛。

這個(gè)引用的是我們之前講解過的一個(gè)案例，可以看到添加強(qiáng)化點(diǎn)前后的差異，簡直可以說是是畫面的點(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)的，同樣連起來的文字、穿起來的點(diǎn)等等這些東西都可以看做是橫向的線條，它們一樣擁有橫向線的氣質(zhì)與感受。

縱向線

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

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

曲線

曲線往往會(huì)給人一種,親近,柔和，柔美,張力,波動(dòng)延伸感的視覺印象,在自然中的曲線也是非常常見的，例如水的波紋，柳枝自然的下垂,河流的路徑,山脈等。在設(shè)計(jì)中經(jīng)常利用曲線來縮短觀者與作品的距離感。例如這個(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)來打造了一個(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)趨勢和斜面最大的差異是斜線不具備太強(qiáng)的視覺性，往往用于引導(dǎo)、加強(qiáng)、鏈接、分割等作用。

還有一些值得說的點(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)，而且面還具備承載元素和劃分空間的功能，可以說把面熟練掌握后就是玩轉(zhuǎn)了畫面的視覺性。

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

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

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

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

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