本文內(nèi)容主要來自于《A UX guide to designing better mood boards》、《Mood Boards for Product Designers》、《Design Mood. 7 Motives to Create Mood Boards》3篇文章(文末有鏈接)
?共分為4個(gè)部分
1 什么是情緒板?
2 為什么要建立情緒板?
3 創(chuàng)建和使用情緒板的8個(gè)技巧
4 情緒板應(yīng)該包括什么?
?1 什么是情緒板???
1?情緒板不僅在設(shè)計(jì)領(lǐng)域中很流行,而且在許多創(chuàng)意專業(yè)人士中也很流行。情緒板實(shí)際上是一個(gè)容器,人們往里面添加各種圖片,以便可以將想法和概念形象化。
2?與線框和原型不同,情緒板不會顯示未來項(xiàng)目的詳細(xì)圖片。它們旨在傳遞正確的情緒并帶來產(chǎn)品期望的情感。
?3?情緒板是一種有用的工具,可以幫助設(shè)計(jì)師有效的與客戶和團(tuán)隊(duì)成員進(jìn)行協(xié)作。可以在緊迫的時(shí)間內(nèi)輕松創(chuàng)建框架,并將抽象的想法變成真實(shí)的想法。這樣,設(shè)計(jì)師可以與其他人有效地分享他們的想法。
?2 為什么要建立情緒板???
1?節(jié)省時(shí)間和精力
情緒板一個(gè)很大的優(yōu)點(diǎn)是,它不需要太多時(shí)間來完成。這意味著設(shè)計(jì)師可以在幾個(gè)小時(shí)或更短的時(shí)間內(nèi),呈現(xiàn)概念視覺指南。情緒板可以輕松地進(jìn)行編輯,從而節(jié)省了時(shí)間和精力。
這樣的指導(dǎo)方針是一個(gè)良好的基礎(chǔ),可以快速進(jìn)入原型的下一階段。此外,如果客戶對結(jié)果不滿意并要求采用新概念,那么對于設(shè)計(jì)師來說時(shí)間成本較少,他們不會花一整天時(shí)間來創(chuàng)建詳細(xì)的演示文稿。
2 汲取靈感
情緒板是尋找想法的好方法。圖片和插圖有助于找到正確的設(shè)計(jì)風(fēng)格。
3 傳達(dá)想法
當(dāng)產(chǎn)品處于抽象概念階段時(shí),有時(shí)設(shè)計(jì)師和客戶在討論時(shí)很難相互理解。例如,雙方對特定樣式的看法有些不同,因此可能引起爭論。這就是為什么擁有一些視覺參考(例如情緒板)總是一個(gè)好主意的原因。
4 找到正確的配色方案
通過在情緒板上混合不同顏色的圖像,即使UI元素尚未準(zhǔn)備好,設(shè)計(jì)師也可以嘗試使用調(diào)色板。
5 為設(shè)計(jì)找到樣式
如果創(chuàng)意團(tuán)隊(duì)尚未收到客戶關(guān)于設(shè)計(jì)風(fēng)格的指示,則任務(wù)將落在設(shè)計(jì)師的肩膀上。要查看一種或另一種樣式的工作原理,無需為每種樣式構(gòu)建詳細(xì)的原型。向情緒板添加不同的樣式,嘗試使用插圖類型,測試字體并更改顏色。與使用情緒板進(jìn)行選擇相比,花時(shí)間逐個(gè)更改原型要更快,更方便。
6 獲得客戶信任
獲得客戶信任的一種方法是讓他們感到自己已經(jīng)深深地參與了項(xiàng)目。因此,在此階段,如果他們愿意,他們可以積極參與樣式和樣本的選擇。
?3 創(chuàng)建和使用情緒版的8個(gè)小技巧??
1 傳達(dá)正確的情緒
在制作情緒板之前需要清楚想要傳達(dá)的情緒,在挑選情緒板圖片之前,先想象一下會引起情感反應(yīng)的事物。
2 確保情緒板相互協(xié)調(diào)工作
當(dāng)設(shè)計(jì)團(tuán)隊(duì)負(fù)責(zé)制定整個(gè)產(chǎn)品設(shè)計(jì)策略時(shí),至關(guān)重要的是為所有情緒板設(shè)定明確的方向以使其整體工作。這將有助于為開始設(shè)計(jì)之前打下堅(jiān)實(shí)的基礎(chǔ)。相互配合的情緒板可以幫助設(shè)計(jì)師創(chuàng)建一幅大圖,每個(gè)人都可以清楚地看到團(tuán)隊(duì)想要在他們創(chuàng)造的產(chǎn)品中傳達(dá)什么情感。
3 情緒板是參考工具
當(dāng)你展示情緒板時(shí),你就設(shè)定了期望。當(dāng)利益相關(guān)者看到情緒板時(shí),他們相信最終的設(shè)計(jì)與之相似。如果交付與情緒板的質(zhì)量相差很大,則可能會失去客戶的信任。
4 超越數(shù)字世界
在創(chuàng)建情緒板時(shí),設(shè)計(jì)師經(jīng)常會在網(wǎng)上搜索靈感。不要將自己局限于數(shù)字媒體。從大自然中汲取靈感。如果你喜歡攝影,請?jiān)谠O(shè)計(jì)產(chǎn)品中使用喜歡的鏡頭中的顏色。
5 合理規(guī)劃情緒板
注意不要犯此錯(cuò)誤:在情緒板上收集過多的圖像。圖像多并不是好事,圖片數(shù)量越大,人們理解信息的機(jī)會就越少。用戶的注意力有限,信息超載使消息更加難以確定。使用情緒板的主要目的不是娛樂性,而是解決特定的問題。這就是為什么并非所有圖像和紋理都值得放在情緒板上的原因。創(chuàng)建情緒板時(shí),應(yīng)更像策展人,而不是收藏家。
6.選擇正確的格式
根據(jù)項(xiàng)目的類型,你可以制作離線或在線情緒板。
當(dāng)團(tuán)隊(duì)成員在相同的物理空間中工作時(shí),脫機(jī)格式是完美的選擇,并且可以親自與利益相關(guān)者見面。離線格式的好處是你有機(jī)會親自描述你的意思。客戶可以提出問題并聽取你的意見。
如果你有遠(yuǎn)程或分布式團(tuán)隊(duì),則在線格式是唯一可能的選擇。在這種情況下,需要花費(fèi)額外的時(shí)間為所有團(tuán)隊(duì)成員弄清楚情緒公告板,以便對你提供的信息有所了解而無需評論。隨意在董事會中添加一些詞來描述想法。
7 突出關(guān)鍵信息
無論選擇哪種形式,都必須選擇一個(gè)或多個(gè)圖像作為設(shè)計(jì)的基礎(chǔ),這一點(diǎn)很重要。可以使用一個(gè)簡單的技巧根據(jù)物體的大小來引導(dǎo)眼睛。較大的對象(圖像/紋理)比較小的對象更具吸引力。較小的對象可以補(bǔ)充較大的對象。
8 從情緒板收集最佳圖像,以供將來的項(xiàng)目使用
情緒板不僅僅應(yīng)該用于宣傳。考慮為將來的項(xiàng)目使用情緒板。使用Pinterest保存示例。使用Pinterest的好處是你可以根據(jù)特定“板”上的內(nèi)容找到更多的圖片。
?4 情緒板應(yīng)該包括什么???
1 字體
選擇符合你設(shè)計(jì)風(fēng)格和情感的字體
2 色彩
選擇合適的色彩,了解什么顏色會觸發(fā)什么情緒,并確保與你的設(shè)計(jì)中情感保持一致
3 交互
可以去dribbble那樣的平臺找一些交互參考,但是更建議向開發(fā)或者交互設(shè)計(jì)要一點(diǎn)組件庫
4 關(guān)鍵狀態(tài)
設(shè)計(jì)按鈕樣式、鏈接樣式、點(diǎn)擊與非點(diǎn)擊樣式等
5 圖標(biāo)
可以在dribbble或者其他平臺找一些符合你設(shè)計(jì)風(fēng)格的icon
6 圖片
可以在unsplash、istock上找一些靈感圖片
7 插圖
可以在bechance、dribbble上找一些插圖
8 筆記
添加注釋,風(fēng)格關(guān)鍵詞、設(shè)計(jì)方向等有助于在會議中更好的展示?
對于每一個(gè)有創(chuàng)造力的人來說,“情緒板”都可以成為一個(gè)有用的習(xí)慣。設(shè)計(jì)師可以創(chuàng)建情緒板來尋找靈感,或者將其作為工作流程中的附加工具。
最后附上3篇文章的鏈接
《A UX guide to designing better mood boards》:https://uxdesign.cc/a-mood-board-strategy-for-cohesive-visual-design-5620dec3fed7
《Mood Boards for Product Designers》:https://designmodo.com/moodboards/
《Design Mood. 7 Motives to Create Mood Boards》:https://uxplanet.org/design-mood-7-motives-to-create-mood-boards-b81ae36e399f
微信公眾號/抖音/ 同名:菠蘿方舟