今天我們來(lái)聊聊設(shè)計(jì)流程中一定會(huì)經(jīng)歷的一個(gè)環(huán)節(jié)——情緒版!情緒板是什么?這是每一個(gè)新手設(shè)計(jì)師都必須要了解的設(shè)計(jì)環(huán)節(jié)。所謂的情緒版就是傳遞一種設(shè)計(jì)價(jià)值和設(shè)計(jì)風(fēng)格。簡(jiǎn)單解釋就是，在沒(méi)展示設(shè)計(jì)作品之前，把情緒版一展示，別人就能明白你想設(shè)計(jì)的風(fēng)格。

　　在網(wǎng)上，許多大廠設(shè)計(jì)團(tuán)隊(duì)在自己的項(xiàng)目復(fù)盤(pán)里，都有放情緒板這個(gè)模塊，以及添加一些 「高大上」 的名詞，

　　1、情緒板的作用

　　在UI設(shè)計(jì)師的設(shè)計(jì)工作中，最常見(jiàn)的場(chǎng)景就是項(xiàng)目提案、總結(jié)的時(shí)候，通常會(huì)有在提取風(fēng)格之前加一個(gè)情緒版。這可以說(shuō)是設(shè)計(jì)流程的一個(gè)重要環(huán)節(jié)。沒(méi)有確定這個(gè)內(nèi)容，那么設(shè)計(jì)師對(duì)自身要設(shè)計(jì)的東西很難有一個(gè)整體風(fēng)格的把握。而且，這樣做的最大好處就是避免發(fā)生設(shè)計(jì)師在做完成品后，需求方說(shuō)這調(diào)性不對(duì)這樣的悲劇。

　　2. 為何UI/UX設(shè)計(jì)師需要?jiǎng)?chuàng)建情緒板?

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

　　設(shè)計(jì)師可以在此基礎(chǔ)上快速跳轉(zhuǎn)到下一個(gè)階段，進(jìn)行原型設(shè)計(jì)。此外，如果客戶對(duì)于概念設(shè)計(jì)并不滿意，設(shè)計(jì)人員也不用耗費(fèi)太多的時(shí)間制作詳細(xì)的演示文稿，快速調(diào)整設(shè)計(jì)方向即可。

　　(2)獲取靈感

　　設(shè)計(jì)師可以根據(jù)情緒版的關(guān)鍵詞來(lái)分析項(xiàng)目的設(shè)計(jì)方向，其中包括了字體的使用，顏色的使用搭配，界面布局的方式。例如我們要是做個(gè)音樂(lè)的項(xiàng)目的話，一般我們會(huì)做顏色絢麗的主色調(diào)，順便在這個(gè)情緒版這塊得到靈感。

　　3.情緒版的制作

　　情緒版我們?cè)撛趺慈ブ谱髂?情緒版說(shuō)的就是使用該產(chǎn)品是一種什么樣的風(fēng)格定義，在找這類圖片時(shí)候我們定義詞匯先，定義詞匯的時(shí)候我們可以使用發(fā)散性思維，也可以根據(jù)核心關(guān)鍵詞去衍生一些其他詞匯，然后再進(jìn)行搜索，另外，在做項(xiàng)目改版時(shí)用到的情緒版，盡量用稍微抽象一點(diǎn)的圖，別直接把競(jìng)品的設(shè)計(jì)圖都放上來(lái)，那樣會(huì)讓人感覺(jué)是照搬!如果你做的是界面設(shè)計(jì)，那你的靈感來(lái)源可以是工業(yè)設(shè)計(jì)、攝影、平面設(shè)計(jì)等等，跨領(lǐng)域?qū)ふ异`感是非常常用的方法。

　　4.包含在情緒板上的內(nèi)容

　　每個(gè)情緒板都是不同的, 設(shè)計(jì)師選擇包括的內(nèi)容將根據(jù)項(xiàng)目而有所不同。品牌情緒板可能包含比包裝或網(wǎng)站設(shè)計(jì)更多的元素。重要的是要包含盡可能多的元素, 以傳達(dá)所創(chuàng)建設(shè)計(jì)的外觀。

　　以下是一些包含在情緒板上的東西的想法：

　　圖片：這些圖片可能包括品牌圖片, 股票攝影, 產(chǎn)品圖片, 在Instagram或其他照片共享網(wǎng)站上找到的照片, 插圖, 甚至是徽標(biāo)之類的東西。

　　顏色：納入設(shè)計(jì)的調(diào)色板是大多數(shù)情緒板的重要組成部分, 可以作為色板包含在其中, 也可以合并到圖像和其他設(shè)計(jì)元素中。

　　視覺(jué)隱喻：視覺(jué)隱喻是現(xiàn)代廣告和品牌塑造的重要組成部分, 如果合適, 可以包括在內(nèi)。

　　詞：與品牌或應(yīng)傳達(dá)的信息相關(guān)的詞可能是任何情緒板的重要組成部分。

　　字體：對(duì)于任何文字會(huì)突出顯示的設(shè)計(jì), 設(shè)計(jì)師都應(yīng)在其情緒板上使用特定的字體(或至少是通用字體樣式)。

　　紋理：設(shè)計(jì)中要包含的任何紋理或圖案都應(yīng)包含在情緒板上。

　　說(shuō)明：根據(jù)需要, 對(duì)情緒板中包含的元素的說(shuō)明可以增加上下文, 并使查看所有不同部分如何在最終設(shè)計(jì)中協(xié)同工作變得更加容易。

　　包括對(duì)情緒板各種元素的說(shuō)明, 可以使所呈現(xiàn)的思想更加清晰。確定主題可以使情調(diào)板以及基于該主題的最終設(shè)計(jì)具有凝聚力。主題應(yīng)該與設(shè)計(jì)或品牌的目標(biāo)緊密相關(guān), 盡管可以是抽象的。例如, 一個(gè)兒童服裝網(wǎng)站可能有叢林或狂歡節(jié)主題, 但這并不意味著它需要合并老虎或小丑。相反, 基于這些主題的情緒板可能包含自然紋理或原色之類的內(nèi)容。

　　總結(jié)一下情緒版的使用對(duì)于我們?cè)O(shè)計(jì)師來(lái)說(shuō)相當(dāng)?shù)闹匾榫w板不僅是設(shè)計(jì)者將個(gè)人思路展示出來(lái)的方式，更是收集靈感來(lái)源。更多關(guān)于“UI培訓(xùn)”的問(wèn)題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問(wèn)，獲取試聽(tīng)資格來(lái)試聽(tīng)我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門(mén)到精通。