能修煉到自創一種風格的人絕不簡單,Dribbble大神MBE就開創了一種新的視覺風格,大家于是把這種風格叫做MBE風格,用這種風格來創作圖標或小型插畫,看上去簡潔、圓潤、可愛。幾乎是瞬間,這樣的風格就風靡了整個互聯網UI界。
我們今天就來一起學習一下這類風格,并且運用這類風格繪制一枚圖標。
認識MBE風格
這類風格目前的運用之廣泛,只要大家都在關注各大網站或APP的界面,就會發現這一趨勢。但就只是表面的對元素的借用和拼裝,其實并不能完全學會這一風格。
MBE風格的特點我們剛剛已經講到了,是簡潔圓潤可愛,一個個看來如下:
1、一般是以粗而圓的線條勾勒輪廓,這一點類似于簡筆畫,也類似于單線條畫。其線條粗細適中,越粗的線條在表現力方面會越接近可愛感,線條的轉折過渡很圓潤,幾乎看不到尖銳的直角。
2、填色方面的特點非常明顯,填色的色塊要偏移原有輪廓一些,以此來塑造高光和陰影效果。再填色色塊和線條所形成輪廓之間的偏移所形成的白色會成為一道高光留白,而相對的一方則是陰影。
3、配色是簡單的橙色、黃色、藍色,以高飽和度的亮色為主,表現鮮明可愛的特點。適當時候在這個色彩上進行強弱變化,以體現色彩的層次。
4、線條大多采用一定的“斷線”處理,并運用圓點增加線條的豐富感。
5、如果作為插畫運用,大都增加許多幾何狀小裝飾。我們把這些小裝飾分別命名為“十字形”、“煙花形”、“小圓點”和“小圓圈”,它們以一種隨機分散的狀態點綴在主題周圍。當然,如果用于圖標的話,這個裝飾會顯得累贅。
另外,還有其他的特征,比如水平線的存在,以及物體對象的擬人表情。但我個人覺得這些并非一定的要件,可以適當增刪。通過了解了這些造型特征,才會知道,看上去簡單的風格,實質上并不簡單。接下,讓我們實際動手來個現場感受。