今天我要和大家分享的，是關于設計的「情感表現」。那為什麼一個設計要有情感呢？我給大家舉個例子，如果我們将一個版面看成是一個人，那麼高端化妝品的版面，她就應該是個高冷的女人；兒童玩具的版面呢？就應該是個調皮可愛的小孩。随着傳播内容的變化，版面自身的樣貌當然也應該是不一樣的。一個好的版式設計，它不僅要做到内容的清晰傳達，更應該在閱讀之前，就讓人們提前感受到一些特定的情感。本期我們主要為大家介紹的情感主題，是具有「親和力」的設計。其他的情感表現在實現的思路上也是一樣的，希望大家能夠舉一反三。那接下來我們就一起進入今天的内容吧。

我們曾經發過這麼一期文章，是研究「高端大氣上檔次」的，當然有興趣的朋友可以去看一下：《8個簡單有效的方法幫你提升設計檔次》。在那一篇文章中，我們得到的一個結論，那就是想要體現出高級的印象。我們就需要讓畫面向外傳遞出，一種高高在上的距離，它或許是稀有的，也或許是具有更高的階層事物。而我們今天要講到的這個「親和力」就剛好和「高級感」相反了，具有親和力的設計，在大多數人們的印象當中，它應該是帶給人們一種更加友好的樣子。它不應看起來遠離大衆，而應該是參與到人群當中的那個，一個具有親和力的設計，它應該能夠很自然的拉近畫面與讀者之間的距離。

可能這樣的比喻還不是很好理解，那麼接下來我們一起來做一個小測試吧。當你看到這個畫面時，是不是會有不舒服的感覺呢？這是一種很正常的心理現象，當人們看到形狀尖銳的物體時，往往都會産生緊張或者不安的感覺。

可是你有沒有想過，究竟是什麼樣的原因才導緻了這種現象呢？這種現象在二十世紀早期，被一個叫做格式塔的學派找到了原因，經過專家們的研究發現，正是這種「同形聯想」的心理在起着關鍵性的作用。

簡單來說，那些被我們認定是危險的經曆，它們會在腦海中形成一些特定的記憶。就像人們常說的「一朝被蛇咬，十年怕井繩」，當我們在一次看到危險的時候，就會自然的警覺起來了。

事實上像釘子、小刀或錐子這類尖銳的工具，如果使用不當就會變得相當危險。而在自然環境中，尖銳的葉子以及帶有棱角的岩石都有劃傷皮膚的可能。

當看到這些具有危險的事物，或許就會讓我們聯想到皮膚被刺破時的痛苦，從而變的緊張起來。那我們為什麼要說這個呢？因為這種「同形聯想」的現象，在設計中能夠作為一個參照，它能告訴我們哪些元素是安全的，在心理上更容易接近，而哪些元素是危險的，在心理上是不容易靠近的。這就讓我們對于情感的區分變的簡單起來了。

那麼與之前的例子相反，外形圓潤的物體，它們看上去是不是就會給人感覺非常的安全？無論是自然産生的，還是人造的物體，隻要是圓滑的外觀，就會産生一種人畜無害的印象。沒有危險，當然也就不會産生警覺心理。

相比之前的仙人掌，換成這個毛茸茸的泰迪熊時，你是不是會更想上手去摸摸它呢？因為生活經曆告訴我們，撫摸泰迪熊當然是不會有危險的。

那麼我們再回到剛剛的高端與親和力的話題，它們倆就像是一個問題兩面。定位高端的跑車，往往會采用棱角分明的設計，因為這樣會顯得更加遠離大衆。而定位親民的家用車，圓潤的車身顯然更容易有讓人們接近的心理作用。

在産品設計領域，我們也能夠看出這種規律，面對高端人群的平闆電腦，看起來棱角分明；反觀面對兒童的領域，相比方正的尖角，圓潤的外形明顯更能确保孩子的安全。在心理上也自然會産生一種親和力。

再舉個常見的例子，手機之所以能夠做到讓我們形影不離，除去它豐富的功能以外，工業設計也起到了非常大的作用。為了實現長時間握持，在設計上都會采用相對圓潤的造型。

那麼到這裡我們可以做一個小總結了，得益于「同形聯想」這種心理現象，我們可以得知，在一個版面中，元素的棱角感越強，就越會顯得高端，或者是高冷的印象。而相反的，元素的外形越圓潤，就會顯的有親切感，更容易讓人們接受，當然太過圓潤也會産生幼稚，可愛的印象。

