身為設計達人,你需要知道這個技巧

sky
1 評論 3146 瀏覽 18 收藏 11 分鐘

情感設計是很多產品成功的秘訣,它可以使得一些產品和其他產品有差異性。設計師可以借助情緒板,幫助提供一些設計方向和指引。本文作者結合自身經驗,對制作情緒板的方法和工具進行了總結,與大家分享。

在互聯網這些產品設計差異化的今天,有很多功能類似的產品用戶可以選擇,但是用戶為什么用你的產品?這不僅僅是功能本身,我們在情緒在里面起著巨大的作用,情緒很重要,它會影響我們的感知,決策以及記憶,我們記憶感知越好,感知也越大。

設計情緒

情緒理論上能把用戶變為粉絲,粉絲會去傳播他們喜歡的產品,這是蘋果,谷歌,facebook這些公司的秘密武器,小米為什么可以成功離不開這些狂熱粉絲的傳播,這也是為什么很多公司模仿他們很難成功。

什么是情緒板?

說到情緒設計,不得不說情緒板,這種方法已經在國外有一定的歷史了,它誕生于上個世紀非資訊時代,通常參與者要求從日常報刊雜志挑選出符合“某種心情意境或關鍵詞的”圖片,把圖片減下來,然后粘貼在一起!但是隨著互聯網時代來臨,谷歌,百度各種圖片出現!現在一個花瓣一個pinterest都可以成為一個情緒收藏的地方。

情緒板,換句簡單話來說就是由圖像,視頻和其他視覺元素組成拼貼在一起想法和過程,主要目的是講述項目背后的故事,以此作為設計方向形式上的參考,同時情緒版也可以在配色方案上,視覺風格,質量材質,作為設計指導,幫助設計師提供一些設計方向和指引。

怎么去做?

1. 尋找關鍵詞

這個關鍵詞可以是公司戰略定位,可以是產品的目標也可以是產品的特點,或者從用戶那里得來的關鍵詞,這個環節可以和設計師,產品一起去定義這些關鍵詞,以之前雙11為案例,戰略關鍵詞:新零售,全球化,節日狂歡 這是一級關鍵詞,那么延伸下去,有哪些核心關鍵詞。

2. 衍生關鍵字

前面一級關鍵詞可能更多從戰略,大的方向思考的,我們還需要在這個基礎上去進行,二級關鍵詞的腦爆讓我們能得出一些更精確的關鍵詞。比如包容,鮮活,精彩等等!同時在這個關鍵詞基礎上我們能更加細化出一些情緒或者視覺表達的形容詞,比如五彩繽紛,國際化,夢想等等.

最終確定設計靈感:Open, Beyond Imagination! 開啟,超越想象的精彩!這就是我們表現上的靈感,用「Open」來構建情感上的共鳴。

3. 圖片搜索,提取情緒版

在我們確定好關鍵詞后,我們需要通過網絡渠道,dribble、pinterest、behance等等,去收集大量對應的素材圖片來匹配關鍵詞,比如關鍵詞是:國際化,舒適,清新那么我們要基于關鍵詞去尋找能代表這些氣質的合適的圖片。

4. 視覺映射:圖形分析

在第三步確定了關鍵詞的一些感受圖片,那么到了這一步,我們需要去對這些關鍵詞進行視覺映射,也就是我們常說的,形,色,字,構,質!

那么在圖形上我們是否可以運用一些幾何線條強的,比較方正,圓形這種最簡單幾何圖形來體現出國際化的品質。

5. 視覺映射:色彩分析

色彩上,這種大面積馬卡龍的配色撞色設計很符合舒適的感覺,這種漸變的交替很符合整個色彩的定位,我們是否可以映射到色彩體系里面。

6. 視覺映射:字體分析

字體上中文我們需要一些比較方正,線條比較時尚的字體,比如方正蘭亭黑,比較能符合前面關鍵詞定義的雜志化,同時英文字體采用襯線體,如:Cinzel 和playfair作為英文字體,運用到平面設計上。

7. 視覺映射:構成分析

構成上,板塊層疊構成是一種新的設計方式,板塊之間互相疊加,同時配合大的長投影層疊關系能很好的體現出層級關系,與想要的國際化是吻合的。

8. 視覺映射:質感分析

在設計質感上,馬卡龍的配色,和長投影的柔和配色,能很好的將時尚,舒適的情緒很好的表達出來。

那么一套情緒板就這么制作出來了,它包括我們這個產品對于用戶的感受關鍵詞是什么樣的:國際化,舒適,雜志感!同時對應的視覺表達:形,色,字,構,質也很好的呈現出來了!

制作情緒版的工具

▲https://www.invisionapp.com/

Invision Board是國外設計師用的比較多的一個工具,里面可以創建各種情緒板,里面的布局視覺層次也很豐富,上傳和分享也比較容易。

▲https://www.pinterest.com/

pinterest是全球設計師用的最多的情緒板平臺,你可以里面分享你的手機,任何朋友都可以跟隨你的,你也可以團隊使用,很多國外的設計團隊都用這個來維護設計風格。

▲https://www.tumblr.com/

Tumblr里面也有很多很優秀的圖片,視頻能很好幫助我們去找到一些感興趣的情緒的圖片收集整理。

▲http://designspiration.net/

Designinspiration是一個收集平臺,里面可以按照顏色,和關鍵詞搜索圖片,視頻能很好幫助我們去找到一些感興趣的情緒的圖片收集整理。

▲http://www.gomoodboard.com/

Unsplash創建的Goodoodboard,不需要注冊來創建你的情緒板,只需要定義好模塊和文件夾,添加照片即可,同時你也可以分享給你的朋友。

最后

在做任何一個設計,無論品牌,還是網站還是APP,情緒板能幫助組織和我們個人理解設計的重要根據,情緒板的正確反饋以及和你的領導,用戶提供了一個很好的價值主張的形式,確保我們的設計,我們的風格與用戶能真正產生共鳴的關鍵元素。

#專欄作家#

Sky,微信公眾號:我們的設計日記(ID:helloskys),人人都是產品經理專欄作家。支付寶體驗設計專家,阿里巴巴天貓設計專家;10年知名互聯網公司設計經驗,對于產品從0到1、品牌定位、金融產品、設計規范、運營規范、大促等有豐富實戰經驗。

本文原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash, 基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 數據可視化設計

    回復