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

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

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

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

　　02.形體概況

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

　　03. 造型優(yōu)化

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

　　04. 色彩搭配

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

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

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

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

　　06. 氛圍營造

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

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