今天我們來(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)到精通。