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

　　01.設計構思

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

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

　　02.形體概況

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

　　03. 造型優(yōu)化

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

　　04. 色彩搭配

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

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

　　05. 細節(jié)造型

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

　　06. 氛圍營造

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

　　UI設計：https://www.ukong.cn/