幾種插畫風格在移動端界面設計中的運用

王碧琳

摘要：移動互聯網高速發展，移動端界面設計有著不同的風格，本文主要研究常見的幾種插畫風格的運用。從幾種插畫風格的分類出發，向在界面設計中運用的特點進行分析，總結了插畫風格在移動端界面設計中的獨特性和重要性。插畫風格界面設計是傳統繪畫藝術和現代科技的完美結合，提升7用戶使用的愉悅性，加深了用戶對品牌形象的理解。

關鍵字：插畫界面設計移動互聯網

互聯網行業發展迅速，根據《移動互聯網藍皮書：中國移動互聯網發展報告（2018）》，“移動互聯網用戶總量增長放緩，用戶結構優化，數據流量倍增，2017年中國移動互聯網接人流量達到246億GB，全年月戶均移動互聯網接人流量達到1775兆（MB），是2016年的2.3倍”，我們可以了解到，我國移動互聯網用戶使用率居高不下。

在移動互聯網的發展中，移動界面設計，也就是移動端UI設計的優良與否，對行業的發展也起著非常重要的作用。優秀的界面設計能夠拉近用戶與應用軟件的距離，能夠增加對用戶的吸引力。

一、移動端界面設計中常見的幾種插畫風格

用戶的審美能力逐漸提高的今天，各式各樣優秀的界面設計風格也在市場上流行開來。作為視覺設計的一種常見的表現形式，插畫在移動界面設計中的運用也越來越普及，出現了很多插畫風格的移動界面設計，比較常見的插畫風格有扁平插畫風格、手繪插畫風格、MBE插畫風格、半立體插畫風格。

1.扁平插畫風格

背后是計算機技術與交互設計互相交織的大數據時代，扁平化風格依靠著現代人刪繁就簡的生活理念，已經滲透到了移動端界面設計的方方面面。從微軟的Windows phone到谷歌的Android 7，再到現在蘋果的IOS 12，扁平化風格設計勢不可擋，風靡界面設計行業。由此基礎上發展而來的扁平插畫風格，特點鮮明，普及率高，主要特點有簡潔明了，去掉繁文縟節，對事物最大程度的概括和沉淀。扁平化風格再結合插畫的生動活動，使界面又不失趣味性。

用戶在接觸此類風格界面的時候可以更快地理解到信息的核心，節約時間和成本，對于APP的推廣和提高受眾接受度也十分有利。

2.手繪插畫風格

在扁平風大行其道的時代，還有一部分界面設計是采用傳統手繪風格的。手繪插畫具有豐富性、生動性等特點，表現力強，展現范圍廣，對設計師的美術功底要求較高。以前的手繪插畫是采用傳統的繪畫工具來體現的，一般是借助筆墨紙硯、顏料來創作。在傳統手繪插畫的基礎上，可以借助新興的數碼科技，在移動端界面上應用數碼手繪插畫，同樣可以體現繪畫中的肌理、筆觸、質感等等。手繪插畫風格的界面設計藝術效果更具有親和力和情感化。

3.MBE插畫風格

MBE風格是2015年法國設計師MBE在driloble網站上創作的一種Q版卡通風格。這種風格在移動端界面設計界運用較為廣泛，因其簡潔的造型、明確的邊緣、鮮明的色彩、圓潤的輪廓、可愛活潑的視覺感受而造成了突出的視覺效果。MBE風格在填色方式方面獨具特色，內部的色塊要向平行方向偏離一點，距離輪廓線條有一點距離，這個距離最寬的地方數值往往不低于輪廓的寬度數值，以此可以體現高光和陰影，塑造光感。描邊線條往往采用斷點式和無斷點式交互出現，不死板，有呼吸感。

4.半立體插畫風格

半立體插畫風格是在扁平化風格的基礎上，保持簡潔概括的處理手法，加入一些元素使物體具有一定的立體感，其中包括了漸變插畫風格、2.5D插畫風格、肌理插畫風格。

漸變插畫也叫微光插畫，在顏色是使用上一般采取鄰近色或者是近似色，種類不多，風格唯美高雅，不會大面積使用高純度色彩，一定會搭配同色系的不同純度色彩來調和畫面感覺。畫面明度落差雖大，但具有漸變的特點，過渡柔和，不突兀。

2. 5D插畫是可以在二維的空間里展現三維的視覺效果，利用色塊、線條、透視來達到目的。這種風格現代感強烈，視覺沖擊力強烈，可以展現立體感、科技感、未來感。

