設計基礎:情緒板

本文內(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個部分

1 什么是情緒板?

2 為什么要建立情緒板?

3 創(chuàng)建和使用情緒板的8個技巧

4 情緒板應該包括什么?

?1 什么是情緒板???

1?情緒板不僅在設計領域中很流行,而且在許多創(chuàng)意專業(yè)人士中也很流行。情緒板實際上是一個容器,人們往里面添加各種圖片,以便可以將想法和概念形象化。

2?與線框和原型不同,情緒板不會顯示未來項目的詳細圖片。它們旨在傳遞正確的情緒并帶來產(chǎn)品期望的情感。

?3?情緒板是一種有用的工具,可以幫助設計師有效的與客戶和團隊成員進行協(xié)作??梢栽诰o迫的時間內(nèi)輕松創(chuàng)建框架,并將抽象的想法變成真實的想法。這樣,設計師可以與其他人有效地分享他們的想法。

由Tubik設計師Ernest Asanov編寫的情緒板

?2 為什么要建立情緒板???

1?節(jié)省時間和精力

情緒板一個很大的優(yōu)點是,它不需要太多時間來完成。這意味著設計師可以在幾個小時或更短的時間內(nèi),呈現(xiàn)概念視覺指南。情緒板可以輕松地進行編輯,從而節(jié)省了時間和精力。

這樣的指導方針是一個良好的基礎,可以快速進入原型的下一階段。此外,如果客戶對結果不滿意并要求采用新概念,那么對于設計師來說時間成本較少,他們不會花一整天時間來創(chuàng)建詳細的演示文稿。

2 汲取靈感

情緒板是尋找想法的好方法。圖片和插圖有助于找到正確的設計風格。

3 傳達想法

當產(chǎn)品處于抽象概念階段時,有時設計師和客戶在討論時很難相互理解。例如,雙方對特定樣式的看法有些不同,因此可能引起爭論。這就是為什么擁有一些視覺參考(例如情緒板)總是一個好主意的原因。

4 找到正確的配色方案

通過在情緒板上混合不同顏色的圖像,即使UI元素尚未準備好,設計師也可以嘗試使用調(diào)色板。

5 為設計找到樣式

如果創(chuàng)意團隊尚未收到客戶關于設計風格的指示,則任務將落在設計師的肩膀上。要查看一種或另一種樣式的工作原理,無需為每種樣式構建詳細的原型。向情緒板添加不同的樣式,嘗試使用插圖類型,測試字體并更改顏色。與使用情緒板進行選擇相比,花時間逐個更改原型要更快,更方便。

6 獲得客戶信任

獲得客戶信任的一種方法是讓他們感到自己已經(jīng)深深地參與了項目。因此,在此階段,如果他們愿意,他們可以積極參與樣式和樣本的選擇。

由Tubik設計師Ludmila Shevchenko編寫的情緒板


?3 創(chuàng)建和使用情緒版的8個小技巧??

1 傳達正確的情緒

在制作情緒板之前需要清楚想要傳達的情緒,在挑選情緒板圖片之前,先想象一下會引起情感反應的事物。

2 確保情緒板相互協(xié)調(diào)工作

當設計團隊負責制定整個產(chǎn)品設計策略時,至關重要的是為所有情緒板設定明確的方向以使其整體工作。這將有助于為開始設計之前打下堅實的基礎。相互配合的情緒板可以幫助設計師創(chuàng)建一幅大圖,每個人都可以清楚地看到團隊想要在他們創(chuàng)造的產(chǎn)品中傳達什么情感。

3 情緒板是參考工具

當你展示情緒板時,你就設定了期望。當利益相關者看到情緒板時,他們相信最終的設計與之相似。如果交付與情緒板的質(zhì)量相差很大,則可能會失去客戶的信任。

4 超越數(shù)字世界

在創(chuàng)建情緒板時,設計師經(jīng)常會在網(wǎng)上搜索靈感。不要將自己局限于數(shù)字媒體。從大自然中汲取靈感。如果你喜歡攝影,請在設計產(chǎn)品中使用喜歡的鏡頭中的顏色。

5 合理規(guī)劃情緒板

注意不要犯此錯誤:在情緒板上收集過多的圖像。圖像多并不是好事,圖片數(shù)量越大,人們理解信息的機會就越少。用戶的注意力有限,信息超載使消息更加難以確定。使用情緒板的主要目的不是娛樂性,而是解決特定的問題。這就是為什么并非所有圖像和紋理都值得放在情緒板上的原因。創(chuàng)建情緒板時,應更像策展人,而不是收藏家。

6.選擇正確的格式

根據(jù)項目的類型,你可以制作離線或在線情緒板。

當團隊成員在相同的物理空間中工作時,脫機格式是完美的選擇,并且可以親自與利益相關者見面。離線格式的好處是你有機會親自描述你的意思??蛻艨梢蕴岢鰡栴}并聽取你的意見。

