風格的基礎 - 為什麼版面要用這些元素

閱讀時間約 2 分鐘
「不知道這次的視覺畫面該放些什麼元素嗎?」
其實很多設計師或創意工作者都有這樣的煩惱,就是在進行設計時,不知道該為畫面放上哪些視覺元素,導致設計稿的製作時間不斷延長,拖累了整體的進度;有時甚至還會在設計稿完成之後,才發現放了一堆跟主題沒有關係的視覺元素,導致風格跟主題完全不搭,使目標消費者無法正確的感受到,這個畫面真正想要表達的氛圍到底是什麼。
如果你常常遇到這樣的情況,表示你沒有用「客觀理性」的方式進行設計!
通常在進行商業設計時,我們會先進行文字聯想,再開始搜集相關視覺素材,接著透過客觀的分析與評估,找出商業與美學之間的平衡點。而這一整個設計的流程與方式,我們就稱為「情緒板」,「情緒板」是由能代表「使用者」情緒的文字、元素、圖片所拼貼而成的,它可以幫助你快速的找出設計方向,並使整體視覺風格更加符合設計主題。
「情緒板」的用途非常廣,不僅可以用在視覺設計上,還能運用在使用者介面的UI設計上,它可以定義視覺設計的5大內容:色彩、圖形、質感、構圖、字型,是設計領域中應用範圍較廣泛的一種方法。
接下來,就讓我們一起來看看,製作「情緒板」的步驟流程:
1. 關鍵詞
針對主題目標想一些關鍵詞。
例如:旅遊→開心、飛機、大海...等。
2. 關鍵詞聯想
針對關鍵詞進行聯想,得到更加詳細具體的關鍵詞。
例如:旅遊→拖行李箱、坐飛機、躺在有陽光的沙灘上...等。
3. 顏色
針對主題目標想一些相關的顏色。
例如:旅遊→藍色、白色、綠色...等。
4. 尋找素材
針對剛才關鍵詞的聯想與相關的顏色,去尋找適合的素材照片,並排列拼湊成一整張大圖,這就是「情緒板」。
📷
5. 視覺設計
針對「情緒板」進行客觀的分析與評估,將當中適用的素材,組合到視覺畫面上。
📷
這邊要特別注意,適用的素材不一定全部都要放上去,要依畫面的整體需求,去做素材組合的判斷。
現在你可以知道,原來在設計稿上所呈現的元素,都是從文字聯想轉變成圖案之後,再從當中選出適合的元素來用,所以下次在開始進行視覺設計時,記得先使用「情緒板」,這樣才是正確又有依據的設計方式,絕對不要再自己空想、亂想或隨意擺放元素上去了喔!
為什麼會看到廣告
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
一個設計優良的「按鈕」,不僅可以使介面風格提升,讓使用者行為更流暢,更能大幅增加廣告、EDM的點擊率,因此設計出一個棒又有效的「按鈕」,絕對是大家必須認真看待的一門重要學問與技巧!
「顏色」是設計當中,最重要的元素,不管是品牌、廣告、包裝、商品、網頁、簡報...等,只要跟設計有關的事物,都會有色彩搭配的需求產生,所以「配色」這門學問,是設計師必備的專業知識之一。
創意就是需要你不斷天馬行空,去思考出更好的解決辦法,而產生創意最好的時機,也就是遇到問題的時候,所以要從大腦的思考模式開始訓練,當你遇到了某個困難的問題,就要用逆向的方式去思考,想成該如何解決這個問題,而不是遇到困難就放棄。
偉大的物理學家「愛因斯坦」先生曾說過:「創意就是把不同東西結合在一起,將腦中不同想法、概念結合,就是最好的創意與解決問題的辦法。」,因此,我們可以知道,創意思考的本質,就是產生聯想,如果想要產生高度創意的思考能力,打破撞牆期,就要從訓練大腦的「聯想力」開始!
有很多的初學者,或是剛入行的年輕設計師,總是喜歡一直在自己的設計作品上,加入過多剛學會但沒有必要出現的視覺特效,使消費者眼花撩亂、無所適從,甚至還模糊了想傳達的訊息焦點,讓整個畫面的感覺,像是你看了一部特效很厲害,但其實根本沒有劇情內容的電影一樣,空洞而乏味。
我們習慣使用電腦軟體裡的「對齊工具」,去做內容文字、圖案的對齊動作,因為這樣最簡單、快速、方便。但你有發現嗎?其實很多時候,就算用了電腦的對齊工具,看起來好像還是會偏了一點,視覺上依然無法真正的對齊,這種特別的現象,就稱之為「視錯覺」。
一個設計優良的「按鈕」,不僅可以使介面風格提升,讓使用者行為更流暢,更能大幅增加廣告、EDM的點擊率,因此設計出一個棒又有效的「按鈕」,絕對是大家必須認真看待的一門重要學問與技巧!
「顏色」是設計當中,最重要的元素,不管是品牌、廣告、包裝、商品、網頁、簡報...等,只要跟設計有關的事物,都會有色彩搭配的需求產生,所以「配色」這門學問,是設計師必備的專業知識之一。
創意就是需要你不斷天馬行空,去思考出更好的解決辦法,而產生創意最好的時機,也就是遇到問題的時候,所以要從大腦的思考模式開始訓練,當你遇到了某個困難的問題,就要用逆向的方式去思考,想成該如何解決這個問題,而不是遇到困難就放棄。
偉大的物理學家「愛因斯坦」先生曾說過:「創意就是把不同東西結合在一起,將腦中不同想法、概念結合,就是最好的創意與解決問題的辦法。」,因此,我們可以知道,創意思考的本質,就是產生聯想,如果想要產生高度創意的思考能力,打破撞牆期,就要從訓練大腦的「聯想力」開始!
有很多的初學者,或是剛入行的年輕設計師,總是喜歡一直在自己的設計作品上,加入過多剛學會但沒有必要出現的視覺特效,使消費者眼花撩亂、無所適從,甚至還模糊了想傳達的訊息焦點,讓整個畫面的感覺,像是你看了一部特效很厲害,但其實根本沒有劇情內容的電影一樣,空洞而乏味。
我們習慣使用電腦軟體裡的「對齊工具」,去做內容文字、圖案的對齊動作,因為這樣最簡單、快速、方便。但你有發現嗎?其實很多時候,就算用了電腦的對齊工具,看起來好像還是會偏了一點,視覺上依然無法真正的對齊,這種特別的現象,就稱之為「視錯覺」。
你可能也想看
Google News 追蹤
Thumbnail
在撰寫創意企劃時,最多人遇到的困難就是「到底如何發想創意」?你可能聽說過發想創意的第一步,是大量且持續的學習與累積,但究竟可以從哪些管道開始累積呢?COSMOS 分享了收集創意的方法,提出了五個私藏的好管道!
「構思,動詞,指運用心思,常指寫文章或創作藝術前所用的思考。」 「構思其實是一種想像力,在事情尚未發生之前,先想像出它完成後的模樣。 覺得這模樣還不錯,修修補補,加以完善,然後動手實際操作。」 「有兩種靈感值得珍藏。一種事你明顯感覺到可以跟著他順流而下,把所有關節都打通。 另
Thumbnail
引言: 相信各位有興趣於設計的朋友,也會經常苦惱於毫無靈感的時候。但只要運用以下幾種方法,相信會令大家茅塞頓開,靈感湧現。 1. 研究和理解目標受眾: 研究和理解目標受眾是設計師成功的關鍵之一。透過深入了解目標受眾的偏好、需求、價值觀和使用習慣,設計師能夠創建出更具吸引力和有效的設計方案。
Thumbnail
生活中總會遇到一些事情冒出不舒服的情緒,情緒其實並沒有好壞之分,而是感覺舒不舒服。
Thumbnail
Heuristic 啟發式設計是用戶體驗設計的重要原則之一,涉及了許多與真實世界匹配、用戶控制、一致性和準則等方面,通過一些具體的例子解釋了這些原則的重要性。本文還提供了一些相關的視覺系統狀態和系統與真實世界匹配的例子,同時附帶了一些相關的教程和資料來源。
在今日快速發展的數位時代,設計已成為品牌與產品傳播的核心。封面設計作為一種傳統的行銷手段,在傳達訊息與吸引目標群眾方面,其封面設計的重要性不言而喻。色彩與排版作為封面設計的關鍵元素,能夠直接影響觀眾的第一印象,因此,如何巧妙運用這兩大要素成為了設計師們追求的藝術之一。
Thumbnail
這篇文章主要討論了設計的主客觀問題。透過討論設計師必然面對的主客觀問題,幫助讀者更妥善地處理設計衝突及評價,使設計更趨向完整。
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
網頁設計包含著眾多不同元素和技術,這篇文章列舉了網頁設計的主要組成部分,包括網頁佈局、視覺設計、響應式設計、導航、互動元素、圖像和視頻、動畫和特效,以及SEO優化。
Thumbnail
文案設計是一種重要的視覺傳達技巧,透過文字、圖形、色彩等元素的搭配,傳達出品牌或產品的訊息。其中,色彩是文案設計中不可或缺的元素,它可以影響人們的視覺感受、情緒和心理。學會利用色彩在文案設計中,可以讓你的設計更加吸引人,一眼就被看見。以下將介紹7種常見顏色在文案設計中的魔力,以及它們適合用在哪裡
Thumbnail
在撰寫創意企劃時,最多人遇到的困難就是「到底如何發想創意」?你可能聽說過發想創意的第一步,是大量且持續的學習與累積,但究竟可以從哪些管道開始累積呢?COSMOS 分享了收集創意的方法,提出了五個私藏的好管道!
「構思,動詞,指運用心思,常指寫文章或創作藝術前所用的思考。」 「構思其實是一種想像力,在事情尚未發生之前,先想像出它完成後的模樣。 覺得這模樣還不錯,修修補補,加以完善,然後動手實際操作。」 「有兩種靈感值得珍藏。一種事你明顯感覺到可以跟著他順流而下,把所有關節都打通。 另
Thumbnail
引言: 相信各位有興趣於設計的朋友,也會經常苦惱於毫無靈感的時候。但只要運用以下幾種方法,相信會令大家茅塞頓開,靈感湧現。 1. 研究和理解目標受眾: 研究和理解目標受眾是設計師成功的關鍵之一。透過深入了解目標受眾的偏好、需求、價值觀和使用習慣,設計師能夠創建出更具吸引力和有效的設計方案。
Thumbnail
生活中總會遇到一些事情冒出不舒服的情緒,情緒其實並沒有好壞之分,而是感覺舒不舒服。
Thumbnail
Heuristic 啟發式設計是用戶體驗設計的重要原則之一,涉及了許多與真實世界匹配、用戶控制、一致性和準則等方面,通過一些具體的例子解釋了這些原則的重要性。本文還提供了一些相關的視覺系統狀態和系統與真實世界匹配的例子,同時附帶了一些相關的教程和資料來源。
在今日快速發展的數位時代,設計已成為品牌與產品傳播的核心。封面設計作為一種傳統的行銷手段,在傳達訊息與吸引目標群眾方面,其封面設計的重要性不言而喻。色彩與排版作為封面設計的關鍵元素,能夠直接影響觀眾的第一印象,因此,如何巧妙運用這兩大要素成為了設計師們追求的藝術之一。
Thumbnail
這篇文章主要討論了設計的主客觀問題。透過討論設計師必然面對的主客觀問題,幫助讀者更妥善地處理設計衝突及評價,使設計更趨向完整。
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
網頁設計包含著眾多不同元素和技術,這篇文章列舉了網頁設計的主要組成部分,包括網頁佈局、視覺設計、響應式設計、導航、互動元素、圖像和視頻、動畫和特效,以及SEO優化。
Thumbnail
文案設計是一種重要的視覺傳達技巧,透過文字、圖形、色彩等元素的搭配,傳達出品牌或產品的訊息。其中,色彩是文案設計中不可或缺的元素,它可以影響人們的視覺感受、情緒和心理。學會利用色彩在文案設計中,可以讓你的設計更加吸引人,一眼就被看見。以下將介紹7種常見顏色在文案設計中的魔力,以及它們適合用在哪裡