選單

教你如何讓漸變logo千變萬化

教你如何讓漸變logo千變萬化

品牌力求打造獨一無二的標誌,漸變logo就變得備受青睞。

漸變在大眾固有印像中,只存在於顏色中。不不不,漸變不只於顏色色彩漸變那麼簡單……。

01-什麼是漸變?

漸變,或稱漸移,它是以類似的基本形或骨髂,漸次地、循序漸進地逐步變化呈現一種有階段性的調和秩序。

這種表現形式在日常生活中是極為常見的,如自然界中物體近大遠小等現象、海洋生物中的海螺生長結構。

教你如何讓漸變logo千變萬化

形象的大小、疏密、粗細、空間距離、方向、位置、層次、色彩的深淺、明暗、快慢、強弱都是漸變現象,在視覺效果上會產生多層次的空間感。人們透過聽覺或視覺的感受,作用於生理,產生種美感。

02-漸變的優勢與作用

瞭解完什麼是漸變之後,我們還得去了解漸變具備什麼優勢和作用。

<具有規律性、能夠產生一種有順序、有節奏的變化>

這個說的是,漸變本身就是一種規律性極強的表現形式,就像聲波電圖一樣,跌宕起伏富有節奏。

<強烈的透視感和空間感>

漸變能夠將二維平面變成三維立體,如:建築繪製,利用透視來展現建築多個面,突破平面束縛。

<元素統一,產生秩序性>

設計複雜的logo,元素與元素之間的統一性就很重要了,如果這些元素之間沒有秩序,看起來不像是一個整體,這就是一個失敗的logo。

03-漸變的形式

漸變的形式是多方面的,形象的大小、疏密、粗細、位置、方向、層次等,色彩的深淺、明暗,聲音的強弱都可以達到漸變的效果。

基本形的漸變

形狀漸變

教你如何讓漸變logo千變萬化

由一個形狀逐浙變化為另一個形狀。月蝕出現,從一彎月牙慢慢變成一輪圓月。一個可以採用對一個形的壓縮、削減、位移或兩形公用一個邊緣等途徑來實現從一個形到另一個形的轉化。有具象浙變和抽象浙變兩種形式。

破繭成碟便是形狀漸變。毛毛蟲化繭,繭脫殼變成蝴蝶。形狀漸變亦是如此,從一個形態轉化成另一種形態。

教你如何讓漸變logo千變萬化

大小漸變

教你如何讓漸變logo千變萬化

大小漸變就是單元形由大變小或由小變大的過程,給人以空間感和運動感。依據近大遠小的透視原理,將基本形作大小序列的變化。

方向浙變

教你如何讓漸變logo千變萬化

將基本形作方向、角度的序列化。會使畫面產生起伏變化,增強立體感和空間感。

位置浙變

教你如何讓漸變logo千變萬化

將基本形在畫面中或骨格單位的位置作有序的變化。會使畫面產生起伏波動的視覺效果。

色彩漸變

教你如何讓漸變logo千變萬化

色彩漸變,就是單元色的變化,明度的變化、色相的變化亦或是飽和度的變化

骨骼漸變

限骨骼線的位置依據數列關係遂漸的有規律的循序變動。住住產生令人眩目的效果。

常用骨骼的漸變,分別為:單元漸變、雙元漸變

單元漸變

教你如何讓漸變logo千變萬化

叫做一次元漸變,就是隻用一組網格線進行漸變。畫一個簡單的網格,現在裡面的網格線是兩組,水平的一組,垂直的一組,都是平均分配,沒有漸變。

教你如何讓漸變logo千變萬化

水平方向的網格線不動,我們給垂直方向的網格線加入漸變,這就是網格的單向漸變。現在的是內緊外鬆的,內鬆外緊的,也可以。

雙元漸變

教你如何讓漸變logo千變萬化

也叫二次元漸變, 指的是兩組網格線同時變化。在單向漸變的基礎上,另一組網格線在一個畫面裡同時變化,這就是雙向漸變。形式上比單項的稍複雜一些,在logo中用的不算多,不過在設計圖形的時候經常出現。

04-案例賞析

乾枯的理論,肯定有人還沒完全搞懂,沒關係,下面的時間來欣賞一些logo作品,看看這些漸變logo都是如何使用這些方式的,加深一下對漸變的理解。

形狀漸變

教你如何讓漸變logo千變萬化

教你如何讓漸變logo千變萬化

這款logo骨骼漸變網格沒有發生變化,垂直水平的網格線是平均分配的,只是圖形的形象變化。所以說它的形象發生了漸變。

大小漸變

教你如何讓漸變logo千變萬化

教你如何讓漸變logo千變萬化

接下來,我們來看看這款logo

跟上一個logo一樣,骨骼漸變網格並未發生變化,橫向網格線只有一條,縱向網格線平均分配,圖形大小的進行了變化,所以logo的大小進行了漸變。

大小、方向、骨骼漸變

教你如何讓漸變logo千變萬化

教你如何讓漸變logo千變萬化

看一看這款logo,相較於前兩個logo,稍微複雜一點。第一眼你看到的便是大小、方向的漸變,試著將網格畫出來,我們會發現其中縱向網格線向右偏移,形成清晰的單元漸變。

形狀、大小漸變

教你如何讓漸變logo千變萬化

教你如何讓漸變logo千變萬化

HIVE這個logo,我們試著將骨骼漸變網格繪畫上去,網格並未發生變化,縱向網格線一條,橫向網格線大致平均分佈。圖形從由上至下,形狀和大小發生了改變,所以是形象、大小漸變。

大小、方向、位置、骨骼漸變

教你如何讓漸變logo千變萬化

教你如何讓漸變logo千變萬化

繼續看案例,國立科學博物館logo。首先骨骼漸變網格,可以看到橫向網格沒發生變化,縱向網格形成上松下緊的狀態,同時大小、方向和位置發生了漸變,形象和色彩上並未發生變化。

色彩漸變

教你如何讓漸變logo千變萬化

教你如何讓漸變logo千變萬化

這個logo沒有看出有著骨骼漸變、形狀、大小、方向、位置漸變等,單純地使用了色彩漸變,不同的顏色漸變,顯得logo不單薄。

方向漸變

教你如何讓漸變logo千變萬化

教你如何讓漸變logo千變萬化

最後我們看這個複雜案例,鞏固漸變形式。

我們將網格畫出,我們將一層一層圖形看做一個整體圖形發現分別是由一個一個半圓形組成的,二者只進行了方向漸變,其他五項並未運用。

形狀、方向、骨骼漸變

教你如何讓漸變logo千變萬化

繼續往下看,我們從整體logo觀察,外圍是一圓形形、半圓形方向漸變得來的圖形,內部是一個圓形,一層一層下來,形狀各不相同,從網格看內緊外鬆。整個logo由形狀、方向、、骨骼漸變形式構成。這樣我們的漸變的形式就搞懂了!設計漸變型的logo或者圖形的過程中還是需要注意,注意一定要把控好漸變的節奏,保證秩序統一。

教你如何讓漸變logo千變萬化

作者|早山設計 肖世元