引導-視覺的邏輯與情感

前言：你的所見所感能夠影響你的情感，那麼好的設計也能夠通過視覺產生心靈上的共鳴，引導讀者的情感的邏輯體係，然而如何創作出好的作品來引導讀者，產生心靈的“對話溝通”，今天這篇文章就是幫助大家掌握引導視覺走向，引導情感的邏輯體係，下麵我們一起學習吧。

 

目錄

1. 簡述引導概念
   • 視覺引導邏輯簡述
   • 情感引導簡述
   • 行業案例解析
2. 點線麵情感
   • 點的形態與情感
   • 線的形態與情感、
   • 麵的形態與情感
   • 案例實操
   • 案例實操2

 

簡述引導概念

 

1.1簡述視覺引導概念

所謂視覺引導即通過一定的元素擺放規律，色彩使用，數學倍率關係來確定閱讀元素的先後順序，通過調整閱讀順序來區分使用功能。一份正常的視覺設計應該是主體 > 主標題; 品牌宣傳語/促銷性文字; 內文信息 ; 輔助或裝飾性文字。

單說視覺引導其實更加偏向於一個數學概念，因為往往通過大小的控製就能最快的區分出畫麵中各個元素的主次關係和閱讀順序。這些是大部分設計師都知道的理論，但一直設計出現問題就是各個元素的比例關係過於曖昧，有些時候對比太強會導致元素之間的權重失衡，對比太弱又會導致元素之間閱讀順序的混淆，一個問題畫麵的視覺引導往往是遊離不定的。

1.2簡述情感引導概念

情感引導是每一個設計師不可避免的一個進階重要理論，畫麵中存在的每一個元素都是有意義而存在的，每種元素、色彩、排布方式、都會給觀者不同的心裏印象，要想思考應該添加什麼元素就應該回到本源，你做的設計想給人什麼樣的心裏感受，以及你想通過這份心裏感受達成什麼樣的設計需求。

給大家舉個例子這就會變得更好理解了，比如促銷海報為什麼經常使用很多發射或者漂浮的元素，大家都能說出來的就是豐富畫麵，我們要深一步思考為什麼要豐富畫麵，為什麼畫麵空不適合促銷，因為飽滿的畫麵相對於安靜的畫麵更能引起人的衝動，就像在洗腦術一書中提到的 想讓人按照你的意識行動就是要降低他的思考能力，我們對著一張白紙是不會有任何衝動的但是通過一定的設計，調動起興趣再加上合理的元素分布往往就能達成我們的客戶的設計需求，通過這樣思考設計出的作品才算得上是以人為本。

1.3行業案例解析

為了讓大家對概念有更直觀的感受我們引用了以下幾個行業，從項目調性入手我們剖析他的背後市場需求用戶需求來反推設計的合理性，這樣我們以後在檢查自己作品的時候也會有一個很好的思路參考。

 

 

點線麵情感

 

所有畫麵構成的元素都可以被理解成點麵線,點線麵的形式也是多種多樣的在這裏隻能給大家舉一些常見的例子來講解。那麼這些情感是如何來的呢？我個人的理解情感是來源於大眾對於一個東西的通俗認知，點線麵也是一樣的，往往從社會或者是自然中看見過這類的形態，形成了潛意識的心理印象,當這類元素以其他形態出現時會自動歸類到以往的通識認知上就形成了所謂的情感。掌握了點線麵的情感就相當於掌握了設計的語言,利用好點線麵的構成趨勢、排列組合、形態穿插就可以做到與你的設計”交談”，聽你的設計”說話”

2.1點的形態與情感

 

點的主體化

單個的點可以作為畫麵中一個點亮空間的元素，如圖一葉小船在畫麵的大量留白中出現就成為了絕對的焦點，這種是利用了元素之間的特異性，當畫麵整體都呈現出主體不明確的狀態在一個相對純淨的空間加上一個點一下子就能成為我們的視覺焦點屬於以退為進的手法。這樣的用法在中國風的設計裏非常常用,會給人一種意味深長,大氣磅礴又與世無爭的心理印象。

 

點化線形態

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

點的底紋化這點在設計中是比較常見的，非常適合用來解決背景過於單調的問題。比如一些波點的元素就是利用了底紋點的特性來提高背景的完整度。在自然中這樣的星空是非常漂亮的每一個亮光點都可以視為一個點元素，當重複的點元素隨機的，大量的，不引人注意的出現在畫麵中時就形成了底紋點，這種形態給人自然，隨機，飽滿的心理印象。

 

