設計師進階筆記|情緒板應用,提高工作效率
情緒板是創(chuàng)意工作的好幫手,無論是用來尋找靈感還是強化工作流程,都頗為實用。
我們在日常工作中經(jīng)常會花很長時間產(chǎn)出精致的,高品質的設計,得到的結果卻是一句:“這不是我想要的!”
一般情況下,在沒有看到具象物體前,需求方并不清楚自己想要什么。但是看實物后,就可以很容易的判斷是否符合自己的預期或喜好。所以,避免過多為錯誤買單前,要了解需求方對于風格的期望要求,從而確定整個產(chǎn)品的風格是很有必要的。
情緒板是什么
情緒板(英:Mood Board)是一種啟發(fā)式和探索性的方法,設計師將自己認為合適的組件、圖片和素材都整理到一起,在紙或者屏幕上進行拼貼組合,快速地向他人傳達設計師想要表達的整體“感覺(feel)”,可作為一種可視化的溝通工具。一般包括:視覺風格、色彩、字體排版、圖案和紋理整體外觀。
情緒板有何用
(1)提高工作效率
說到設計方法論可能大家以為會花很長時間,其實不然,設計師可以根據(jù)情緒板為基礎向需求方建立一個快速的風格指南,從而被輕松編輯。
設計師可以在風格指南的基礎上快速進入交互設計、視覺設計,且如果需求方的意向發(fā)生改變,設計師也可迅速調整設計方向。
(2)更好了解需求
往往設計師在與需求方溝通的時候,認知不在同一個層面,很難完全互相理解。這時情緒版的作用就在于將實際可討論的視覺意向展示出來,讓溝通和討論產(chǎn)生一個實在的落腳點。
(3)精準產(chǎn)出方案
根據(jù)產(chǎn)品屬性和特征尋找大量視覺圖片,包括色彩、肌理、風格、形狀等。讓目標用戶進行挑選,以此作為設計方向或設計形式的參考。通常用于提取配色方案、視覺風格、質感材質,為視覺設計提供靈感。
情緒版制作過程
(1)體驗關鍵詞
首先,要明確產(chǎn)品的定位以及目標用戶。在一個需求中,通過團隊腦暴和用戶研究,我們可以在有限的區(qū)間內(nèi)創(chuàng)建用戶畫像,綜合品牌及行業(yè)風格,可以得出體驗關鍵詞。關鍵詞和腦暴類似,包括各個方面,可以是感官、場景或者名詞等等。
(2)關鍵詞聯(lián)想
設計師根據(jù)創(chuàng)建的體驗關鍵詞進行篩選,再對篩選之后的關鍵詞進行發(fā)散和聯(lián)想,這樣就可以獲得更多的靈感。
(3)收集素材
設計師在關鍵詞創(chuàng)建完成之后,接下來根據(jù)關鍵詞在相關網(wǎng)站尋找相應的素材,這里用到最多的是在視覺中國、花瓣美思、Pinterest、Behance等網(wǎng)站中進行發(fā)掘。
(4)創(chuàng)建情緒版
這一步需要將收集到的素材進行歸納和整理,可依據(jù)不同的維度進行分類,如設計內(nèi)容(字體、配色、排版、圖形等)、風格意向(扁平化、2.5D、3D等)、應用場景(電商、實體、營銷等)
創(chuàng)建情緒版是一個不斷迭代的過程,通常為“選擇素材-排列素材-討論反思-收集來源-選擇素材”循環(huán)往復,最終產(chǎn)出適應當前情境的情緒版。
情緒版的類型
(1)拼貼情緒版
拼貼式情緒版是最簡單創(chuàng)建的情緒版方式。在設計拼貼情緒版的時候,設計師無需考慮字體大小、圖片尺寸、特定顏色等細節(jié)問題。搜集一些免費可用的高分辨率圖片,作為素材,以便今后能夠用到項目當中去。這些圖片可以制作為情緒板。這些拼貼當中還可以加入字體、配色、插畫作為示例。
(2)精致型情緒版
精致型情緒版又被稱為模板式情緒版,這種情緒版可以詳細規(guī)范字體(字形、字號)、配色、button風格、圖片風格等個性化元素。借用模板式設計,展示出產(chǎn)品的結構和視覺層次。相對于效果稿和交互圖,情緒版更為模糊的定義風格,組件隨機分布,圖片和粗略的布局結合在一起,說明了基本的構思。這種情緒板成型更快,因為它不需要細節(jié)支撐。
情緒版的工具
(1)Invision Board
是國外設計師用的比較多的一個工具,里面可以創(chuàng)建各種情緒板,里面的布局視覺層次也很豐富,上傳和分享也比較容易。
(2)Pinterest
是全球設計師用的最多的情緒板收集平臺,可以里面分享到你的手機里,任何朋友都可以看到,也可以團隊使用,來保障設計風格。
(3)花瓣
國內(nèi)常用,有很多設計師搜集并分類了很多國內(nèi)外優(yōu)質的圖片。
(4)Tumblr
有很多很優(yōu)秀的圖片和視頻能很好幫助我們?nèi)フ业揭恍└信d趣的情緒的圖片收集整理。
總結
情緒板是創(chuàng)意工作的好幫手,無論是用來尋找靈感還是強化工作流程,都頗為實用。設計師即要站在自己的角度(設計師)想問題,又要換位思考,站在用戶的角度想問題。這樣,他才能更加容易接受你的建議。
作者:李健,視覺設計師,一個熱愛設計和藝術的單次元少年
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設計中心(微信公眾號@58UXD),作者@李健
題圖來自 Unsplash,基于CC0協(xié)議。
來源公眾號:58UXD(ID:i58UXD),58UXD,全稱58同城用戶體驗設計中心。
本文由人人都是產(chǎn)品經(jīng)理合作媒體 @58UXD 授權發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉載。
題圖來自Unsplash,基于CC0協(xié)議。
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。
受教了,謝謝,良心了??!