視覺設計基礎:萬能的情緒板

2020-12-04 人人都是產品經理

情緒板由能代表用戶情緒的文本、元素、圖片拼貼而成,能夠很好地幫助我們定義設計的方向。

設計是一個主觀的行為,我們在做商業設計的時候需要找到商業和美學的平衡點,這就要求我們有一個客觀的理論去支撐我們的視覺設計。而情緒板是一個能客觀表達我們設計理念的方法,它可以幫助我們定義視覺設計相關的5大內容:色彩、圖形、質感、構圖、字體。情緒板的用法幾乎可以貫穿UI設計的方方面面,所以我稱之為萬能的情緒板。

01 什麼是情緒板?

情緒板是由能代表用戶情緒的文本、元素、圖片拼貼而成的,它是設計領域中應用範圍比較廣泛的一種方法。它可以幫助我們很好的定義設計的方向。

02 情緒板的作用

我們通過情緒板的方法可以幫助我們定義到和我們設計相關的

5大內容:色彩、圖形、質感、構圖、字體

03 如何製作情緒板?

情緒板的製作可以分為五個步驟進行

關鍵詞:尋找主題相關的關鍵詞,關鍵詞包括各個方面,可以是感覺相關的,也可以場景相關的、還可以是名詞相關的,,,只要對我們的主題有幫助都可以放上去關鍵詞聯想:關鍵詞聯想這一步的前提是需要我們篩選之前選出來的關鍵詞,再對精選之後的關鍵詞進行發散和聯想,這樣就可以獲取更多的靈感找素材:關鍵詞聯想完成之後,我們接下來根據這些詞去尋找相關的素材,我一般是在視覺中國、花瓣、海諾創意、Pinterest中進行尋找創建情緒板:這一步需要將我們將找到的素材進行歸納和整理,並最終獲得和我們設計相關的5大內容:色彩、圖形、質感、構圖、字體視覺設計:最後就是進行視覺的設計,在視覺設計之前我一般會手繪出大致的畫面,幫助自己確定畫面的構成,方面之後的設計

04 案例操作

我用一個簡單的案例來幫助大家更好的學習使用情緒板

主題:新年APP啟動頁設計

文案:金狗賀歲 CF STUIO

一說新年我們能想到那些關鍵詞呢?比如:熱鬧、紅包、團聚、貼對聯、拜年…

關鍵詞聯想:

我們再對關鍵詞進行細化和聯想,得到更加詳細具體的關鍵詞,比如:熱鬧,我們可以聯想到吃年夜飯、放煙花、放鞭炮…

找素材:

通過這些關鍵詞我找到了各種圖片素材,有場景相關的、元素相關的、字體相關的、色彩相關的…

創建情緒板:

通過前面的關鍵詞和找的這些素材圖片,我們進行了一次小型的頭腦風暴,最後定下期寄、歡聚這個新年主題,最後在創建情緒板的時候,我們元素的選擇也是往這個方向去靠。

那麼問題來了,創建情緒板的時候應該選擇那些元素呢?我的建議是選擇5大內容相關的圖片:色彩、圖形、質感、構圖、字體

視覺設計:

情緒板創建完成之後,我們最後一步就是視覺的設計了。大家可以看到最終呈現的視覺效果中,大部分元素都是來自於情緒板。

視覺效果圖

總結:在設計如何運用情緒板的五個步驟:關鍵詞、關鍵詞聯想、找素材、創建情緒板、視覺設計

文章到此就已經結束了,感謝大家的閱讀,如果對於情緒板還有什麼疑問和建議的話,請在下方留言。也歡迎大家關注我,接下來小凡會為大家帶來更多UI知識體系系列的文章內容。

本文由 @小凡 原創發布於人人都是產品經理。未經許可,禁止轉載。

題圖由作者提供

