風格設定-情緒版
情緒板(英:Mood Board)是一種啟發式和探索性的方法,設計師將自己認為合適的情境、圖片和素材都整理到一起,在紙或者螢幕上進行拼貼組合,快速地向他人傳達設計師想要表達的整體「感覺(feel)」,可作為一種可視化的溝通工具。一般包括:視覺風格、色彩、字體排版、圖案和紋理整體外觀。
原文網址:設計師進階筆記|情緒板應用,提高工作效率
情緒板運用到雜誌視覺風格設計中,通過探索用戶的心理情緒和需求,可以將感受可視化,並作用於視覺風格的走向、封面與內頁排版等各個方面。為視覺細節的產出奠定理論基礎。
- 第一步 確定原生關鍵詞:基礎關鍵詞一般在3-5個之間,同時原生關鍵詞,一定要抽象化,不能過於具體。主要關鍵詞要少而精,列出最重要的三個
- 第二步 確定衍生關鍵詞:由於第一步的原生關鍵詞大多都比較抽象,因此我們需要對其進行發散和聯想。從而需要更多具體關鍵詞,後續才能更容易找到相應的圖片,具體關鍵詞一般都是具體的物體,可分為:
視覺映射:以理解為聯想到的視覺表現,比如:品質——金色、黑色、幾何形;簡潔——白色、明亮、硬的;友好——鄰近色、圓角、圓形等。
心境映射:可以理解為聯想到的心境感受,比如:品質——高端、貴重、稀有;簡潔——空曠、乾淨、整齊;友好——溫暖、親切、舒服等。
物化映射:可以理解為聯想到的具體事物,比如:品質——iPhone、寶馬、香奈兒;簡潔——白盤子、玻璃、白紙;友好——枕頭、毛絨玩具、海豚等。
總結:為了更科學地找圖,第一步確定3-5個原生關鍵詞,第二步在每個原生關鍵詞下拓展3個衍生關鍵詞。
- 第三步 搜集圖片素材:可至相關網站搜尋情緒版關鍵圖。搜集好圖片後,可先內部篩選,再將挑選出來的圖片打亂並依次排列,邀請目標用戶進行再次挑選。相關網站如:Pinterest、Dribbble、unsplash等。
- 創建圖庫式的情緒板:在生成情緒板圖片後,結合衍生關鍵詞的分析結果,進行視覺風格的提取,主要包括:圖形、色彩、字體、構成、質感。
參考網址:情緒板在移動UI設計中的應用
情緒板風格設定範例
- 範例一:『日安』原生關鍵字:生活、休閒、舒適
- 確定原生關鍵字與衍生關鍵字
- 搜集與篩選情緒板圖片,並產生風格色調
- 範例二:原生關鍵字-慢調、典雅、自然
- 確定原生關鍵字與衍生關鍵字
- 搜集與篩選情緒板圖片
- 產生主色調
情緒板雜誌風格設定範例
- 情緒板製作軟體:線上免費編輯設計| Adobe Spark
- 使用 Canva 線上創作激發靈感的情緒板
情緒版相關製作檔案
- 情緒板製作軟體:線上免費編輯設計| Adobe Spark
- 使用 Canva 線上創作激發靈感的情緒板
相關推薦文章連結
- 情緒板(Mood board)操作流程的新思考
- 五個階段,了解產品設計流程
- 理性地定義視覺風格——情緒板
- 設計師進階筆記|情緒板應用,提高工作效率
- 讓視覺設計變得高效+有說服力的4個步驟
- 情緒版的視覺設計表現方法與運用
作業04 |雜誌封面分析與設計
請參考
作業區
期中作業 |雜誌專題提案|含封面設計最終稿,完成其中雜誌定位之部分:
雜誌封面分析與設計
- 五組封面設計分析
挑選至少五本與主題風格類似的雜誌封面進行元素結構、編排與風格的分析。
封面分析範例
分析案例1|Design設計雜誌NO185|2015-10-11
以簡潔清爽之風格為主,封面底色為淺藍色,主圖為工具之攝影拼貼為本期專題報告之創客英文MAKER $?,呼應專題報導內容及其省思。
- 雜誌概念提案
- 情緒板
- 根據情緒版設計至少三組封面提案,分別說明:
- 封面刊頭字體設計(字體(或自行設計)、級數、呈現風格。
- 編排概念(含使用字體原則)
- 最終選定一組最為最後精稿定案,請務必以真實文字呈現,不可有假字。(請列印出A4精稿,上課繳交)
請延續作業02、03,自行整理期中報告格式,下次上課與老師討論進度。
簡報格式範本 僅供格式參考,內容請自行撰寫,並設計成自己的風格。
請將報告原始檔與pdf檔,及封面設計稿上傳至
雲端作業區,原資料夾內:HW02|學號|姓名,檔名,新增作業04內容頁數,供上課討論。