01.設(shè)計(jì)構(gòu)思　　做UI設(shè)計(jì)必然得追點(diǎn)時(shí)髦~就那這圖標(biāo)來說吧，從寫實(shí)到扁平在到長投影，變化無窮啊。不知道何年何月一種叫做MBE風(fēng)格的圖標(biāo)橫空出世~~~看幾個(gè)栗子!　　學(xué)會分析成熟的作品很重要，通過以上三個(gè)案...

　　01.設(shè)計(jì)構(gòu)思

　　做UI設(shè)計(jì)必然得追點(diǎn)時(shí)髦~就那這圖標(biāo)來說吧，從寫實(shí)到扁平在到長投影，變化無窮啊。不知道何年何月一種叫做MBE風(fēng)格的圖標(biāo)橫空出世~~~看幾個(gè)栗子!

　　學(xué)會分析成熟的作品很重要，通過以上三個(gè)案例我們來總結(jié)一些MBE風(fēng)格。有明顯的描邊效果、描邊有不規(guī)則的斷線處理、填充色和描邊造型有些錯(cuò)位效果、背景有些小元素烘托氛圍。OK!夠了夠了!也就這么多了~我們不想臨摹，但是你要學(xué)習(xí)。找點(diǎn)你喜歡的題材開始吧!歐耶~

　　02.形體概況

　　選擇一把你喜歡的，開始。我用的AI矢量軟件，所以文件的大小其實(shí)沒所謂。選擇最基本的矩形工具，把實(shí)物概括成最基本的幾個(gè)基本型!注意是概況!還有描邊粗細(xì)的控制!

　　03. 造型優(yōu)化

　　造型是一切的根本!所以一定要盡最大努力，努力，努力的去優(yōu)化造型的美感!沒有捷徑就是多練習(xí)，注意高光區(qū)域的線條提煉方法喲~而且內(nèi)部填充是空白效果為了下一步上色做準(zhǔn)備。

　　04. 色彩搭配

　　開始上色咯~復(fù)制一個(gè)形狀，在現(xiàn)有圖層下方新建一個(gè)圖層(個(gè)人習(xí)慣方便觀察)，然后原位置粘貼Command+f，在調(diào)整一下位置，要填充顏色不要描邊。在利用路徑查找器把多余的部分剪切掉。

　　以此方法類推!把其他顏色做好，注意錯(cuò)位留白位置的統(tǒng)一!多嘗試幾種顏色，視覺永遠(yuǎn)不要只停留在腦海中!把她們做出來。

　　05. 細(xì)節(jié)造型

　　關(guān)鍵來啦~meb風(fēng)格的精髓!斷線，利用剪刀工具在路徑上做些不規(guī)則的修剪效果。大功告成!

　　06. 氛圍營造

　　略有單調(diào)對嗎?那就在加點(diǎn)東西吧~隨便什么三角、圓、啦啦啦~ meb就是如此簡單咯。

　　UI設(shè)計(jì)：https://www.ukong.cn/