轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.shtzxx.cn  )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)  、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、  網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

 

       情緒版 這種方法在國(guó)外的應(yīng)用已經(jīng)有一定的歷史了，它誕生于上世紀(jì)的非信息時(shí)代，通常參與者被要求從日常的報(bào)刊雜志 中挑選出符合“某種心情意境或關(guān)鍵詞”的圖片，把圖片減下來(lái)，然后粘貼在一起。但時(shí)代在

變，如今我們正經(jīng)歷著信息爆炸的網(wǎng)絡(luò)時(shí)代——google、百度各種圖片搜索引擎的進(jìn)入了我們的生活；Shutter Stock、全景圖等國(guó)內(nèi)外專(zhuān)業(yè)圖片素材網(wǎng)站的異軍崛起 ——這不得不讓我思考，“情緒版”這種方法是不是也能感受一下黨中央的號(hào)召，“與時(shí)俱進(jìn)”一下呢？

        在今年10月份的安卓客戶(hù)端設(shè)計(jì)研究的項(xiàng)目中，我們組織用戶(hù)參與嘗試了這個(gè)研究方法，并且對(duì)該方法的操作實(shí)施細(xì)節(jié) 與分析過(guò)程 進(jìn)行了一些小小的改良。希望通過(guò)這邊文章，與大家分享一下整個(gè)方法的流程。

 

1 傳統(tǒng)意義上，情緒版的定義和意義

        MOOD BOARD（情緒版），是指對(duì)要設(shè)計(jì)的產(chǎn)品以及相關(guān)主題方向的的色彩，圖片，影像或其他材料的收集，從而引起某些情緒反應(yīng)， 以此作為設(shè)計(jì)方向或者是形式的參考。幫助設(shè)計(jì)師明確視覺(jué)設(shè)計(jì)需求，用于提取配色方案、視覺(jué)風(fēng)格、質(zhì)感材質(zhì)，以指導(dǎo)視覺(jué)設(shè)計(jì)，為設(shè)計(jì)師提供靈感。

 

2 傳統(tǒng)情緒版的操作方法

2.1 首先，綜合用戶(hù)研究結(jié)果、品牌/營(yíng)銷(xiāo)策略、內(nèi)部討論等方式明確體驗(yàn)關(guān)鍵詞，可以得出體驗(yàn)關(guān)鍵詞（Experience Keywords）。通常，這也會(huì)是一個(gè)商業(yè)決定。

2.2 其次，可邀請(qǐng)用戶(hù)、設(shè)計(jì)人員或決策層參與一段時(shí)間的素材收集工作。通常會(huì)從日常接觸的報(bào)刊雜志中選取并粘貼到一起。

2.3 再次，會(huì)針對(duì)每個(gè)人的情緒版收集起來(lái)，配合以定性的訪(fǎng)談，了解選擇圖片的原因，挖掘更多背后的故事和細(xì)節(jié)。

2.4 最后，將素材圖按照關(guān)鍵詞聚類(lèi)，提取色彩、配色方案、機(jī)理材質(zhì)等特征，作為最后的視覺(jué)風(fēng)格的產(chǎn)出物。

 

3 改良版MOOD BOARD

在安卓客戶(hù)端視覺(jué)風(fēng)格研究中所嘗試的方法流程——

3.1 第一步，原生關(guān)鍵詞。

        與傳統(tǒng)操作方法（上一段所介紹的2.1）沒(méi)有差異。

3.2 第二步，衍生關(guān)鍵詞。

        在這個(gè)研究中，我們對(duì)傳統(tǒng)情緒版流程進(jìn)行了一些改變 ，允許 參與者使用圖片搜索引擎 和素材網(wǎng)站 查找圖片的。但是 ，如果僅通過(guò)單純對(duì)原生關(guān)鍵詞的搜索，很容易導(dǎo)致 不同參與者提供的圖片素材出現(xiàn)同質(zhì)化的問(wèn)題 。所以，在搜索圖片之前，插入了“衍生關(guān)鍵詞”這個(gè)步驟 。我們要求參與者首先頭腦風(fēng)暴畫(huà)出關(guān)鍵詞的思維導(dǎo)圖（如下圖）。一方面，合理地引導(dǎo)調(diào)研對(duì)象發(fā)散思路，另一方面，也在過(guò)程中深挖原生關(guān)鍵詞在他們心中的定義。

衍生關(guān)鍵詞誕生訪(fǎng)談：

•  自由發(fā)散問(wèn)題——看到“簡(jiǎn)潔”你想到了什么？
•  引導(dǎo)發(fā)散問(wèn)題——如果“簡(jiǎn)潔”是一種顏色，你覺(jué)得是什么？為什么？如果“簡(jiǎn)潔”是一種食物，你覺(jué)得是什么？為什么？如果“簡(jiǎn)潔”是……

3.3 第三步，圖片搜索，提取圖片生成情緒版。

        在這階段，要求用戶(hù)使用“原生關(guān)鍵詞 ”和“衍射關(guān)鍵詞 ”，通過(guò)網(wǎng)絡(luò)渠道，收集了大量的對(duì)應(yīng)的素材圖并配合定性訪(fǎng)談。

 

  3.4 第四步，衍生關(guān)鍵詞的分析——分維詮釋

        在生成情緒版的同時(shí)，用研將所有 “衍生關(guān)鍵詞 ”按照三個(gè)維度 去分類(lèi)整理。這個(gè)過(guò)程的目的 是幫助項(xiàng)目組成員從用戶(hù)的角度去理解“抽象關(guān)鍵詞 ”的“具象詮釋 ”。所有的關(guān)鍵詞可按照以下三個(gè)維度分類(lèi)——

• 視覺(jué)映射
• 心境映射
• 物化映射

 3.5 第五步，對(duì)情緒版進(jìn)行“色彩分析”和“質(zhì)感分析”

        很多傳統(tǒng)的情緒版 調(diào)研方法可能在情緒版生成后就結(jié)束 了，這種做法很可能導(dǎo)致 研究和最后的設(shè)計(jì)產(chǎn)出的脫節(jié) 。因?yàn)椋O(shè)計(jì)者們往往停留在自己的主觀消化和感觸 中，再開(kāi)展設(shè)計(jì)，缺少較客觀的度量方法。在這次的調(diào)研中，我們最終生成的產(chǎn)出物之一是相應(yīng)的配色方案。

         電子化的情緒版 對(duì)后期的“色彩分析”也是比較方便。

        一方面，我們將情緒版在PS中進(jìn)行高斯模糊 ，再使用顏色滴管 提取大色塊。當(dāng)然，現(xiàn)在已經(jīng)有很多用戶(hù)配色方案提取的網(wǎng)站和軟件，這樣更事半功倍。

        另一方面，結(jié)合 衍生關(guān)鍵詞的分析結(jié)果，講情緒版中較高頻物化紋理和材質(zhì) 提取出來(lái)。