如果你有遠程或分布式團隊,則在線格式是唯一可能的選擇。在這種情況下,需要花費額外的時間為所有團隊成員弄清楚情緒公告板,以便對你提供的信息有所了解而無需評論。隨意在董事會中添加一些詞來描述想法。

7 突出關鍵信息

無論選擇哪種形式,都必須選擇一個或多個圖像作為設計的基礎,這一點很重要。可以使用一個簡單的技巧根據(jù)物體的大小來引導眼睛。較大的對象(圖像/紋理)比較小的對象更具吸引力。較小的對象可以補充較大的對象。

8 從情緒板收集最佳圖像,以供將來的項目使用

情緒板不僅僅應該用于宣傳??紤]為將來的項目使用情緒板。使用Pinterest保存示例。使用Pinterest的好處是你可以根據(jù)特定“板”上的內(nèi)容找到更多的圖片。

?4 情緒板應該包括什么???

1 字體

選擇符合你設計風格和情感的字體

2 色彩

選擇合適的色彩,了解什么顏色會觸發(fā)什么情緒,并確保與你的設計中情感保持一致

3 交互

可以去dribbble那樣的平臺找一些交互參考,但是更建議向開發(fā)或者交互設計要一點組件庫

4 關鍵狀態(tài)

設計按鈕樣式、鏈接樣式、點擊與非點擊樣式等

5 圖標

可以在dribbble或者其他平臺找一些符合你設計風格的icon

6 圖片

可以在unsplash、istock上找一些靈感圖片

7 插圖

可以在bechance、dribbble上找一些插圖

8 筆記

添加注釋,風格關鍵詞、設計方向等有助于在會議中更好的展示?

對于每一個有創(chuàng)造力的人來說,“情緒板”都可以成為一個有用的習慣。設計師可以創(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

微信公眾號/抖音/ 同名:菠蘿方舟

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 以下為譯文(原文鏈接) 想象一下,當你花費大量時間盡心盡力的完成了一個詳細的視覺稿,然后卻直接被客戶拒絕了,并且說...
    團子Lyn閱讀 13,357評論 1 1
  • 想想看,你花費了大量的時間來構思,設計,最后做出了一個完整的原型,可是客戶直接拒絕了你的設計,甚至吐槽你的設計和他...
    youyeath閱讀 930評論 0 4
  • 施梁?。?今天,我七點起床,昨晚我把王鈺杰定的四點的鬧鐘關掉。因為他說他要起來玩耍,但是我想多睡一會,于是我就偷偷...
    c77ede40f8aa閱讀 571評論 0 1
  • 集合類的由來:對象用于封裝特有數(shù)據(jù),對象多了需要存儲,如果對象的個數(shù)不確定。就使用集合容器進行存儲。 集合特點:1...
    駭客與畫家閱讀 926評論 1 0
  • 看著他的時候 我總能聽見一個聲音說 假的 伴隨著,撕裂的聲音 心好累 厭煩了現(xiàn)在的生活 厭煩了靠演技騙出來的幸福 ...
    冷暖心知閱讀 204評論 0 0

友情鏈接更多精彩內(nèi)容