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