使用Photoshop的路徑工具繪制卡通描邊風格的圖標(MBE風格),也可以應用在產品的logo上,教程很簡單,但需要注意細節及配色,是一個比較基礎的UI設計教程。
標志logo設計評估指數:96
品牌vi設計評估指數:69
使用Photoshop的路徑工具繪制卡通描邊風格的圖標,也可以應用在產品的logo上,教程很簡單,但需要注意細節及配色,是一個比較基礎的UI設計教程。
MBE風格特點
1、線條
加粗深色描線:MBE風格最大的特點就是,比原本插畫更粗更大的線條光環一般把作品詮釋的更加閃耀。
斷點:黑色線條好處是可以突出內容,壞處就是會產生壓抑感削弱內容主題使物體失去生動特性,MBE很好的用斷線的處理方法解決了這個難題,這些斷線的處理并不是根據圖形的去限定個數,它們的數量多少是跟位置有直接關系的。
2、溢出
MBE風格除斷線以外最大的特別就是色塊的溢出,其含義應該是想表達物體通過光照折射出來的陰影因為通常溢出的方向都是高光的對側。
圖形簡單溢出填補空白,復雜則破壞氣氛,溢出與表達思想結合增加美感。
3、色彩
單色系:分析物體包含內容是否屬于一種(材質、數量、介質)上述特性屬性唯一時,即可使用單色系搭配方法找出物體的深淺關系營造質感,畫面表達會更為完整明確。
鄰近色+補色:在色系上作者MBE有時候也會用不同色系制造圖形的氛圍,顏色的基本范圍會控制在三種顏色以下,分別采用鄰近色加補色形成,以下圖形中包含的紅、黃、綠、在色環上角度分別為22.5°的兩色間,色相差為1的配色,均屬于鄰近色相配色。而藍色角度為180°左右,色相差為8的配色,稱為補色色相配色。當想要表達的物體在一個數量以上或者物體本身某一處的材質與其它地方不同,使用顏色區分能更好的傳遞畫面所要的表現的內容,不用刻意保持色相的單一性。
鄰近色+類似色:鄰近色是指在色環上相近的兩個顏色,在色彩學中還有類似色相配色、對照色相配色,在模仿和研究MBE風格時不用墨守陳規的去遵循作者的設計元素,在找到規則之后可以靈活使用才是設計的王道。中國設計師SA 9527這組的設計中使用了另外一組鄰近色加上類似色的使用(紅、粉、橘、黃)更好的表達了一種新年的氣氛。
4、圖形
MBE風格的背景圖最初只有圓形、小花瓣、加號三種也是最常用的三種圖形,它們是隨著MBE而來也這種風格標志直到今天也一直被沿用。當然天生具有靈活思維的設計師們不會僅僅停留在這三種元素的組成,通過不同位設計師的演變它們被改變顏色、位置、大小另外也衍生了一些與扁平風格的結合,這種改變都是通過圖形本身特有的氣質而改變。