肌理插畫是在扁平插畫的基礎上增加顆粒感，展現物體的質感和光影關系。

在筆者看來，扁平化風格依然是地位堅固，在快節奏的生活中，人們對信息的復雜和繁瑣依然存在或多或少的抵觸心理，所以高度概括、簡潔明了的界面設計依然深得人心。所以在此之上，半立體插畫風格既能是滿足人們快遞掌握信息的需要，也可以提供一定程度的趣味性和生動性，將兩者結合共同展示優勢，只是孰多孰少的問題。

二、插畫風格在移動端界面設計中的特點

1.界面視覺沖擊力強烈

在界面設計中使用插畫風格，特別是在移動端這種高速瀏覽的平臺中使用，對于吸引用戶注意力具有相當強的優勢。插畫使用傳統繪畫的創作技法，本身就已具備繪畫的視覺沖擊力強的特點，再加上數碼科技的處理，與交互設計的融會貫通，在第一時間吸引用戶的注意力。在插畫風格的移動端界面設計中，往往使用鮮明的色彩、強烈的對比或是明確的輪廓線條、色塊的切割來體現視覺沖擊力，增加畫面的觀賞性。

插畫風格多種多樣，在表現事物或情感上可以采用多種藝術處理手法。在圖形方面，可以對圖形進行創意表達的處理，靈活運用構成要素，以及運用多種圖形的構成形式等。在色彩方面，靈活運用對三大要素的認知和掌握，對色彩感覺的綜合表達等。在移動端界面設計中，插畫風格可以充分發揮自身的特質，更好地展現平臺特色，為用戶服務。

2.富有藝術氣息與趣味性

信息化社會的逐步建立和計算機技術的快速發展，使得人們越來越接受科技化產品充斥在生活的方方面面，由此帶來了人們的需求轉變。在人們習慣了科技感十足的事物時，審美意向也在變化，不是說傳統的、古老的審美已經過時，而是如何與現代審美相結合，讓人們更樂于接受。此時，插畫風格的界面設計，在體現科技感、時尚感的同時，也可以給用戶帶來一定的藝術感受。需要展現人性化的、溫暖的、有趣味性的界面設計往往可以采用手繪插畫、半立體插畫等風格，將科技美感與藝術美感有機地結合起來。

3.信息傳遞的豐富性與高效便捷

傳統的插畫創作較為復雜，需要多種工具、材料、工藝的支持。從數字技術介入開始，插畫創作發生了巨大轉變，需要通過計算機軟件來完成。常見的圖形處理軟件有Photoshop、Illustrator、Painter、Sai等，對圖形的強大處理能力.大大節約了插畫創作的時間成本效果方面雖不及手工繪制的特殊藝術效果，但也具有生動寫實、精致整潔的畫面效果。在界面設計中，插畫生動地表達了枯燥繁瑣的信息，優化了信息傳遞的方式，科技與藝術的結合提升了信息傳遞的效率。同時，與別的媒體相結合，可以更全面地展現信息，例如加入音樂、動態圖像等媒體，效果更好。

4.體現情感化與人性化

現代設計理念中非常提倡人性化設計、情感化設計，無外乎將現代設計與人們所熟悉的感性認知相結合。那么在界面設計中，插畫風格可以滿足這樣的需要。通過插畫傳遞出的美好的視覺語言，可以引起人們對經歷過的美好事物的聯想，從而引起情感上的共鳴。在插畫風格的移動端界面設計中，往往采用具有親和力、身份認同感的事物，處理手法也較為柔和，注重用戶體驗感受。多種多樣的插畫風格能夠給予人們不同的心理感受，可以是清新活力的，也可以是羅曼蒂克的;可以是朝花夕拾的，也可以是未來科技的……不同的風格針對不同的用戶群體，滿足個性化的需求。

三、結語

在信息化時代，為了更好地將傳統繪畫藝術與現代科技結合，為了讓用戶感受到多種多樣的界面設計風格從而提升使用愉悅感，為了更好地實現手機軟件與用戶之間的精神溝通，本文進行了簡要的幾種插畫風格在移動端界面設計中的運用研究。不同插畫風格的不同魅力，使軟件用戶在使用過程中能夠獲得更為愉悅的感受，從而加深了品牌形象在用戶腦海中的印象，在移動端界面設計中占有十分重要的地位。