我們都知道，在一個舞台上，如果想要去營造某個氛圍，我們就需要選擇與之相對應的服裝、道具、燈光以及音樂等等。隻有将這些元素圍繞着相同的主題去配置，我們才能實現統一的風格。在版式設計中，其實也是一樣的，文字的選擇、色彩的搭配、圖片的裁剪這些因素都會改變一個版面的整體氛圍，那麼接下來我會圍繞着這些元素的選擇與搭配，向大家逐一講解。

在一個版面中，字體是不可或缺的重要元素，不同的字形當然也會影響人們對于版面的整體印象。我們針對親和力這種氣質來說，可以排除那些線條纖細，以及筆劃末端非常尖銳的字體，因為這樣的造型在心理會讓人感到難以靠近，容易讓人聯想到鋒利的尖刺。

我們推薦選擇那些線條粗大，筆劃末端圓潤的字體，這樣就不會産生緊張的感覺了，反而會讓人聯想到柔和，友好的印象，因此呢，這類文字更容易營造出親近的感覺。當然在實際的工作中，我們還需要根據内容的定位，去斟酌這個項目究竟是需要多少親和的感覺，就像調味料一樣。

另外手寫體，也是一種能夠産生親近感的字體。相比較字庫裡那些像罐頭一樣規範的标準字來說，手寫的文字，明顯會顯得更有生命力一些。當我們使用手寫體的時候，它會讓版面看起來更有溫情的印象，當然也正是這樣的氣質讓手寫體顯得比較平易近人。

我們試想一下，如果将畫面中的手寫字體修改成冰冷的黑體，那麼這個畫面所體現出的氣質，是不是就會變的完全不同了啊。

在西方的字體中，像銅闆雕刻類字體，它給人們的印象大多是高不可攀的，但也是有例外的，有一些手寫體既不會讓人覺得太過刻闆，又帶有手寫的構成樣式。比如畫面中，由赫爾曼·察普夫所設計的這個手寫體，就在保證了品味感同時呢，也兼具了奔放的風格。

這類字體經常會被用在零食或者點心的包裝上。由于手寫體的人文氣息很重，當它們出現在包裝上的時候，也就自然會給人一種比較親切的印象了，和圓體給人那種偏向柔和的親切感不同的是，這種親切，是帶有一些優雅屬性的，尖銳的外形雖然不會給人特别親近的感覺，但也是由于手寫的感覺，讓人不會覺得它太過高冷。

我們在從畫面構成的角度來看這個問題，以直線為主導的構成形式，帶有理性和直接的視覺特征，它會給人一種冰冷的距離感。

而帶有曲線的構成形式呢？從心理印象上來說，柔和圓潤的曲線，會給人更容易接近的印象，相比之下也就顯得更有生命力了。

在照片的外形選擇上，我們也可以去參考這種曲線與直線之間的構成關系。在之前的例子中我們也有講到，直線是比較偏理性的造型，所以直線條構成的矩形照片，自然會産生相同的印象。再加上方形的尖角，這些從心理上也會産生不容易靠近的距離感，所以方形照片從理論上來說是不具有親和力的。

而相比之下，經過退底的照片由于造型會随着内容而發生變化，這種動态的曲線明顯會更鮮活，在加上背景的取消，也讓主體與畫面之間的融合看起來更緊密了。這樣也從感觀上拉近内容的距離感，這自然會讓畫面看起來有親近的感覺。

當然這僅僅是從造型上去分析，一張照片的主觀感受，最終還是要看圖片的内容是什麼。

如果從圖片的内容來進行分類的話。這類親和感的畫面就太多了，比如：女人、小孩、寵物、食品、等等都可以輕松表現出具有親和力的印象。

這裡有一點需要大家去注意的是，情感在版面中是非常難以掌控的，我們今天所講到的内容，雖然是單獨去描述每個元素的選擇，但也不代表說，隻要選擇某個字體，圖片或者是色彩的搭配，就一定能産生我們需要的那種氣質。版面對外傳遞出的情感面貌，是所有視覺元素的綜合體現。任何一種氣質傾向，都不是獨立存在的。那麼聊完了字體和圖片的選擇，那接下來我們一起來看一看。如何運用色彩去烘托親和力的印象。

色彩相對于字體和圖片來說，要更抽象一些。在接下來的内容中，我們會抛開色彩的承載物以及那些并不确定的色彩形狀。單從色相、明度、飽和度的角度去尋找一些情感上的依據。

當我們提到顔色的時候，回想一下，我們是怎麼去形容他們的呢？天藍色、草綠色、橘紅色、葡萄紫、檸檬黃。你發現什麼了嗎？人們為了表達出顔色的相貌，會利用自己曾經見到過的場景或是物體去形容它們。

