整合的法則 - 為什麼你總是會穿越時空

更新於 發佈於 閱讀時間約 4 分鐘

很多時候,我們需要圖案看起來是一整個系列的感覺,以視覺創作者來說,就是創造自己作品的獨特風格,讓粉絲可以印象深刻,增加記憶點與識別度,若以品牌而言,就稱為視覺規範,要讓顧客每次接觸品牌時,氛圍感受都是相同的。

初學者最常犯的錯誤,就是喜歡將各種不同風格的素材,拼湊在同一張設計稿上,讓視覺產生一種不協調的感覺,就像看電影的時候,本來是現代城市的場景畫面,突然跑出幾個穿古裝的人在街上亂晃,自以為很有創意,卻完全讓觀眾摸不著頭緒,因此,「讓視覺保持一慣的風格」,對設計師來說,是非常重要的一件事。

接下來我們就以設計圖案為例子,進行視覺整合,運用「統一美學」的方式來說明:

● 特徵的統一

每一個圖案,都有相同的配件,或是可以提升辨識度的相同組成元素。

1. 相同配件,例如:大家都有蝴蝶結當配件。

2. 相同元素,例如:大家的眼睛都是愛心形狀。

● 顏色的統一

每一個圖案,都是用相同顏色或色系來配色,並以相同技巧進行填色,例如:平塗、漸層。

1. 相同顏色,例如:大家都是藍色。

2. 相同色系,例如:大家都是飽和色。

3. 填色方式,例如:大家都是漸層填色。

設計之前一定要先考慮清楚,整體視覺選擇「擬物化風格」,有漸層與陰影,或是「扁平化風格」,用純色塊組合,2種風格各有自己的優缺點,可依想呈現的需求、感覺去決定,但千萬不要將這2種風格隨意混搭,造成視覺上的過度混亂。

● 外觀的統一

每一個圖案,都是由相同外觀結構所組成,並有統一的細節、線條、角度。

1. 統一細節,例如:大家耳朵都有一樣大小的圓角。

2. 統一線條,例如:大家的線條都是一樣的粗細。

若圖案裡有些元素太小,例如:鼻子、眼睛,就可以將線條修改成細一點的,但不要與原本線條寬度差距太大,設計之前可以先將線條粗細規則先制訂好,然後再統一按照這規範去設計圖案,這邊要特別注意的,是當你的視覺風格選擇了統一都加上外框線去呈現,就要儘量避免混搭只有色塊沒有外框線的視覺風格,不然就會產生一種視覺上不協調的粗糙感。

3. 統一角度,例如:大家耳朵都是一樣的角度。

「統一美學」就像你看到一家人一樣,外表都會有相同的特徵與特色,讓人輕鬆就能辨識出來,這是「一系列的圖案」,將這些方式組合運用在設計作品上,不僅可以創造出自己的風格,更能增強你的個人識別度,記得,要維持視覺的協調,就不要讓設計元素隨便穿越時空,要擁有識別度,才能讓你繼續邁向更強大的設計之路。

