WordPress APP 圖示設計如何具有品牌性?這可能是設計師工作中經常會遇到的問題。
 
但很多新人也許並不瞭解什麼是品牌性,更不知道如何將品牌性融入到圖示當中,不過沒關係,看了這篇文章您就不會那麼困惑了!
需要強調一點,文中所講的品牌基因是指視覺上的哦!
 

 
來看下大綱:
1. 提取特定形狀
2. 吸取品牌顏色
3. 抓取風格特點
 
1. 提取特定形狀
通過對 logo 或品牌元素提取特定形狀,這個形狀是固定的、具象的,例如圓形,三角形、字母甚至是 logo 本身等等。
提取出形狀基因後,如何與圖示相結合呢?有三種方法:
1.1 直接應用
最常見的用法就是直接將整個 logo 作為圖示(比如首頁),如下圖:

 
再比如 MONO 的標籤欄圖示,設計的非常大膽,提取 logo 上面的 4 個字母——M 、 O 、 N 、 O 後,直接將其作為圖示,如下圖:

但是這種方法還是有很大的風險,因為畢竟每個字母與功能本身的含義沒什麼聯絡,如果不是非常個性化的 app,還是儘量少用吧!
1.2 做為外輪廓
將提取的形狀作為整套圖示的外輪廓,例如谷歌 play 一樣,提取出三角形後,整套圖示都是以三角形作為外形,如下圖:
 
再比如您提取出一個圓形基因,也可以將其作為外輪廓使用,如下圖:

 
1.3 將圖形與圖示巧妙融合
假如我在 logo 上面提取出一個圓形作為基因,我們可以將這個圓形巧妙的與圖示進行融合,如下圖:
 
但這裏必須要強調一點,很多時候,我們很難將一個特定形狀融入到所有的圖示當中,如果強行融合,難免會讓人覺得死板生硬,所有一定要有所取捨,例如案例中的圖示也不是所有都融入了圓形,如下圖:
 
有同學可能會問,為什麼案例中有些圖示沒有融入圓形基因,也不影響整套圖示的和諧統一呢?
因為它們融入了另外一個品牌基因——顏色。也就是我們接下來要講的內容。
2. 吸取品牌顏色
這招是最簡單直接的方法,直接吸取品牌色作為視覺基因,以此來進行圖示設計,舉幾個例子:、
 
 
顏色基因,我就不多講了,比較容易理解。
但是大家仔細觀察優酷這套圖示,我們會發現除了顏色基因以外,好像在 logo 上還提取了一個疊層的效果,而這種疊層的效果又屬於另外一種品牌基因——風格特點,我們繼續往下看。
3. 抓取風格特點
這部分是今天內容的重點,也是我最近做圖示的一些感受。
我們先來講講如何抓取風格特點!
又要開始拿我的作品來舉例了,還是 iwork 那個 logo:
 
除了顏色以外,我在 logo 上面提取出兩個特點:
斷:是指整個 logo 有兩個斷開的地方
層:是指 logo 有三個不同顏色的深淺,形成前後關係,也就是層級。
那如何將這兩個特點運用到圖示上呢?我們看下圖:
 
 
 
第一步:先畫好基礎形;
第二步:將合適的地方斷開;
第三步:將區域性(小塊)調整顏色,以區分層級;
 
這樣一個具有品牌基因的圖示就誕生了!
其它的圖示也是一樣的道理,最後得到整套圖示如下圖:

上面這個案例只是抓取風格特點的一種結果,不同的案例會有不同的結果,例如網易雲音樂的圖示,是抓取 logo 上圓潤的風格特點,如下圖:
 
而優酷的圖示則是抓取疊層的風格特點,如下圖:
 
小密圈則是抓取斷線的風格特點,如下圖:

來源公眾號:菜心設計鋪 
 
      一篇非常棒的理念分享給大家,跨飛獨立站 WordPress 外貿獨立站網站建設平台,是一家擁有十年 WordPress 外貿獨立站網站建設與程序開發經驗的公司,平台服務專案:WordPress 外貿獨立站網站建設 、 WordPress 微信開發、 WordPress APP 開發、軟件開發、 P2P 金融系統開發、 WordPress 多網校系統開發、一元雲購系 統開發、 WooCommerce O2O 系統開發、 VI 應用設計、商標註冊、 WordPress 站羣網絡營銷、印刷服務等專案。