2022-2-22 ui設(shè)計分享達人
情緒板的作用？
情緒板能夠更加幫助設(shè)計師與業(yè)務(wù)方達成設(shè)計共識，并且能夠幫助設(shè)計師定義視覺風(fēng)格與找到設(shè)計方向，使設(shè)計更加合理，為產(chǎn)品賦能。
如何運用情緒板定義視覺風(fēng)格
情緒板的制作流程
情緒板的制作流程大致分為5步：
1、明確原生關(guān)鍵詞
了解項目背景或需求本身的方向，通過內(nèi)部討論，用戶研究和品牌等方式定出3-5個原生關(guān)鍵詞，通常定出的詞都比較抽象。
2、挖掘衍生關(guān)鍵詞
在原生關(guān)鍵詞的基礎(chǔ)上讓參與者發(fā)散得到更精準的二級詞語，能夠更加準確的定位到圖形傳達方向，最好是一些情緒和視覺表達的形容詞。
可通過視覺映射、心境映射、物化映射，得到用戶理解的“抽象關(guān)鍵詞”所對應(yīng)的“具象定義”。
3、搜索關(guān)鍵詞圖片
確定完關(guān)鍵詞后，可在pinterest、花瓣等設(shè)計網(wǎng)站上建立情緒板圖庫，按照人，事，物，形、色、字、構(gòu)、質(zhì)等方向收集大量的對應(yīng)圖片素材來匹配關(guān)鍵詞。
4、建立情緒板
對應(yīng)每個關(guān)鍵詞，從情緒板圖庫中提取高質(zhì)量能夠代表關(guān)鍵詞意思的人，事，物，形、色、字、構(gòu)、質(zhì)去展示，以此喚醒用戶對關(guān)鍵詞情緒體驗。
5、提取視覺風(fēng)格準則
根據(jù)情緒板圖庫中的圖片提取出視覺風(fēng)格準則，包含：圖形、顏色、質(zhì)感、構(gòu)成、字體等視覺風(fēng)格準則。
舉個案例說明：
明確原生關(guān)鍵詞
討論原生關(guān)鍵詞
了解項目背景或需求本身的方向，通過內(nèi)部討論（可叫上產(chǎn)品、運營、老板等進行討論），用戶研究和品牌等方式定出3-5個原生關(guān)鍵詞，通常定出的詞都比較抽象。
確定原生關(guān)鍵詞
從討論的關(guān)鍵詞中提取3-5個最適合的關(guān)鍵詞。
2、挖掘衍生關(guān)鍵詞
在原生關(guān)鍵詞的基礎(chǔ)上讓參與者通過視覺映射、心境映射、物化映射，發(fā)散得到更精準的二級詞語，能夠更加準確的定位到圖形傳達方向，最好是一些情緒和視覺表達的形容詞。
3、搜索關(guān)鍵詞圖片
確定完關(guān)鍵詞后，可在pinterest、花瓣等設(shè)計網(wǎng)站上建立情緒板圖庫，按照人，事，物，形、色、字、構(gòu)、質(zhì)等方向收集大量的對應(yīng)圖片素材來匹配關(guān)鍵詞。
4、建立情緒板
對應(yīng)每個關(guān)鍵詞，從情緒板圖庫中提取高質(zhì)量能夠代表關(guān)鍵詞意思的人，事，物，形、色、字、構(gòu)、質(zhì)去展示，以此喚醒用戶對關(guān)鍵詞情緒體驗。
5、提取視覺風(fēng)格準則
根據(jù)情緒板圖庫中的圖片提取出視覺風(fēng)格準則，包含：圖形、顏色、質(zhì)感、構(gòu)成、字體等視覺風(fēng)格準則。
總結(jié)
情緒板作為一種常用的設(shè)計方法論，能夠幫助設(shè)計師更加合理的總結(jié)出合適的視覺風(fēng)格。設(shè)計不僅僅是只是跟隨著設(shè)計趨勢，怎樣找到適合產(chǎn)品的視覺風(fēng)格，是每個設(shè)計師更需要去掌握的內(nèi)容。
以上內(nèi)容，是學(xué)習(xí)如何定義視覺風(fēng)格的其中一種方法，希望對大家有所幫助，如有不同意見，歡迎指正！
圖片版權(quán)歸原作者所有
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍藍設(shè)計的小編 http://www.yvirxh.cn