UI設計師如何創(chuàng)建情緒板?

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

情緒板是一種工具,可幫助設計師找到正確的設計方向,并為他們想要創(chuàng)造的情感體驗創(chuàng)造堅實的基礎。

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

 

 

什么是情緒板?

情緒板是與設計相關的調性、元素和圖像的集合,并用作設計參考點。

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

1. 品牌手冊/標志LOGO(幫忙找品牌/圖標樣式)

2. UI設計(幫助查找和定義視覺原理)

3. 內(nèi)容策略

4. 動效與交互

 

 

什么樣的情緒板可以幫助設計師?

獲得靈感

情緒板都是關于靈感的。

情緒板可幫助設計師找到美觀的東西并在工作中實施。例如,圖標設計師收集不同的形狀以確定他們想要使用的圖標形式。

情緒板為客戶提供靈感。他們幫助客戶獲得設計感,這是從客戶那里獲得設計指導的一個很好的工具。

 

表達想法

當設計師試圖傳達一個想法時,有時候口頭溝通可能很困難。言語還不夠。設計師需要展示一些東西。

情緒板幫助設計師解釋并說明他們?yōu)橥泻屠嫦嚓P者做出特定設計決策的“原因”。當被問及“為什么我們在UI中需要這種特定形狀?”時,您可以向他們展示情緒板,這樣您的設計決策就會變得清晰。

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

 

 

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

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

 

1.以真正的情感反應為目標

想一想在向利益相關者展示情緒板時想要傳達的情感。在為情緒板選擇第一個圖像之前,試著想象什么會引起情緒反應。

PS:當你展示一個情緒板時,目標是讓人們用“偉大”或“好東西”這樣的詞來做出真實的反應。注意你要向他們展示的表情。這將讓您了解董事會是否在履行職責。

 

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

當一個設計團隊負責創(chuàng)建一個完整的產(chǎn)品設計策略(產(chǎn)品的所有部分)時,為所有的情緒板設定一個明確的方向以使它們整體工作是至關重要的。這將有助于為你的未來設計打下堅實的基礎,然后你開始推動設計。整體合作的情緒板有助于設計師創(chuàng)造全局——每個人都能清楚地看到一個團隊想要在他們創(chuàng)造的產(chǎn)品中傳達什么樣的情緒。

 

3.情緒板是用來參考的工具;只展現(xiàn)你能實現(xiàn)的東西

當你展示情緒板時,你設定了期望。當利益相關者看到打磨后的情緒板時,他們相信最終的設計將具有相同的水平。如果交付與情緒板的質量有很大的不同,您可能會失去客戶的信任。不要引用一些你不能執(zhí)行的東西,因為它會使你失敗。

 

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

當涉及到創(chuàng)建情緒板時,設計師們常常在網(wǎng)上尋找靈感。當然, 百度可以給你很多好的圖片,但它只是一個來源。

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

Mood board by GlebKuznetsov

紙是靈感的另一個極好來源 - 書籍和雜志可以成為完美的圖像源。

Cover pitch by Jack Dylan. Courtesy of theartist.

 

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

小心不要犯這個錯誤:在情緒板中收集太多的圖像。更多的圖像并不總是更好。圖像數(shù)量越多,人們理解信息的機會就越小。為什么?因為用戶的注意力是有限的,用太多的信息壓倒人們相對容易。信息過載使信息更加難以確定。

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

PS:準備情緒板會讓人難以承受。你通過成千上萬的視覺例子,在一天結束的時候,你可能會面臨一個很難將一個好的例子和一個壞的分開的情況。當你處理大量信息時,通常會感到不知所措。這就是為什么在收集信息的過程中有一個放松的時刻是如此重要。

以下是我的工作方式:

1. 定期收集圖像(比如1000張)

2. 切換到不同的活動,放松一下

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

4. 重復步驟2和3,直到只剩下30-40張圖像

5. 仔細分析圖像,只保留原始集的1%

 

我們的目標是讓圖片能夠幫助你傳達一種一致的情感。

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ù)項目的類型,您可以制作離線或在線的情緒板。格式需要不同的方法。

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

如果您有一個遠程或分布式團隊,在線格式是唯一可能的選項。在這種情況下,需要花費額外的時間為所有團隊成員準備一個情緒板,以便了解您提供的沒有評論的信息。你可以在黑板上加幾個詞來描述你的想法。

 

7.突出關鍵信息

無論你選擇什么樣的格式,它選擇圖像(或圖片),這將是為你設計的基礎是很重要的。你可以使用一個簡單的技巧 - 通過物體的大小來引導眼睛。較大的物體(圖像)可以比較小的物體捕獲更多的注意力。較小的物體可以補充較大的物體。

使用這種方法,您可以將觀眾引導到您未來設計的最重要細節(jié),并且他們將一目了然地獲得所有必需的信息。

 

8.為將來的項目收集心情板上的最佳圖像

情緒板不應該僅僅是用于設計提案??紤]在未來的項目中使用情緒板。使用Pinterest保存示例。使用Pinterest的一個好處是:您可以根據(jù)特定“畫板”上的部分分發(fā)工作。

Mood board by GlebKuznetsov

 

 

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

1.Pinterest

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

Pinterest is a great place to find inspiration. Automotive moodboard by GlebKuznetsov https://www.pinterest.ru/glebich/

 

2.TheMatboard

Matboard提供了對攝影師、電影制片人和商業(yè)導演制作圖片的精選。

 

3.Canva

Canva是創(chuàng)建在線情緒板的絕佳工具。它有一個拖放編輯器,允許任何人在幾分鐘內(nèi)創(chuàng)建驚人的情緒板。Canva還有一個圖像庫; 此功能可以為您節(jié)省大量時間(無需瀏覽網(wǎng)頁即可找到正確的圖像)

 

4.Evernote

雖然大多數(shù)Evernote的用戶把它當做記事本,但可以使用它來創(chuàng)建情緒板。

 

5.Mural

當你需要和一個團隊一起制作一個情緒板時,Mural是一個很好的工具。Mural創(chuàng)建了一個共享的數(shù)字空間,團隊可以在其中就想法進行協(xié)作。

 

 

結論

創(chuàng)建情緒板的過程不應該無聊。應該很有趣。每一個有創(chuàng)造力的人都需要靈感,而創(chuàng)建情緒板對于設計師來說是一個極為有用的習慣。

 

 

 

作者:GLEB KUZNETSOV

原文鏈接:https://designmodo.com/moodboards/

每天更新,
全站高品質素材免費下載!