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

更新於 發佈於 閱讀時間約 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
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
不知道各位有沒有發現,有些商品一看就令人印象深刻、久久不忘?又或者某些空間讓你一踏入就感到十分放鬆?這正是設計師巧妙地運用色彩計畫,傳遞出舒適而明確的訊息。簡單來說,色彩計畫就是為了呈現作品理念,有系統地挑選並搭配的顏色,如同衣服穿搭,幫你所要呈現的畫面或視覺元素搭配一套專屬於它的穿搭。
Thumbnail
不知道各位有沒有發現,有些商品一看就令人印象深刻、久久不忘?又或者某些空間讓你一踏入就感到十分放鬆?這正是設計師巧妙地運用色彩計畫,傳遞出舒適而明確的訊息。簡單來說,色彩計畫就是為了呈現作品理念,有系統地挑選並搭配的顏色,如同衣服穿搭,幫你所要呈現的畫面或視覺元素搭配一套專屬於它的穿搭。
Thumbnail
想要和別人不一樣,得先把自己有多點知識和能力,我們都ㄧ直在模仿著別人,才找出自己的特色,同樣一件衣服、一件褲子、一個包包,一樣髮型,但搭配出,不一樣風格,才是有個人特色!
Thumbnail
想要和別人不一樣,得先把自己有多點知識和能力,我們都ㄧ直在模仿著別人,才找出自己的特色,同樣一件衣服、一件褲子、一個包包,一樣髮型,但搭配出,不一樣風格,才是有個人特色!
Thumbnail
上篇我們已經把風格融入在一個網路之中,實現了訓練一次就可以轉換不同的圖片成我們訓練的風格,但是這樣還不夠,因為這樣每個風格都得訓練一個網路來轉換,太浪費了,那麼,我們有沒有辦法在同一個網路中訓練多個風格呢?
Thumbnail
上篇我們已經把風格融入在一個網路之中,實現了訓練一次就可以轉換不同的圖片成我們訓練的風格,但是這樣還不夠,因為這樣每個風格都得訓練一個網路來轉換,太浪費了,那麼,我們有沒有辦法在同一個網路中訓練多個風格呢?
Thumbnail
「設計」方面的音調和色調之間的關係總是固定的。它總是固定的。但「個性」方面的音調和色調之間的關係是不一定固定的。這就是為什麼我們有軌跡。有一個指向,但沒有固定。
Thumbnail
「設計」方面的音調和色調之間的關係總是固定的。它總是固定的。但「個性」方面的音調和色調之間的關係是不一定固定的。這就是為什麼我們有軌跡。有一個指向,但沒有固定。
Thumbnail
  何謂建築現象學?何謂建築的意向性?建築如何被我們知覺?或者說,如何在知覺中意向建築的同一性?在回答這些問題之前,必須先回答我們如何知覺自我的同一性?   以正立方體為例,同一個面相在不同的時間中呈現不同的輪廓。藉由輪廓,我們得到正立方體的「同一性」。我們之所以能夠在前一秒與下一秒的
Thumbnail
  何謂建築現象學?何謂建築的意向性?建築如何被我們知覺?或者說,如何在知覺中意向建築的同一性?在回答這些問題之前,必須先回答我們如何知覺自我的同一性?   以正立方體為例,同一個面相在不同的時間中呈現不同的輪廓。藉由輪廓,我們得到正立方體的「同一性」。我們之所以能夠在前一秒與下一秒的
Thumbnail
資料的統合 在程式設計中,其他人通常關心是否注意到執行的細節。作為程式設計師,主要應該關心的是程式的表現,但往往忽略了很多細節,這些細節可以決定程式的好壞。程式的好壞很大程度上取決於資料的統合,也就是資料是否被正規化。 不同類型的資料在系統中呈現一致 正規化可能對一些人來說聽起來很抽象,有些人
Thumbnail
資料的統合 在程式設計中,其他人通常關心是否注意到執行的細節。作為程式設計師,主要應該關心的是程式的表現,但往往忽略了很多細節,這些細節可以決定程式的好壞。程式的好壞很大程度上取決於資料的統合,也就是資料是否被正規化。 不同類型的資料在系統中呈現一致 正規化可能對一些人來說聽起來很抽象,有些人
Thumbnail
人們相信的東西真是令人難以置信。畢竟,抽象就是這樣過生活的。它生活著,它是人類的方式。抽象的聲音淹沒了我們,使我們相信與真理無關的各種東西。哦,瞭解你在設計中的權勢是如此美好。這是你唯一的機會。因為你的權勢將在遠處嗅到一個想法。因為對一個人來說,最不健康的事情就是在不知道有地方可去的情況下離開流動。
Thumbnail
人們相信的東西真是令人難以置信。畢竟,抽象就是這樣過生活的。它生活著,它是人類的方式。抽象的聲音淹沒了我們,使我們相信與真理無關的各種東西。哦,瞭解你在設計中的權勢是如此美好。這是你唯一的機會。因為你的權勢將在遠處嗅到一個想法。因為對一個人來說,最不健康的事情就是在不知道有地方可去的情況下離開流動。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News