那即便是相同色相的藍，也會有藏藍色、湖藍色、天藍色等等不同的名字。我們可以利用這種關聯現象去幫助我們選擇色彩，通過我們之前對于親和力的理解，去篩選哪些色彩會更适合表現它。

但需要格外注意的一點是，人們通常會通過自己所經曆過的場景去聯想色彩。但随着這種生活環境的變化，它們對于同一種顔色的印象也會變得天差地别。那随着國家，地區以及不同文化習俗的差異，不同環境中的人們，對于色彩的情感理解也會不同。所以類似這種地域的差異，也會讓色彩的情感傳達，變得不固定起來。那我們來舉個比較典型的例子。

比如「紅色」在英國人眼中，會被當做殘暴、與不吉利的象征；而在我們國内呢，紅色是作為喜慶、熱烈、高貴的象征。

那難道就沒有一些通用的情感依據了嗎？當然有，色彩的冷暖就是一個不錯的切入點。

由于暖色系給人的刺激感比較強，從生理上來講，它也會讓觀察者産生體溫升高，心跳加速的效果。從視覺感受上來說，暖色屬于前進色，它能夠給人更靠近的感覺，這非常适合體現親近與友好的内容，當然暖色也會讓人們聯想到溫暖的陽光、具有一定熱量的心理作用。所以暖色非常适合體現親和力的主題。

我們在來看冷色，它與暖色系剛好相反，冷色系會傳遞出一種冷靜、理性、克制的心理感受，讓人們想到藍天，大海等客觀存在的事物，在親和力的表現上是比較差的。

我們從這個對比圖就可以看出來，從左到右的版面中，越偏向高級，它們的色彩數量就越少，甚至是完全抛棄了顔色的情感屬性。我們将它馬賽克處理應該能更好的看出這種趨勢，而反觀顔色越豐富、越接近暖色系，親近熱鬧的氛圍也就随之體現出來了。從這個對比中我們大緻可以得出一個簡單的結論，那就是顔色越克制，版面就會顯得越高級，越高冷；反之顔色越豐富，版面就會顯得越熱烈、越具有親和力。

接下來我們來看純度與明度上的選擇，在這裡我們将它統稱為色調。從理論上來講，色調越純，所表現出的情感就會越鮮活，同時也會顯得刺激性更強，看起來會更加的醒目。在人們的印象裡，也隻有新鮮的水果、新生的嫩芽才會表現出這樣純淨的色彩，所以這種能夠體現年輕與活力的色調也自然變得易于接近了。

對于商品的促銷活動，就非常适合采用這種偏向純色調的色彩。它不僅看起來非常醒目，同時也會向外傳遞出一種，價格更加親民的印象。是體現親和力的首選色調，當然具體内容也是要具體分析的，在實際工作中，可能你的這個項目需要的氣質還要有其他方向上調整。

而相反的，色調越灰暗，或者是越明亮，它們都會脫離親近的印象。取而代之的是更加高雅，或者是成熟穩重的感覺。

在以上的内容中，我們列舉了很多實現親和力的方法，那麼解決這些問題之後，我們就能夠完美讓畫面産生親和力了嗎？這裡，我們還忽略了一個關鍵因素，那就是編排形式。接下來我們就從編排結構上，去看看都有哪些适合表現親和力的形式吧。

經過之前的分析過程，相信你也對于版面的情感把控有一些初步的認知了。人們對一個畫面的感受，往往會受到自身生活環境的影響。而這種通用的視覺心理，也同樣能夠作為判斷版面編排的有力依據。

比如在現實生活的場景中，遠距離的車輛會因為透視的關系看起來很小，而距離我們更近的車輛就會看起來很大。這對于我們來說再正常不過了，但你有沒有想到這個現象，其實在我們看平面作品的時候，也在起着相當大的作用。

在一個版面裡，這種空間上的感覺是依然存在的。元素縮放的越小，從感官上，它就會看上去距離感越遠。在這種對比下，會讓主體顯得非常精緻，周圍空白部分，也更容易讓人産生對于未知的想象。也正因為如此、高雅的氣息也就随之被凸顯出來了。從聲音的角度來說，元素的視覺面積變小了，似乎所傳遞出的信息，就好像是在低聲細語的傳達，給人一種文質彬彬的氣質。

