今天我們來聊聊設(shè)計(jì)流程中一定會經(jīng)歷的一個環(huán)節(jié)——情緒版!情緒板是什么?這是每一個新手設(shè)計(jì)師都必須要了解的設(shè)計(jì)環(huán)節(jié)。所謂的情緒版就是傳遞一種設(shè)計(jì)價(jià)值和設(shè)計(jì)風(fēng)格。簡單解釋就是,在沒展示設(shè)計(jì)作品之前,把情緒版一展示,別人就能明白你想設(shè)計(jì)的風(fēng)格。
在網(wǎng)上,許多大廠設(shè)計(jì)團(tuán)隊(duì)在自己的項(xiàng)目復(fù)盤里,都有放情緒板這個模塊,以及添加一些 「高大上」 的名詞,
1、情緒板的作用
在UI設(shè)計(jì)師的設(shè)計(jì)工作中,最常見的場景就是項(xiàng)目提案、總結(jié)的時(shí)候,通常會有在提取風(fēng)格之前加一個情緒版。這可以說是設(shè)計(jì)流程的一個重要環(huán)節(jié)。沒有確定這個內(nèi)容,那么設(shè)計(jì)師對自身要設(shè)計(jì)的東西很難有一個整體風(fēng)格的把握。而且,這樣做的最大好處就是避免發(fā)生設(shè)計(jì)師在做完成品后,需求方說這調(diào)性不對這樣的悲劇。
2. 為何UI/UX設(shè)計(jì)師需要創(chuàng)建情緒板?
(1)節(jié)省時(shí)間和精力
設(shè)計(jì)師可以在此基礎(chǔ)上快速跳轉(zhuǎn)到下一個階段,進(jìn)行原型設(shè)計(jì)。此外,如果客戶對于概念設(shè)計(jì)并不滿意,設(shè)計(jì)人員也不用耗費(fèi)太多的時(shí)間制作詳細(xì)的演示文稿,快速調(diào)整設(shè)計(jì)方向即可。
(2)獲取靈感
設(shè)計(jì)師可以根據(jù)情緒版的關(guān)鍵詞來分析項(xiàng)目的設(shè)計(jì)方向,其中包括了字體的使用,顏色的使用搭配,界面布局的方式。例如我們要是做個音樂的項(xiàng)目的話,一般我們會做顏色絢麗的主色調(diào),順便在這個情緒版這塊得到靈感。
3.情緒版的制作
情緒版我們該怎么去制作呢?情緒版說的就是使用該產(chǎn)品是一種什么樣的風(fēng)格定義,在找這類圖片時(shí)候我們定義詞匯先,定義詞匯的時(shí)候我們可以使用發(fā)散性思維,也可以根據(jù)核心關(guān)鍵詞去衍生一些其他詞匯,然后再進(jìn)行搜索,另外,在做項(xiàng)目改版時(shí)用到的情緒版,盡量用稍微抽象一點(diǎn)的圖,別直接把競品的設(shè)計(jì)圖都放上來,那樣會讓人感覺是照搬!如果你做的是界面設(shè)計(jì),那你的靈感來源可以是工業(yè)設(shè)計(jì)、攝影、平面設(shè)計(jì)等等,跨領(lǐng)域?qū)ふ异`感是非常常用的方法。
4.包含在情緒板上的內(nèi)容
每個情緒板都是不同的, 設(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ì)元素中。
視覺隱喻:視覺隱喻是現(xiàn)代廣告和品牌塑造的重要組成部分, 如果合適, 可以包括在內(nèi)。
詞:與品牌或應(yīng)傳達(dá)的信息相關(guān)的詞可能是任何情緒板的重要組成部分。
字體:對于任何文字會突出顯示的設(shè)計(jì), 設(shè)計(jì)師都應(yīng)在其情緒板上使用特定的字體(或至少是通用字體樣式)。
紋理:設(shè)計(jì)中要包含的任何紋理或圖案都應(yīng)包含在情緒板上。
說明:根據(jù)需要, 對情緒板中包含的元素的說明可以增加上下文, 并使查看所有不同部分如何在最終設(shè)計(jì)中協(xié)同工作變得更加容易。
包括對情緒板各種元素的說明, 可以使所呈現(xiàn)的思想更加清晰。確定主題可以使情調(diào)板以及基于該主題的最終設(shè)計(jì)具有凝聚力。主題應(yīng)該與設(shè)計(jì)或品牌的目標(biāo)緊密相關(guān), 盡管可以是抽象的。例如, 一個兒童服裝網(wǎng)站可能有叢林或狂歡節(jié)主題, 但這并不意味著它需要合并老虎或小丑。相反, 基于這些主題的情緒板可能包含自然紋理或原色之類的內(nèi)容。
總結(jié)一下情緒版的使用對于我們設(shè)計(jì)師來說相當(dāng)?shù)闹匾?,情緒板不僅是設(shè)計(jì)者將個人思路展示出來的方式,更是收集靈感來源。更多關(guān)于“UI培訓(xùn)”的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。