UI界面設(shè)計(jì)

UI設(shè)計(jì)師如何創(chuàng)建情緒板？

7460

大多數(shù)的設(shè)計(jì)師都知道線框和原型設(shè)計(jì)是設(shè)計(jì)過(guò)程中必不可少的部分。如果沒有原型，你創(chuàng)造好設(shè)計(jì)的機(jī)會(huì)幾乎為零。為了制作一個(gè)合適的原型，設(shè)計(jì)師需要花時(shí)間構(gòu)思。設(shè)計(jì)師有很多不同的工具，可以在頭腦風(fēng)暴過(guò)程中幫助他們。而情緒板則是最有效的思維工具。

情緒板是一種工具，可幫助設(shè)計(jì)師找到正確的設(shè)計(jì)方向，并為他們想要?jiǎng)?chuàng)造的情感體驗(yàn)創(chuàng)造堅(jiān)實(shí)的基礎(chǔ)。

在本文中，您將發(fā)現(xiàn)這個(gè)工具的全部?jī)?nèi)容以及如何最有效地使用它。

什么是情緒板？

情緒板是與設(shè)計(jì)相關(guān)的調(diào)性、元素和圖像的集合，并用作設(shè)計(jì)參考點(diǎn)。

情緒板可用于不同的需求。以下是情緒板的一些典型示例：

1. 品牌手冊(cè)/標(biāo)志LOGO（幫忙找品牌/圖標(biāo)樣式）

2. UI設(shè)計(jì)（幫助查找和定義視覺原理）

3. 內(nèi)容策略

4. 動(dòng)效與交互

什么樣的情緒板可以幫助設(shè)計(jì)師？

獲得靈感

情緒板都是關(guān)于靈感的。

情緒板可幫助設(shè)計(jì)師找到美觀的東西并在工作中實(shí)施。例如，圖標(biāo)設(shè)計(jì)師收集不同的形狀以確定他們想要使用的圖標(biāo)形式。

情緒板為客戶提供靈感。他們幫助客戶獲得設(shè)計(jì)感，這是從客戶那里獲得設(shè)計(jì)指導(dǎo)的一個(gè)很好的工具。

表達(dá)想法

當(dāng)設(shè)計(jì)師試圖傳達(dá)一個(gè)想法時(shí)，有時(shí)候口頭溝通可能很困難。言語(yǔ)還不夠。設(shè)計(jì)師需要展示一些東西。

情緒板幫助設(shè)計(jì)師解釋并說(shuō)明他們?yōu)橥泻屠嫦嚓P(guān)者做出特定設(shè)計(jì)決策的“原因”。當(dāng)被問(wèn)及“為什么我們?cè)赨I中需要這種特定形狀？”時(shí)，您可以向他們展示情緒板，這樣您的設(shè)計(jì)決策就會(huì)變得清晰。

重要的是要提到情緒板傳達(dá)一個(gè)想法，它應(yīng)該包含一些人們使用的東西的例子，而不僅僅是抽象概念。這些可能是來(lái)自不同行業(yè)的例子。只有以這種方式使用情緒板才能證明設(shè)計(jì)方向是成功的。

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

創(chuàng)建情緒板可能很困難。幸運(yùn)的是，我們有一些技巧和竅門可以讓您更輕松地完成這個(gè)過(guò)程。

1.以真正的情感反應(yīng)為目標(biāo)

想一想在向利益相關(guān)者展示情緒板時(shí)想要傳達(dá)的情感。在為情緒板選擇第一個(gè)圖像之前，試著想象什么會(huì)引起情緒反應(yīng)。

PS：當(dāng)你展示一個(gè)情緒板時(shí)，目標(biāo)是讓人們用“偉大”或“好東西”這樣的詞來(lái)做出真實(shí)的反應(yīng)。注意你要向他們展示的表情。這將讓您了解董事會(huì)是否在履行職責(zé)。

2.確保情緒板整體上相互配合

當(dāng)一個(gè)設(shè)計(jì)團(tuán)隊(duì)負(fù)責(zé)創(chuàng)建一個(gè)完整的產(chǎn)品設(shè)計(jì)策略（產(chǎn)品的所有部分）時(shí)，為所有的情緒板設(shè)定一個(gè)明確的方向以使它們整體工作是至關(guān)重要的。這將有助于為你的未來(lái)設(shè)計(jì)打下堅(jiān)實(shí)的基礎(chǔ)，然后你開始推動(dòng)設(shè)計(jì)。整體合作的情緒板有助于設(shè)計(jì)師創(chuàng)造全局——每個(gè)人都能清楚地看到一個(gè)團(tuán)隊(duì)想要在他們創(chuàng)造的產(chǎn)品中傳達(dá)什么樣的情緒。

3.情緒板是用來(lái)參考的工具；只展現(xiàn)你能實(shí)現(xiàn)的東西

當(dāng)你展示情緒板時(shí)，你設(shè)定了期望。當(dāng)利益相關(guān)者看到打磨后的情緒板時(shí)，他們相信最終的設(shè)計(jì)將具有相同的水平。如果交付與情緒板的質(zhì)量有很大的不同，您可能會(huì)失去客戶的信任。不要引用一些你不能執(zhí)行的東西，因?yàn)樗鼤?huì)使你失敗。

