網(wǎng)站制作應(yīng)該采用情緒板設(shè)計(jì)方法

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

情緒板設(shè)計(jì)方法

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

情緒板設(shè)計(jì)方法

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

情緒板設(shè)計(jì)方法

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

情緒板設(shè)計(jì)方法

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

情緒板設(shè)計(jì)方法

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

情緒板設(shè)計(jì)方法

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

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

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

廣告

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