超火的MBE風格圖標設計指南

簡約、有趣、好看的偏移填充粗線條描邊的插畫風格,紅遍追波、站酷和國內外的設計平臺——它就是MBE風格

超火的MBE風格圖標設計指南

MBE風格的原創作者是法國設計師MBE於2015年年底在dribbble網站上發佈,從線框型Q版卡通畫演變出來的MBE風格,設計採用了更大更粗的描邊,相比沒有描邊的扁平化風格插畫去除了裡面不必要的色塊區分,更簡潔、更通用、易識別。粗線條描邊起到了對界面的絕對隔絕,突顯內容,表現清晰,化繁為簡;所有此類型的圖標和作品都被稱為MBE風格。

超火的MBE風格圖標設計指南

MBE風格最明顯的特徵是,簡單輕鬆的偏移填充粗線條描邊的插畫風格。在使用描邊線條時不但要結合色彩學還要對作品寄予情感理解的更加通透,當然也不能缺少對審美的認知。

超火的MBE風格圖標設計指南

黑色線條好處是可以突出內容,壞處就是會產生壓抑感削弱內容主題使物體失去生動特性,MBE很好的用斷線的處理方法解決了這個難題,這些斷線的處理並不是根據圖形的去限定個數,它們的數量多少是跟位置有直接關係的。

超火的MBE風格圖標設計指南

扁平化圖形+黑色粗線+斷線處理是MBE風格的固定搭配,但是斷線的處理並不適合在所有的圖形上,既要保持這種新風格又要完成想表達的設計,在線條的顏色和粗線處理上就要有些不同的處理手法。

超火的MBE風格圖標設計指南

MBE風格除斷點式以外,還有一個最大的特徵就是形狀的溢出,其含義應該是想表達物體通過光照折射出來的陰影因為通常溢出的方向都是高光的對側。MBE早期使用色塊溢出作品較多後期基本已經很難見到,原因是因為早期作品圖形都偏於簡單色塊溢出的處理可以給畫面營造質感增加對風格的印象,而後期作品複雜度提升溢出部分無論在顏色還是整理型上很難融合,讓圖形本身突兀破壞本來想傳遞設計思想。

超火的MBE風格圖標設計指南

分析物體包含內容是否屬於一種(材質、數量、介質)上述特性屬性唯一時,即可使用單色系搭配方法找出物體的深淺關係營造質感,畫面表達會更為完整明確。

當想要表達的物體在一個數量以上或者物體本身某一處的材質與其它地方不同,使用顏色區分能更好的傳遞畫面所要的表現的內容,不用刻意保持色相的單一性。

超火的MBE風格圖標設計指南

在色系上作者MBE有時候也會用不同色系製造圖形的氛圍,顏色的基本範圍會控制在三種顏色以下,分別採用鄰近色加補色形成,以下圖形中包含的紅、黃、綠、在色環上角度分別為22.5°的兩色間,色相差為1的配色,均屬於鄰近色相配色。而藍色角度為180°左右,色相差為8的配色,稱為補色色相配色。

超火的MBE風格圖標設計指南

鄰近色是指在色環上相近的兩個顏色,在色彩學中還有類似色相配色、對照色相配色,在模仿和研究MBE風格時不用墨守陳規的去遵循作者的設計元素,在找到規則之後可以靈活使用才是設計的王道。

超火的MBE風格圖標設計指南

在色相的使用上,設計師會遵循色彩基礎原理來進行配色,但是在不同環境下為了能更明確的表達物體本身之間的關係,在藝術形態上會更加具象。

MBE風格的背景圖最初只有圓形、小花瓣、加號三種也是最常用的三種圖形,它們是隨著MBE而來也這種風格標誌直到今天也一直被沿用。

希望以上我的一些分析,可以給小夥伴們在MEB風格的設計上給予幫助。

想要更多MBE風格圖標設計靈感,請看更多↓


分享到:


相關文章: