情感設計是很多產品成功的秘訣,它可以使得一個產品和競品有差異性,特別是在互聯網產品設計同質化的今天,有很多功能類似的產品用戶可以選擇,但是用戶為什么用你的產品?這不僅僅是功能本身,情緒在里面起著巨大的作用,它會影響到我們的感知,決策以及記憶。
一. 設計情緒
情緒理論上能把用戶變為粉絲,粉絲會去傳播他們喜歡的產品,這是蘋果、谷歌、facebook這些公司的秘密武器。蘋果可以成功,離不開這些狂熱粉絲的傳播,這也是為什么很多公司模仿他們卻很難成功的原因。
二. 什么是情緒板
說到情緒設計,不得不說情緒板,這種方法已經在國外有一定的歷史了,它誕生于上個世紀非資訊時代,通常參與者要求從日常報刊雜志挑選出符合「某種心情意境或關鍵詞」的圖片,把圖片剪下來,然后粘貼在一起。但是隨著互聯網時代來臨,谷歌,百度各種圖片出現,現在一個花瓣一個pinterest都可以成為一個情緒收藏的地方。
情緒板,換句簡單話來說就是由圖像、視頻和其他視覺元素組成拼貼在一起想法和過程,主要目的是講述項目背后的故事,以此作為設計方向形式上的參考。同時情緒版也可以在配色方案上、視覺風格、質量材質作為設計指導,幫助設計師提供一些設計方向和指引。
三. 如何做
1. 尋找關鍵詞
這個關鍵詞可以是公司戰略定位,是產品的目標也可以是產品的特點,或者從用戶那里得來的關鍵詞。這個環節可以和設計師、產品一起去定義這些關鍵詞,舉個例子(案例來源于阿里UED公眾號,雙11品牌背后的故事)今年雙11的戰略關鍵詞:新零售,全球化,節日狂歡。這是今年一級關鍵詞,那么延伸下去,有哪些核心關鍵詞。
2. 衍生關鍵詞
前面一級關鍵詞可能更多從戰略,大的方向思考的,還需要在這個基礎上去進行二級關鍵詞的延伸,得出一些更精確的關鍵詞,比如包容、鮮活、精彩等等。同時在這個關鍵詞基礎上能更加細化出一些情緒或者視覺表達的形容詞,比如五彩繽紛、國際化、夢想等等。
最終確定設計靈感:Open,Beyond Imagination! 開啟,超越想象的精彩!這就是表現上的靈感,用「Open」來構建情感上的共鳴。
3. 圖片搜索,提取情緒板
在確定好關鍵詞后,需要通過網絡渠道dribble、pinterest或者behance等等,去收集大量對應的素材圖片來匹配關鍵詞。比如關鍵詞是:國際化、舒適、雜志,那么我們要基于關鍵詞去尋找能代表這些氣質的合適的圖片。
4. 視覺映射:圖形分析
在第三步確定了關鍵詞的一些感受圖片,那么到了這一步,需要去對這些關鍵詞進行視覺映射,也就是常說的形、色、字、構、質。
那么在圖形上是否可以運用一些幾何線條強的,比較方正,圓形這種最簡單幾何圖形,來體現出國際化的品質。
5. 視覺映射:色彩分析
在色彩上,這種大面積馬卡龍的配色撞色設計很符合舒適的感覺,這種漸變的交替很符合整個色彩的定位,是否可以映射到色彩體系里面。
6. 視覺映射:字體分析
在中文字體上需要用一些比較方正,線條比較時尚的字體,比如方正蘭亭黑,比較能符合前面定義的雜志化這個關鍵詞。同時英文字體采用襯線體,如: Cinzel 和playfair 作為英文字體,運用到平面設計上。
7. 視覺映射:構成分析
在構成上,板塊層疊構成是一種新的設計方式,板塊之間互相疊加,同時配合大的長投影層疊關系,能很好的體現出信息層級關系,與想要的國際化是吻合的。
8. 視覺映射:質感分析
在設計質感上,馬卡龍的配色和長投影的柔和配色,能很好的將時尚、舒適的情緒表達出來。
一套情緒板這樣設計出來,它包括這個產品對于用戶的感受關鍵詞,是國際化、舒適或雜志感,同時對應的視覺表達:形、色、字、構、質也很好的呈現出來。
四. 制作情緒板的工具
1.?Invision Board
官網鏈接:https://www.invisionapp.com/
Invision Board是國外設計師用的比較多的一個工具,里面可以創建各種情緒板,里面的布局視覺層次也很豐富,上傳和分享也比較容易。
2.?Pinterest
官網鏈接:https://www.pinterest.com/
Pinterest是全球設計師用的最多的情緒板收集平臺,可以里面分享到你的手機里,任何朋友都可以看到,也可以團隊使用,來保障設計風格。
3.?Tumblr
Tumblr里面也有很多很優秀的圖片和視頻,能很好幫助我們去找到一些感興趣的情緒的圖片。
4.?Designinspiration
官網鏈接:http://designspiration.net/
Designinspiration是一個收集平臺,里面可以按照顏色或關鍵詞搜索圖片、視頻。
5.?Goodoodboard
官網鏈接:http://www.gomoodboard.com/
Unsplash創建的Goodoodboard,不需要注冊就可以來創建你的情緒板,只需要定義好模塊和文件夾,添加照片即可,同時也可以分享給你的朋友。
五. 總結
在做任何一個設計,無論是品牌、網站、APP,情緒板是幫助組織和我們個人很好理解設計的重要依據。給你的領導,用戶之間提供了一個很好的價值主張,是確保我們的設計風格與用戶能真正產生共鳴的關鍵因素。
歡迎關注作者的微信公眾號:我們的設計日記,每周分享最新設計趨勢和設計經驗,科學設計方法。
「更多情緒板使用分享」
================明星欄目推薦================
優優教程網: UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。
設計導航:國內人氣最高的設計網址導航,設計師必備: http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