4.超越數(shù)字世界

當(dāng)涉及到創(chuàng)建情緒板時(shí)，設(shè)計(jì)師們常常在網(wǎng)上尋找靈感。當(dāng)然，百度可以給你很多好的圖片，但它只是一個(gè)來(lái)源。

不要局限于數(shù)字媒體。從大自然中汲取靈感。如果你喜歡攝影，在你的設(shè)計(jì)產(chǎn)品中使用你最喜歡的照片中的顏色。

Mood board by GlebKuznetsov

紙是靈感的另一個(gè)極好來(lái)源 - 書籍和雜志可以成為完美的圖像源。

Cover pitch by Jack Dylan. Courtesy of theartist.

5.規(guī)劃你的收藏

小心不要犯這個(gè)錯(cuò)誤：在情緒板中收集太多的圖像。更多的圖像并不總是更好。圖像數(shù)量越多，人們理解信息的機(jī)會(huì)就越小。為什么？因?yàn)橛脩舻淖⒁饬κ怯邢薜?，用太多的信息壓倒人們相?duì)容易。信息過(guò)載使信息更加難以確定。

使用情緒板的主要目的不是娛樂(lè)，而是解決一個(gè)特定的問(wèn)題。這就是為什么不是所有的圖像都應(yīng)該出現(xiàn)在情緒板上的原因。在制作情緒板時(shí)，我們更像是館長(zhǎng)而不是收藏家。當(dāng)我創(chuàng)建一個(gè)情緒板時(shí)，我結(jié)合了多達(dá)1000張圖片，但只包括10個(gè)最強(qiáng)大和一致的視覺參考。

PS：準(zhǔn)備情緒板會(huì)讓人難以承受。你通過(guò)成千上萬(wàn)的視覺例子，在一天結(jié)束的時(shí)候，你可能會(huì)面臨一個(gè)很難將一個(gè)好的例子和一個(gè)壞的分開的情況。當(dāng)你處理大量信息時(shí)，通常會(huì)感到不知所措。這就是為什么在收集信息的過(guò)程中有一個(gè)放松的時(shí)刻是如此重要。

以下是我的工作方式：

1. 定期收集圖像（比如1000張）

2. 切換到不同的活動(dòng)，放松一下

3. 刪除收藏中的一半圖像

4. 重復(fù)步驟2和3，直到只剩下30-40張圖像

5. 仔細(xì)分析圖像，只保留原始集的1%

我們的目標(biāo)是讓圖片能夠幫助你傳達(dá)一種一致的情感。

After combining nearly 1,000 images, I leave only 10 of the most powerful and consistent visual references on my moodboard.

在組合了近1000張圖片后，我在情緒板上只留下了10張最有力和最一致的視覺參考。

6.選擇正確的格式

根據(jù)項(xiàng)目的類型，您可以制作離線或在線的情緒板。格式需要不同的方法。

當(dāng)團(tuán)隊(duì)成員在相同的物理空間工作時(shí)，離線格式是完美的，并且可以親自與利益相關(guān)者會(huì)面。離線格式的好處是您有機(jī)會(huì)親自描述您的意思?？蛻艨梢蕴岢鰡?wèn)題并聽取您的意見。

如果您有一個(gè)遠(yuǎn)程或分布式團(tuán)隊(duì)，在線格式是唯一可能的選項(xiàng)。在這種情況下，需要花費(fèi)額外的時(shí)間為所有團(tuán)隊(duì)成員準(zhǔn)備一個(gè)情緒板，以便了解您提供的沒有評(píng)論的信息。你可以在黑板上加幾個(gè)詞來(lái)描述你的想法。

7.突出關(guān)鍵信息

無(wú)論你選擇什么樣的格式，它選擇圖像（或圖片），這將是為你設(shè)計(jì)的基礎(chǔ)是很重要的。你可以使用一個(gè)簡(jiǎn)單的技巧 - 通過(guò)物體的大小來(lái)引導(dǎo)眼睛。較大的物體（圖像）可以比較小的物體捕獲更多的注意力。較小的物體可以補(bǔ)充較大的物體。

使用這種方法，您可以將觀眾引導(dǎo)到您未來(lái)設(shè)計(jì)的最重要細(xì)節(jié)，并且他們將一目了然地獲得所有必需的信息。

8.為將來(lái)的項(xiàng)目收集心情板上的最佳圖像

情緒板不應(yīng)該僅僅是用于設(shè)計(jì)提案?？紤]在未來(lái)的項(xiàng)目中使用情緒板。使用Pinterest保存示例。使用Pinterest的一個(gè)好處是：您可以根據(jù)特定“畫板”上的部分分發(fā)工作。

Mood board by GlebKuznetsov

創(chuàng)建情緒板的工具

1.Pinterest

Pinterest是設(shè)計(jì)師必備的工具。Pinterest允許您使用來(lái)自整個(gè)網(wǎng)絡(luò)的資源創(chuàng)建情緒板。Pinterest還提供了豐富的現(xiàn)有情緒板集合，從廚房創(chuàng)意到高科技設(shè)備無(wú)所不包。獲取所有這些信息是設(shè)計(jì)師尋找靈感的絕佳機(jī)會(huì)。