當一個版面中的元素面積越大，它就會傳遞更加靠近的感覺，就像照片中的局部特寫一樣，拉近了觀者與産品之間的心理距離。這也自然會讓版面看起來更加具有沖擊力。從某種角度來說，這樣的手法也是比較适合體現商品的友好性，不會遮遮掩掩，而是充滿自信的直接來到你的面前。相比之下這樣的處理顯然會更具有親切的感覺。

如果說，創建高級感的訣竅在于營造稀缺的屬性，那麼表現親和力的訣竅就是構建熱鬧的氛圍了，讓一個版面裡容納更多的内容，就會向外傳遞出一種，不會藏着掖着，有什麼說什麼的樸實印象，這樣的畫面當然會更容易打破人們的心理防線。

在一個版面裡，版心的大小決定了一個頁面裡能夠容納下多少東西，從專業上來說，我們把它叫做版面率。版面率高了，頁面周圍的留白也就會變小，内容也就随着增加了。這樣就很容易給人留下一種活潑，熱情的感覺。

反過來，版面率變低了，頁面能夠承載的信息量也就随着變少了，成熟穩重的高端感自然也就出現了。當然，隻要版面中的元素足夠少，留白夠大，那即便是采用了高版面率的版心也同樣會有這種高雅的氣質。

人們在觀看時的閱讀順序是有一個固定規則的，那就是先從最大最顯眼的元素開始，依照強弱去發現其他元素。那這種大小上的對比幅度，也是有專業名詞的，我們叫它元素之間的跳躍率，或者說是圖版與文字間的對比率。簡單來說呢，元素間的跳躍率越高，對比幅度就越大，這樣也就讓版面看起來會更熱鬧。相反呢，低跳躍率就會顯得安靜沉穩了。

版面中文字的位置和對齊方式，也是影響版面風格的重要屬性。這種變化幅度越大，也就代表着版面看起來會越活潑，動态的感覺越強。相反的，文字的變化越有規律呢？就比如居中對齊的形式，這樣的規律感，會體現安靜，典雅的氣質。那到這裡我們也可以看出來，是不是變化幅度大一些的版面，更适合表現親和力的印象啊。

我們再來看這個例子，這個封面的設計，就采用了居中排列的版式結構。加上大面積的留白，都向外傳遞出了一種高雅的格調感。

再看另外一個封面，雜志為了在貨架上脫穎而出，信息往往需要被設計的非常醒目，才能被人們注意到。所以為了吸引人們的注意力，版面中的内容需要看起來更熱鬧一些，這裡它就運用了我們之前提到的高版面率以及豐富的對齊方式。

分欄的目的，不僅僅是改變讀者換行的次數，同時，它也起到了讓畫面看起來變化更豐富的目的。分欄越少，閱讀的沉浸感就越強。反之分欄越多，閱讀的節奏感就會變得越快，豐富的内容自然能夠帶來一些具有親和感的印象。

如果你是從一開始就跟随我們的思路看到了這裡，那相信你對「親和力」這種情感表達，已經有一些屬于自己的理解了，那麼接下來我們從實際的案例出發，一起來驗證一下，我們今天學習到的新知識吧。

我們來看這個畫面，圓潤的字體。手繪的風格，再加上底部的手寫字。這些特征會讓畫面向外傳遞出一種具有溫情的印象，親和感還是比較強烈的。顔色上也是選擇了接近純色調的色彩，互補色的應用，再加上大面積的色彩覆蓋，這也讓版面看起來相當的熱鬧。

而這個版面呢，第一眼看上去就非常飽滿對吧。卡通形象的重複出現，不僅豐富了視覺信息，也向外傳達出了可愛，活潑的印象。版面率的提示減小了畫面中的留白面積，熱鬧的氛圍也就産生了。可能你會問，這裡的顔色怎麼不是純色調？這個其實是跟最初的定位有關，從畫面中泛黃的背景，在加上偏灰的色調就能看出來，設計師是希望通過這些手段去平衡畫面中的情感的，讓它看上去不至于那麼低幼，稍稍偏向一些淡雅的感覺。

這就是好像吃辣味的小吃，不僅有偏向甜味的辣，也還有偏向鹹味的辣是一個道理。

我們看這個版面的配色當然也采用了灰色調的印象，但這并不會改變畫面太多的情感印象。因為畫面中的卡通人物占據了主導的地位，這樣的版面依然是具有親和力的。

我們在看這個版面呢？雖然畫面中的圖形非常方正的，但也不會讓人産生心理上的距離感對吧，那這又是為什麼呢？讓這個版面看起來不冰冷的原因，在于偏向卡通風格的描邊與配色。而這裡選擇淡色調，或許是為了降低大面積顔色所帶來的刺激性。我們看它高跳躍率處理，再加上相對豐富的版面元素，是不是讓這個版面看起來變的更加親切了。