相關焦點

  • 展館設計立面構成|運用視覺基礎,力學依據
    具體做法運用視覺基礎,力學依據,基本材料,加上構成原則,一起組合形體。本文杭州展館設計公司水北展陳裝飾旨在讓各位業主以及同行了解展館立面構成知識,讓展館更具鮮明個性。先分析立體構成的,點、線、面以及體這些基本要素。這些基本要素其實都是佔用空間的實體,在某些意義可以換一種稱呼,稱點材、面材、線材以及題材。
  • 設計素描的視覺造型元素與形式表現語言
    現代設計素描是從傳統的純粹的繪畫性素描中分化出來,並在此基礎上發展與完善起來的設計造型表現形式。因而,現代設計素描與傳統繪畫性素描有著內在的、密不可分的必然聯繫。另一方面,現代設計素描與現代造型藝術和現代科學技術緊密相聯,是現代設計藝術和現代科學技術發展的產物與結果。
  • 機器視覺中的光源照明設計
    通過對光源照明設計中光源種類和基礎照明等諸多技術的理論分析,結合光源照明技術在工程案例中的應用技巧,探究了設計光源照明系統時要注意的問題和原則。關鍵詞 機器視覺;光源照明;光源種類;照明技術 機器視覺是計算機科學的一個分支,是用機器代替人眼做各種測量和判斷。一個典型的機器視覺系統包括圖像採集、圖像處理、運動控制部分等。圖像採集是一個重要的環節,它將被測物的可視化圖像和特徵轉化為能被計算機處理的一系列數據。
  • Molecular Cell:視覺的分子基礎被成功揭示
    導言:研究人員已在原子解析度上解決了脊椎動物視覺中涉及的蛋白質複合體的三維結構,這一發現對我們理解生物信號過程和當今市場上超過三分之一藥物的設計具有廣泛的意義。在脊椎動物的視覺中,GPCR視紫紅質能夠檢測到來自一個光子的信號,並通過激活G蛋白轉導蛋白及其下遊效應物,將其放大10萬倍。GPCRs參與了人體幾乎所有的生物過程,它們現今使用的超過30%以上藥物的作用靶點。研究人員利用低溫電子顯微鏡獲得了複雜的視紫紅質--轉導蛋白的原子解析度結構。
  • 機器視覺系統設計的關鍵技術
    照明設計 照明是機器視覺系統中極其重要而又容易為人忽視的環節。其設計是機器視覺系統設計的重要步驟,直接關係著系統的成敗和性能。因為照明直接作用於系統的原始輸入,對輸入數據質量的好壞有直接的影響。光源決不僅僅是為了照亮物體,通過有效的光源設計可以令需要檢測的特徵突出,同時抑制不需要的幹擾特徵,給後端的圖像處理帶來極大的便利。
  • 優秀Logo設計技巧!營造視覺張力
    文/錢峰 標誌作為一種傳遞信息的特殊視覺語言,承載著企業的品牌形象,是企業營銷、發展、乃至生存的重要環節。在標誌設計中視覺張力是影響標誌傳達的重要因素,本文通過對標誌的意念、色彩、圖形等方面的研究,為標誌設計提供一些方法和思路。張力本是物理學範疇中的一個概念,是指受到牽拉的物體中任一截面兩側存在的相互作用的拉力。
  • 韓國留學視覺設計專業有哪些學校可以選擇?
    韓國留學就業方向廣告設計師,平面設計師,多媒體設計師,遊戲設計師,插圖,編輯設計,廣告製作,導演,視頻廣告製作人,自由職業設計師,計算機圖形學專家等。弘益大學專業主要課程: 製圖攝影立體基礎 平面基礎字體排印學 3D設計 設計論 聲音設計 攝影照明設計 研究社會文化性設計 工作室新媒體設計 設計調查 設計管理 設計心理 面試和作品要求: 在學校認證的情況下提交作品可以代替面試,還需要提供推薦信,推薦信必須標明跟申請人的關係等。
  • 品牌的視覺識別系統設計包含哪些東西?
    品牌的視覺識別系統設計,是品牌全案設計工作中非常重要的一部分,簡單點來說是企業視覺識別設計,主要是將企業理念、企業文化、服務內容、企業規範等抽象概念轉換為具體符號,塑造出獨特的企業形象,進行企業VI設計,可以從根本上規範企業的視覺基本要素,是品牌形象塑造過程中的核心部分,包括:品牌名稱
  • 來自視覺的暗示,視覺圖像怎樣設計更能引人注意?
    視覺圖像怎樣設計更能引人注意?這不僅是平面設計需要思考的問題,在室內裝飾中,也存在例如牆面、地面等多個需要進行平面裝飾設計的區域部分。在室內空間中牆面無疑是最能吸引人目光部分,在辦公室裝飾中各種文化牆、背景牆也早已成為裝飾設計中的重點......
  • 萬能計算器
    萬能計算器 生活工具 大小: 9.36M
  • 工業設計和藝術設計都需要美術基礎嗎
    一提起工業設計專業,很多人下意識會想這應該是藝術生考得吧,需要很好的美術基礎,其實這是個誤會,把工業設計和藝術設計混淆了,等同了,工業設計是個工科專業(起碼大部分學校授予工學學位),而且面向文理科招生(以理科生為主),是非藝術類考生能學的為數不多和「藝術」「設計」有點關聯的專業。為什麼工業設計不要求美術基礎呢?
  • 2021年江南大學視覺傳達設計專業考研經驗
    我叫胡楊楊,2019年三跨報考了江南大學設計學院的研究生,報考專業為視覺傳達與信息設計,一戰上岸,總分405,手繪課139,理論課121,政治60,英語85初試第4。在考研之前對手繪可以說是一無所知,我至今佩服自己跨考設計的勇氣和蜜汁自信。下面我即將向大家分享我的上岸攻略,以及踩過的坑。
  • 夯實基礎!平面設計構成原理②
    在平面設計中,在主體視覺元素色彩基本一致的情況下,將其中一個視覺元素的色彩與其餘的視覺元素有較為明顯的差異,這樣的設計手法就是色彩的特異構成原理。●規律特異。在一組具有很強規律性的圖形元素當中添加一個打破這種規律感的圖形元素,讓其以反其道而行的形態存在於畫面之中,這就是規律特異的構成原理。
  • 網站設計過程您只需7個簡單步驟
    網頁設計師經常考慮網頁設計過程,重點是技術問題,例如線框,代碼和內容管理。但是,出色的設計與您如何設置界面甚至流暢的視覺效果無關。出色的設計實際上是關於創建符合總體策略的網站設計。精心設計的網站提供的不僅是美觀。它們吸引訪客,並通過各種指標(包括視覺效果,文字和交互作用)幫助人們了解產品,公司和品牌。
  • 同視萬能電子目鏡讓光學顯微鏡不在束縛眼睛
    以顯微鏡在教學中的應用,許多時候由於對微觀信息的理解和視覺的差異,不便老師向學生或學生請教老師觀察得到的一些信息;只能一個一個學生觀察,不能把顯微鏡下的觀察結果呈現出來,向全班或部分學生當面展示,而且觀察不論是單目還是雙目,觀察都較為困難等等,所以也就影響了利用顯微鏡教學的效率。
  • 糾結小愛音箱的萬能遙控版和Pro?簡單體驗告訴你誰更適合你
    不過在這部分小愛音箱萬能遙控版和小愛音箱Pro也有一定的差距,在網絡的支持上小愛音箱萬能遙控版只支持普通Wi-Fi和2.4G頻段的Wi-Fi網絡,而小愛音箱Pro在此基礎上還可以連接5G頻段的Wi-Fi。
  • 平面設計中的視覺重點!圖形
    圖形以其不可替代的形象化特徵成為平面設計中的視覺重點,以其獨特的魅力理所當然成為設計師們的設計表現重點。圖形種類圖形設計作為視覺傳達的一種基本形式,廣泛地應用於廣告、書籍、包裝、標誌、展示等設計領域。圖形設計是一種以形象和色彩來直觀的傳播信息與交流思想的視覺語言,具有隻可意會不可言傳的獨特魅力,是人類通用的視覺符號,是視覺傳達的基本形式。異影圖形 物象一般只是主題的表象,影像卻是主題的實質反映。
  • 江蘇鋼筋萬能試驗機
    江蘇鋼筋萬能試驗機,打造成為「中國的MTS」是我們的企業願景。江蘇鋼筋萬能試驗機, 功能總述該系列電子式萬能試驗機功能強大、用途廣泛。WAW-1000D微機控制電液伺服萬能試驗機採用油缸下置式、立柱主機,主要用於金屬、非金屬的拉伸、壓縮、彎曲和剪切試驗。
  • 機器視覺應用的攝像頭設計
    此外,還將詳細分析機器視覺的基本組件,攝像頭為滿足應用需求需要哪些條件,以及如何設計出可滿足各種機器視覺應用需求、同時又能在圖像質量與成本之間獲得平衡的攝像頭。本文引用地址:http://www.eepw.com.cn/article/163933.htm總體上說,機器視覺就是讓電子光學系統(攝像頭)連接至如計算機等處理單元,以進行圖像處理並對相關系統實現控制。換言之,機器視覺系統就是指能夠看到目標對象的系統或計算機。受計算機控制的系統可包括生產單元、產品質量控制以及抓放設備等。