留言
avatar-img
留言分享你的想法!
avatar-img
CJC 設計實驗室的沙龍
91會員
30內容數
2019/10/14
當我們在設計商業廣告時,時常會遇到以照片為主的廣告,而這種類型的廣告,通常是以大面積的照片,搭配上一些簡單的字句,作為主要傳遞情境氛圍的方式,所以照片該如何擺放,在整體的排版構圖上,就顯得非常重要。
Thumbnail
2019/10/14
當我們在設計商業廣告時,時常會遇到以照片為主的廣告,而這種類型的廣告,通常是以大面積的照片,搭配上一些簡單的字句,作為主要傳遞情境氛圍的方式,所以照片該如何擺放,在整體的排版構圖上,就顯得非常重要。
Thumbnail
2019/06/10
我們之前說過Content SEO,策略導向的優化,也就是透過各種行銷方式,讓搜尋引擎在進行搜尋結果運算時,認為該網頁是符合關鍵字的高人氣優質內容,進而使網頁的排名更前面。 所以SEO的決勝重點,就在於Content SEO,行銷的思考策略!
Thumbnail
2019/06/10
我們之前說過Content SEO,策略導向的優化,也就是透過各種行銷方式,讓搜尋引擎在進行搜尋結果運算時,認為該網頁是符合關鍵字的高人氣優質內容,進而使網頁的排名更前面。 所以SEO的決勝重點,就在於Content SEO,行銷的思考策略!
Thumbnail
2019/06/06
說真的,你花了那麼多時間設計網頁,卻沒被搜尋引擎收錄,不是很可惜嗎? 所以接下來,我們就要告訴你,有關於「Technical SEO」的語法重點,讓你的網頁也能快速又有效率的被搜尋引擎收錄進去。
Thumbnail
2019/06/06
說真的,你花了那麼多時間設計網頁,卻沒被搜尋引擎收錄,不是很可惜嗎? 所以接下來,我們就要告訴你,有關於「Technical SEO」的語法重點,讓你的網頁也能快速又有效率的被搜尋引擎收錄進去。
Thumbnail
看更多
你可能也想看
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
不知道各位有沒有發現,有些商品一看就令人印象深刻、久久不忘?又或者某些空間讓你一踏入就感到十分放鬆?這正是設計師巧妙地運用色彩計畫,傳遞出舒適而明確的訊息。簡單來說,色彩計畫就是為了呈現作品理念,有系統地挑選並搭配的顏色,如同衣服穿搭,幫你所要呈現的畫面或視覺元素搭配一套專屬於它的穿搭。
Thumbnail
不知道各位有沒有發現,有些商品一看就令人印象深刻、久久不忘?又或者某些空間讓你一踏入就感到十分放鬆?這正是設計師巧妙地運用色彩計畫,傳遞出舒適而明確的訊息。簡單來說,色彩計畫就是為了呈現作品理念,有系統地挑選並搭配的顏色,如同衣服穿搭,幫你所要呈現的畫面或視覺元素搭配一套專屬於它的穿搭。
Thumbnail
想要和別人不一樣,得先把自己有多點知識和能力,我們都ㄧ直在模仿著別人,才找出自己的特色,同樣一件衣服、一件褲子、一個包包,一樣髮型,但搭配出,不一樣風格,才是有個人特色!
Thumbnail
想要和別人不一樣,得先把自己有多點知識和能力,我們都ㄧ直在模仿著別人,才找出自己的特色,同樣一件衣服、一件褲子、一個包包,一樣髮型,但搭配出,不一樣風格,才是有個人特色!
Thumbnail
上篇我們已經把風格融入在一個網路之中,實現了訓練一次就可以轉換不同的圖片成我們訓練的風格,但是這樣還不夠,因為這樣每個風格都得訓練一個網路來轉換,太浪費了,那麼,我們有沒有辦法在同一個網路中訓練多個風格呢?
Thumbnail
上篇我們已經把風格融入在一個網路之中,實現了訓練一次就可以轉換不同的圖片成我們訓練的風格,但是這樣還不夠,因為這樣每個風格都得訓練一個網路來轉換,太浪費了,那麼,我們有沒有辦法在同一個網路中訓練多個風格呢?
Thumbnail
「設計」方面的音調和色調之間的關係總是固定的。它總是固定的。但「個性」方面的音調和色調之間的關係是不一定固定的。這就是為什麼我們有軌跡。有一個指向,但沒有固定。
Thumbnail
「設計」方面的音調和色調之間的關係總是固定的。它總是固定的。但「個性」方面的音調和色調之間的關係是不一定固定的。這就是為什麼我們有軌跡。有一個指向,但沒有固定。
Thumbnail
  何謂建築現象學?何謂建築的意向性?建築如何被我們知覺?或者說,如何在知覺中意向建築的同一性?在回答這些問題之前,必須先回答我們如何知覺自我的同一性?   以正立方體為例,同一個面相在不同的時間中呈現不同的輪廓。藉由輪廓,我們得到正立方體的「同一性」。我們之所以能夠在前一秒與下一秒的
Thumbnail
  何謂建築現象學?何謂建築的意向性?建築如何被我們知覺?或者說,如何在知覺中意向建築的同一性?在回答這些問題之前,必須先回答我們如何知覺自我的同一性?   以正立方體為例,同一個面相在不同的時間中呈現不同的輪廓。藉由輪廓,我們得到正立方體的「同一性」。我們之所以能夠在前一秒與下一秒的
Thumbnail
資料的統合 在程式設計中,其他人通常關心是否注意到執行的細節。作為程式設計師,主要應該關心的是程式的表現,但往往忽略了很多細節,這些細節可以決定程式的好壞。程式的好壞很大程度上取決於資料的統合,也就是資料是否被正規化。 不同類型的資料在系統中呈現一致 正規化可能對一些人來說聽起來很抽象,有些人
Thumbnail
資料的統合 在程式設計中,其他人通常關心是否注意到執行的細節。作為程式設計師,主要應該關心的是程式的表現,但往往忽略了很多細節,這些細節可以決定程式的好壞。程式的好壞很大程度上取決於資料的統合,也就是資料是否被正規化。 不同類型的資料在系統中呈現一致 正規化可能對一些人來說聽起來很抽象,有些人
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News