底紋點

 

氣氛點

氣氛點的使用幾乎是所有熱鬧類型的畫麵都要用到的手法，在自然中我們的雨天，雪天，或者是黑夜中的螢火蟲都是我們氣氛點元素的表現，這種情感我們通過正向思考很難得出一個合適的理論，因為下雨下雪都不能說明什麼感受，非要強行情感也沒有意義，我們可以反過來思考，如果缺少這種氣氛點會是什麼效果，畫麵就會更多的呈現出安靜，平和，協調的心理感受，反推過來加上這些氣氛點肯定帶來的就是熱鬧，豐富，衝擊等等效果，這樣的氣氛點可以隨機排列，也可以按照一定的構成，比如離心式、向心式、密集構成、或者結合點化線可以在熱鬧的基礎上又增加秩序感。諸如此類在設計中的應用非常廣泛。

這個引用的是我們之前講解過的一個案例，可以看到添加強化點前後的差異，簡直可以說是是畫麵的點睛之筆，強化點主要是針對主體的，所以他的占比要相對於大一些，而提示點主要是針對零碎的信息，進行視覺引導提示，這部分在後麵的信息基礎規範也會講到，通常占比非常小，這兩種點的形式都可以作為我們很好提升畫麵元素層次的思路。

 

2.2線的形態與情感

 

橫向線

橫向的線在大自然中往往出現在天際線或者是地平線上，會給人一種安靜、平和、穩定的心理印象用在我們的設計中橫線經常是以分割的角色出現的，同樣連起來的文字、穿起來的點等等這些東西都可以看做是橫向的線條，它們一樣擁有橫向線的氣質與感受。

 

縱向線

縱向線的情感包括莊嚴、高大、壓迫等情緒。在一些攝影圖中縱向線大多數出現在樓房、柱子、大門等這類作品上麵。在一些設計作品中，房地產項目需要更多的利用縱向線的情緒來進行設計，表達高大疏遠的情緒，拉高項目的整體視覺感受。

當然線縱向線也分絕對縱向和相對縱向，相對縱向的線在設計和攝影中的表現也很多，比如像表現一個門的高大用縱向線自然沒問題，但是如果加上一些鏡頭的畸變整體的衝擊感就會更加強烈，高大的感覺也會因為畸變的物體進一步擴大,第二張攝影圖在拍攝的時候就一定程度上使用了相對縱向的線條來增加畫麵的高大感。

 

曲線

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

傾斜線

提到傾斜線繞不開的就是我們的運動項目，大部分運動項目都是以製造斜線斜麵為主的，相對於斜麵斜線更多表現出的狀態是，靈活、動感、輕鬆、運動趨勢和斜麵最大的差異是斜線不具備太強的視覺性，往往用於引導、加強、鏈接、分割等作用。

還有一些值得說的點就是點線的抽象屬性要強於麵，這個是麵沒法比的，我們很多時候在表達一個抽象概念的時候必須要加強畫麵中的電線元素，哪怕為此犧牲一些視覺，也要保證主體的完整表現，比如下滑怎麼用麵表現？相信大家都沒有太好的方法，但是隻需要一堆向上的線條加上一個特異的向下線條就能輕鬆表達這樣的概念.

 

2.3麵的形態與情感

終於到了我們的重頭戲”麵”，麵在我們的視覺傳達中占據著非常重要的地位，畫麵中麵的屬性越強視覺張力也就越強，麵可以是圖形、文字、圖片任何一種形態，而且麵還具備承載元素和劃分空間的功能，可以說把麵熟練掌握後就是玩轉了畫麵的視覺性。

 

2.4案例實操設計

第一份設計案例是相對偏向於概念性設計的，我們從版式的角度出發，結合我們剛才提到的一些知識點去分析，如何構成我們的畫麵。

設計樣機圖

結語：每一個設計作品都是設計師精益求精的過程，想要創作出一個好的作品，能夠給以讀者產生情感共鳴的作品，就需要不斷地提升自身地審美水平和認知。也就是說每個設計師都是人們地造夢者，作品就像每個人眼中地哈姆雷特，不同的讀者會看到不同地風景。

來源 | 設獵派（id:sheliepai）