如何讓用戶對你的設計欲罷不能？或許可以試試情緒板
來源：UI中國
作者：skys
情感設計是很多產品成功的秘訣，它可以使得一個產品和競品有差異性，特別是在互聯網產品設計同質化的今天，有很多功能類似的產品用戶可以選擇，但是用戶為什么用你的產品？這不僅僅是功能本身，情緒在里面起著巨大的作用，它會影響到我們的感知，決策以及記憶。
本文作者（skys），告訴你一個BAT都在使用的創新方法-情緒板，不知道的同學，請往下看！
設計情緒
情緒理論上能把用戶變為粉絲，粉絲會去傳播他們喜歡的產品，這是蘋果、谷歌、facebook這些公司的秘密武器，蘋果為什么可以成功離不開這些狂熱粉絲的傳播，這也是為什么很多公司模仿他們卻很難成功。
什么是情緒版
說到情緒設計，不得不說情緒板，這種方法已經在國外有一定的歷史了，它誕生于上個世紀非資訊時代，通常參與者要求從日常報刊雜志挑選出符合“某種心情意境或關鍵詞的”圖片，把圖片減下來，然后粘貼在一起！但是隨著互聯網時代來臨，谷歌，百度各種圖片出現，現在一個花瓣一個pinterest都可以成為一個情緒收藏的地方。
情緒板，換句簡單話來說就是由圖像、視頻和其他視覺元素組成拼貼在一起想法和過程，主要目的是講述項目背后的故事，以此作為設計方向形式上的參考，同時情緒版也可以在配色方案上、視覺風格、質量材質作為設計指導，幫助設計師提供一些設計方向和指引。
怎么做？
1、尋找關鍵詞
這個關鍵詞可以是公司戰略定位，是產品的目標也可以是產品的特點，或者從用戶那里得來的關鍵詞，這個環節可以和設計師、產品一起去定義這些關鍵詞，舉個例子（案例來源于阿里UED公眾號，雙11品牌背后的故事）今年雙11的戰略關鍵詞：新零售，全球化，節日狂歡，這是今年一級關鍵詞，那么延伸下去，有哪些核心關鍵詞。
2、衍生關鍵詞
前面一級關鍵詞可能更多從戰略，大的方向思考的，還需要在這個基礎上去進行二級關鍵詞的延伸得出一些更精確的關鍵詞，比如包容、鮮活、精彩等等！同時在這個關鍵詞基礎上能更加細化出一些情緒或者視覺表達的形容詞，比如五彩繽紛、國際化、夢想等等。
最終確定設計靈感：Open，Beyond Imagination! 開啟，超越想象的精彩！這就是表現上的靈感，用「Open」來構建情感上的共鳴。
3、圖片搜索，提取情緒版
在確定好關鍵詞后，需要通過網絡渠道dribble、pinterest或者behance等等，去收集大量對應的素材圖片來匹配關鍵詞，比如關鍵詞是：國際化、舒適、雜志，那么我們要基于關鍵詞去尋找能代表這些氣質的合適的圖片。
4、視覺映射：圖形分析
在第三步確定了關鍵詞的一些感受圖片，那么到了這一步，需要去對這些關鍵詞進行視覺映射，也就是常說的形、色、字、構、質！
那么在圖形上是否可以運用一些幾何線條強的，比較方正，圓形這種最簡單幾何圖形，來體現出國際化的品質。
5、視覺映射：色彩分析
在色彩上，這種大面積馬卡龍的配色撞色設計很符合舒適的感覺，這種漸變的交替很符合整個色彩的定位，是否可以映射到色彩體系里面。
6、視覺映射：字體分析
在中文字體上需要用一些比較方正，線條比較時尚的字體，比如方正蘭亭黑，比較能符合前面定義的雜志化這個關鍵詞，同時英文字體采用襯線體，如： Cinzel 和playfair作為英文字體，運用到平面設計上。
7、視覺映射：構成分析
在構成上，板塊層疊構成是一種新的設計方式，板塊之間互相疊加，同時配合大的長投影層疊關系能很好的體現出信息層級關系，與想要的國際化是吻合的。
8、視覺映射：質感分析
在設計質感上，馬卡龍的配色和長投影的柔和配色，能很好的將時尚，舒適的情緒很好的表達出來。
一套情緒板這樣設計出來，它包括這個產品對于用戶的感受關鍵詞，是國際化、舒適或雜志感，同時對應的視覺表達：形、色、字、構、質也很好的呈現出來！
制作情緒版的工具
Invision Board是國外設計師用的比較多的一個工具，里面可以創建各種情緒板，里面的布局視覺層次也很豐富，上傳和分享也比較容易。
Pinterest是全球設計師用的最多的情緒板收集平臺，可以里面分享到你的手機里，任何朋友都可以看到，也可以團隊使用，來保障設計風格 。
Tumblr里面也有很多很優秀的圖片和視頻能很好幫助我們去找到一些感興趣的情緒的圖片收集整理。
Designinspiration是一個收集平臺，里面可以按照顏色或關鍵詞搜索圖片、視頻能很好幫助我們去找到一些感興趣的情緒的圖片收集整理。
Unsplash創建的Goodoodboard，不需要注冊就可以來創建你的情緒板，只需要定義好模塊和文件夾，添加照片即可，同時也可以分享給你的朋友。
總結
在做任何一個設計，無論是品牌、網站、APP，情緒板能幫助組織和我們個人很好理解設計的重要依據，情緒板能很好在你、你的領導、用戶之間提供了一個很好的價值主張！確保我們的設計風格與用戶能真正產生共鳴的關鍵因素。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）