上周我們分享了什么是情緒板以及情緒板如何在設(shè)計(jì)中去運(yùn)用，幫助我們很好的做一些設(shè)計(jì)改版和提案。這周和大家簡(jiǎn)單分享一下，實(shí)際項(xiàng)目中如何用這個(gè)方法去完成一個(gè)方案的設(shè)計(jì)。

項(xiàng)目背景

任何一個(gè)項(xiàng)目的開始，第一個(gè)要做的就是了解項(xiàng)目背景，以及要解決商業(yè)目標(biāo)是什么。

簡(jiǎn)單說下這個(gè)項(xiàng)目，這個(gè)項(xiàng)目是某大牌品牌在淘寶開了一家旗艦店，其中主打產(chǎn)品是口紅。買過口紅的朋友都知道，口紅是分很多色系，質(zhì)地和色號(hào)，用戶訴求希望在淘寶詳情頁(yè)面，展現(xiàn)200多個(gè)色號(hào)。

200多個(gè)SKU，內(nèi)心是很崩潰的。因?yàn)槲覀儌鹘y(tǒng)的SKU選擇最多也就是6、7個(gè)，像衣服尺碼，鞋碼等，幾百個(gè)在當(dāng)時(shí)設(shè)計(jì)上是一大挑戰(zhàn)。

當(dāng)時(shí)頁(yè)面是這樣的，10幾個(gè)已經(jīng)很多。如果在已有的框架下面去增加幾百個(gè)視覺體驗(yàn)緯度，全部展現(xiàn)出來，很明顯不合理，體驗(yàn)會(huì)更差。

當(dāng)時(shí)交互是這樣的，在這里做了一個(gè)入口等級(jí)進(jìn)去展開全部口紅顏色

那么拿到這個(gè)需求，我們要去思考，如果我們按照當(dāng)前這個(gè)邏輯，點(diǎn)進(jìn)去一堆顏色列表的設(shè)計(jì)，用戶是否看得懂，是否有更好的形式去幫助用戶更好的理解這個(gè)使用場(chǎng)景。

運(yùn)用情緒板去思考？

1. 生活映射

設(shè)計(jì)源于生活又高于生活，想像一下你在生活中怎么陪女朋友去逛彩妝店，如果你沒有女朋友（扎心了，老鐵）也應(yīng)該見過彩妝店，或者現(xiàn)在比較火的李佳琦直播；他們是如何去線下買彩妝的，你去觀察絲芙蘭專柜就會(huì)知道答案。

一般用戶會(huì)先去看熱門色號(hào)，再看顏色質(zhì)地，光澤等，線下那些精致的專柜，會(huì)讓你更直觀地看見口紅質(zhì)地，顏色，以及涂抹在嘴上的效果。所以當(dāng)時(shí)在思考，怎么讓用戶在線上也有這種體感感受，我們制定出相對(duì)應(yīng)的情緒板，還原真實(shí)購(gòu)物場(chǎng)景。

2. 顏色映射

對(duì)于美妝場(chǎng)景，顏色和我們UI里面顏色是完全不一樣。在現(xiàn)實(shí)世界里，女生對(duì)于顏色有著很直觀的感受，我們把這種顏色感受記錄在情緒板。

通過在情緒板里面記錄，能很好地把我們想要的色彩如何去表達(dá)能有個(gè)大概的思考?？隙ú皇且粋€(gè)純色塊，這個(gè)體驗(yàn)一定是直觀的，有趣的。

3. 質(zhì)感映射

那么如何去體現(xiàn)口紅，彩妝這種設(shè)計(jì)質(zhì)感？

大家都知道口紅、粉底都是有各種質(zhì)感：?jiǎn)」?，滋?rùn)，閃亮等等。那么對(duì)于這種質(zhì)感，如何通過色彩去很好傳遞給用戶，需要我們?nèi)ニ伎肌?/p>

結(jié)合我們想要做的感覺，需要傳遞給用戶的感受制定到質(zhì)感情緒板，為后續(xù)做提案作為指導(dǎo)。

4. 構(gòu)成映射

思考下在現(xiàn)實(shí)生活里面，比如去染發(fā)，發(fā)型師都會(huì)給我們一個(gè)頭發(fā)冊(cè)子，還有平面設(shè)計(jì)的潘通色卡，以及裝文件的文件夾等，是否可以把這些形式去放在我們?cè)O(shè)計(jì)里面去？

最終設(shè)計(jì)方案

我們運(yùn)用文件夾這種形式為視覺容器載體，文件夾有打開關(guān)閉效果，打開文件夾我們可以清晰看見里面的色彩質(zhì)地和顏色，方便用戶去理解，觸達(dá)用戶內(nèi)心感受。

▲ 文件夾作為視覺容器載體來承載顏色

▲ 每個(gè)文件夾點(diǎn)擊展開是一張對(duì)應(yīng)的質(zhì)感質(zhì)地圖片，幫助用戶理解這個(gè)口紅實(shí)際效果

最后

以上經(jīng)驗(yàn)就是我之前一個(gè)項(xiàng)目案例，如何通過觀察生活，以及如何通過情緒板方法，幫助我們?nèi)ピO(shè)計(jì)一些好的方案，幫忙我們很好的把好的創(chuàng)意運(yùn)用到設(shè)計(jì)中去，希望大家都能掌握這套設(shè)計(jì)方法。

#相關(guān)閱讀#

身為設(shè)計(jì)達(dá)人，你需要知道這個(gè)技巧