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

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

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

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

　　02.形體概況

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

　　03. 造型優(yōu)化

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

　　04. 色彩搭配

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

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

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

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

　　06. 氛圍營(yíng)造

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

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