我們在日常工作中經(jīng)常會花很長時間產(chǎn)出精致的，高品質(zhì)的設(shè)計，得到的結(jié)果卻是一句：“這不是我想要的！”一般情況下，在沒有看到具象物體前，需求方并不清楚自己想要什么。但是看實物后，就可以很容易的判斷是否符合自己的預(yù)期或喜好。所以，避免過多為錯誤買單前，要了解需求方對于風(fēng)格的期望要求，從而確定整個產(chǎn)品的風(fēng)格是很有必要的。
1.情緒板是什么 
情緒板（英: Mood Board）是一種啟發(fā)式和探索性的方法。設(shè)計師將自己認(rèn)為合適的組件、圖片和素材都整理到一起，在紙或者屏幕上進(jìn)行拼貼組合，快速地向他人傳達(dá)設(shè)計師想要表達(dá)的整體“感覺（feel）”，可作為一種可視化的溝通工具。一般包括：視覺風(fēng)格、色彩、字體排版、圖案和紋理整體外觀。
2.情緒板有何用
· 提高工作效率
說到設(shè)計方法論可能大家以為會花很長時間，其實不然，設(shè)計師可以根據(jù)情緒板為基礎(chǔ)向需求方建立一個快速的風(fēng)格指南，從而被輕松編輯。
設(shè)計師可以在風(fēng)格指南的基礎(chǔ)上快速進(jìn)入交互設(shè)計、視覺設(shè)計，且如果需求方的意向發(fā)生改變，設(shè)計師也可迅速調(diào)整設(shè)計方向。
· 更好了解需求
往往設(shè)計師在與需求方溝通的時候，認(rèn)知不在同一個層面，很難完全互相理解。這時情緒版的作用就在于將實際可討論的視覺意向展示出來，讓溝通和討論產(chǎn)生一個實在的落腳點。
· 精準(zhǔn)產(chǎn)出方案
根據(jù)產(chǎn)品屬性和特征尋找大量視覺圖片，包括色彩、肌理、風(fēng)格、形狀等。讓目標(biāo)用戶進(jìn)行挑選，以此作為設(shè)計方向或設(shè)計形式的參考。通常用于提取配色方案、視覺風(fēng)格、質(zhì)感材質(zhì)，為視覺設(shè)計提供靈感。
3.情緒版制作過程 
· 體驗關(guān)鍵詞
首先，要明確產(chǎn)品的定位以及目標(biāo)用戶。在一個需求中，通過團(tuán)隊腦暴和用戶研究，我們可以在有限的區(qū)間內(nèi)創(chuàng)建用戶畫像，綜合品牌及行業(yè)風(fēng)格，可以得出體驗關(guān)鍵詞。關(guān)鍵詞和腦暴類似，包括各個方面，可以是感官、場景或者名詞等等。
· 關(guān)鍵詞聯(lián)想
設(shè)計師根據(jù)創(chuàng)建的體驗關(guān)鍵詞進(jìn)行篩選，再對篩選之后的關(guān)鍵詞進(jìn)行發(fā)散和聯(lián)想，這樣就可以獲得更多的靈感。
· 收集素材
設(shè)計師在關(guān)鍵詞創(chuàng)建完成之后，接下來根據(jù)關(guān)鍵詞在相關(guān)網(wǎng)站尋找相應(yīng)的素材，這里用到最多的是在視覺中國、花瓣美思、Pinterest、Behance等網(wǎng)站中進(jìn)行發(fā)掘。
· 創(chuàng)建情緒版
這一步需要將收集到的素材進(jìn)行歸納和整理，可依據(jù)不同的維度進(jìn)行分類，如設(shè)計內(nèi)容(字體、配色、排版、圖形等)、風(fēng)格意向(扁平化、2.5D、3D等)、應(yīng)用場景(電商、實體、營銷等)
創(chuàng)建情緒版是一個不斷迭代的過程，通常為“選擇素材-排列素材-討論反思-收集來源-選擇素材”循環(huán)往復(fù)，最終產(chǎn)出適應(yīng)當(dāng)前情境的情緒版。
4. 情緒版的類型 
· 拼貼情緒版
拼貼式情緒版是最簡單創(chuàng)建的情緒版方式。在設(shè)計拼貼情緒版的時候，設(shè)計師無需考慮字體大小、圖片尺寸、特定顏色等細(xì)節(jié)問題。搜集一些免費可用的高分辨率圖片，作為素材，以便今后能夠用到項目當(dāng)中去。這些圖片可以制作為情緒板。這些拼貼當(dāng)中還可以加入字體、配色、插畫作為示例。

情緒板設(shè)計方法

· 精致型情緒版
精致型情緒版又被稱為模板式情緒版，這種情緒版可以詳細(xì)規(guī)范字體(字形、字號)、配色、button風(fēng)格、圖片風(fēng)格等個性化元素。借用模板式設(shè)計，展示出產(chǎn)品的結(jié)構(gòu)和視覺層次。相對于效果稿和交互圖，情緒版更為模糊的定義風(fēng)格，組件隨機(jī)分布，圖片和粗略的布局結(jié)合在一起，說明了基本的構(gòu)思。這種情緒板成型更快，因為它不需要細(xì)節(jié)支撐。

情緒板設(shè)計方法

5.情緒版的工具 
· Invision Board
是國外設(shè)計師用的比較多的一個工具，里面可以創(chuàng)建各種情緒板，里面的布局視覺層次也很豐富，上傳和分享也比較容易。

情緒板設(shè)計方法

· Pinterest
是全球設(shè)計師用的最多的情緒板收集平臺，可以里面分享到你的手機(jī)里，任何朋友都可以看到，也可以團(tuán)隊使用，來保障設(shè)計風(fēng)格。

情緒板設(shè)計方法

· 花瓣
國內(nèi)常用，有很多設(shè)計師搜集并分類了很多國內(nèi)外優(yōu)質(zhì)的圖片。

情緒板設(shè)計方法

· Tumblr
有很多很優(yōu)秀的圖片和視頻能很好幫助我們?nèi)フ业揭恍└信d趣的情緒的圖片收集整理。

情緒板設(shè)計方法

6.總結(jié) 
情緒板是創(chuàng)意工作的好幫手，無論是用來尋找靈感還是強(qiáng)化工作流程，都頗為實用。設(shè)計師即要站在自己的角度（設(shè)計師）想問題，又要換位思考，站在用戶的角度想問題。這樣，他才能更加容易接受你的建議。
（鄭重聲明：本文版權(quán)歸原作者環(huán)鐵藝術(shù)家李健所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如有侵權(quán)，請聯(lián)系我們刪除；如作者信息標(biāo)記有誤，請聯(lián)系我們修改。）

網(wǎng)頁題目：網(wǎng)站制作應(yīng)該采用情緒板設(shè)計方法
URL分享：http://aaarwkj.com/news/117355.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站制作等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)