這個版面也是一樣的，高跳躍率加上高圖版率，讓畫面看起來非常熱鬧。手繪風格的加入，也讓版面看上去更有溫情的感覺。同樣的，大面積的顔色，也會給人們帶來非常強烈的情感氛圍。

我們再來看這個版面，圓體是非常具有親和力的字體，在此基礎上添加色彩的組合，畫面就會看起來非常有親和感，但這樣的處理也讓可愛幼稚的印象格外的強烈。顯然它不是這個版面所追求的味道，所有，為了克制這種幼稚的感覺，版面中加入了無襯線體，并且采用黑色去抵消這種負面情感。同時傾斜的加入也讓這個版面體現出了一絲時尚的氣質，像這樣的版面還是比較難把握的。

那看完了這麼多關于親和力的幹貨，相信大家也已經掌握這其中的規律了，那接下來我們就一起通過一個案例去鞏固一下今天學到的知識吧。

最後我們來看看案例演示，這個案例是一本書籍的封面設計。書籍主要講述的是關于寵物貓的内容，是養貓達人們的親筆供述。

我們來看最終效果，既然書名是叫《貓國法典》，那這裡我們就選擇「貓」作為版面中的主要元素，然後，在版面的上方加上文字信息，這個版面也就完成了。

可是，真的這樣設計就行了嗎？我們再來看看這個版面，它從美觀度上看好像沒什麼問題，但是，整體的感受又顯得很高冷，很有格調。但這與書中反複提及到的「可愛印象」完全不搭。設計絕對不是隻要做好看就行了。在平面傳達領域，信息的傳播才是最主要的目的，而像這種錯誤的版面外觀，也往往也會傳遞出錯誤的内容。

那接下來，我們重新設計這個封面，首先是确定版心。加大版心的面積，能讓畫面看起來更加飽滿一些。

那内容的主題是《貓國法典》，根據字面意思，我們可以把它分成兩個方向去理解。經過分析可以得知的是，「法典」隻是一個比喻，所以貓仍然是這個畫面中的主角。

這一次我們選擇一隻偏可愛風格的貓咪插畫，将它安排在頁面的頂部，并放大處理。

字體方面，我們在黑體的基礎上添加圓潤的效果，同時，搭配上視覺風格相似的西文，整體看來親近感就增加的不少。

一提到貓，養貓的人估計會非常熟悉了，我們從貓咪這個點去發散聯想，就可以得到玩具，貓糧，和小魚幹這樣的關鍵詞。

這些元素的加入，可以讓版面變的更加豐富。增強趣味的同時，也呼應了主形象的氣質，讓版面得到了點綴效果。

我們在來看「法典」這個概念應該如何表現呢？它可以讓我們聯想到，代表公正的 「天秤」以及法官身上穿的「長袍」。

我們可以吸取長袍的配色，來和法典這個概念形成呼應。但是這裡需要注意的是，顔色當然不能照搬它原來的比例配置。因為這樣會破壞我們精心搭建好的氣質屬性。我們看現在的畫面，是不是變了味道？

黃色是所有色相裡明度最亮的顔色，它會給人一種充滿熱量的感覺，具有個性鮮明的性格，在設計中也經常被用在快樂，童趣等情感領域。所以，這裡我們将黃色作為主色。

而代表公正的天秤呢？由于在重要性上并不高，所以這裡我們以圖标的形式，組合到對應的文字段上。其餘的信息，我們将它們劃分好層級并組合到一起。注意這裡的行高重複了文字元素的高度，這也讓這個組合看起來會更有規律可循。

将之前做好的文字組合置入到版面中，接下來，替換局部文字的顔色，讓上下兩個色塊之間産生一定的呼應關系。那麼到這裡，這個版面也就完成了。

我們來看一下最終的效果。那麼，相比之前的高冷風格，修改後的版本明顯會更有親和力一些，當然這也更加符合内容本身的氣質屬性。

那又到了最後的總結時間了，我們今天主要和大家分享的是，如何做出具有「親和力」的設計。由于親切樸實的氛圍，具有親和力的設計，往往能更快的拉近大衆與畫面之間的距離感。設計師對于情感要素的掌控，就像廚師對于一道菜的口味調配。字體、顔色、圖像以及版式編排的各種細節，都會影響到最終的情感氛圍。隻有不斷的學習與積累這方面的閱曆，才能讓我們的設計定位變的更加精準

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!