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