插畫在手機UI界面設計中的應用
來源:用戶上傳
作者:
摘 要：隨著手機的普及和智能化，用戶對手機UI界面設計的美觀度要求也越來越高。文章通過分析插畫在手機UI界面設計中的優勢，結合具體案例探究UI界面設計的創新思路和方法，而技術與插畫藝術相結合的UI設計，能夠給用戶帶來良好的交互體驗。
關鍵詞：插畫;UI界面設計;交互
中圖分類號：TN929.53 文獻標志碼：A 文章編號：2095-2945（2019）07-0105-02
Abstract： With the popularity and intelligence of mobile phones， users have higher and higher requirements for the beauty of mobile UI interface design. This paper analyzes the advantages of illustration in mobile phone UI interface design， combined with specific cases to explore the innovative ideas and methods of UI interface design， and the combination of technology and illustration art of UI design， can bring a good interactive experience to users.
Keywords： illustration; UI interface design; interaction
1 UI的定義及發展
UI即User Interface（用戶界面）的簡稱。界面是介于用戶與硬件之間用于互動的媒介。是人機溝通交流的橋梁，用來進行信息的傳達，直接影響用戶的體驗感受。在科學技術迅速發展的今天，人們對時尚、審美、趣味的不斷追求促進了手機UI領域的發展，為了更好的滿足用戶需求，在實用性原則的基礎上，高效智能、簡潔、易用已成為智能手機UI界面設計的基本原則。為了更好地滿足用戶需求，為用戶提供良好順暢的操作體驗，提高UI界面的美觀性與交互性顯得尤為重要，更是UI設計師需要不懈努力和探索的主要方向，進而才能促進UI設計領域的長遠發展。
2 插畫在UI界面設計中的優勢
2.1 強調故事性和趣味性
優秀的UI界面設計能夠充分吸收和借鑒插畫藝術的表現技法和形式，進而起到營造氛圍、渲染情緒、描摹環境的作用，有一定的故事性或者趣味性，進而以情動人，以此來增加用戶的視覺愉悅感。具體表現為以下幾方面，首先，插畫可以準確的再現故事情節，要知道觀眾總會被自己熟悉的事物所吸引，插畫風格的UI界面設計則充分抓住這點，用圖片代替文字以給人最直觀的感受。其次，插畫風格可通過聯想想象、夸張幽默、象征隱喻等形式來表現多種藝術形式，進而提升用戶的視覺體驗與審美素養。此外，受波普藝術的影響，插畫風格的UI界面設計有時也融入一些流行的社會熱點或者網絡流行標語，契合大眾心理并帶有一定趣味性。如在圣誕節、春節等節慶時推出的界面設計，或以大眾熟知的動漫形象、流行用語為主題推出的界面設計，都在一定程度上引發了觀眾的情感共鳴。
2.2 承載充足的信息量
插畫介入手機UI界面的設計能夠承載更多的信息量，要知道手機APP的作用是將主要信息直觀形象的傳遞給受眾，但人作為信息的接收者，有可能因為認知習慣、自身能力、教育水平、文化背景等差異在理解上產生偏差，符號式的表達方式雖然簡潔、實用，但不能保證用戶對全新的界面，特別是其中的圖標準確無誤的讀取和理解。而心理學實驗發現，接近實物的具象圖標更符合用戶的經驗認知，而且更容易識別，所以插畫風格的UI界面設計顯然更適合進入商業市場的手機APP應用。它注重將信息充分展現，進而使用戶的理解更為順暢，認識并熟悉該產品。例如百度糯米七夕節的分類圖標，采用了寫實的風格，將傳統元素融入圖標設計，既突出中國特色，又有效傳達七夕節主題活動訊息。
2.3 滿足用戶的情感需求
一個成熟的APP產品，除了在使用功能上滿足用戶的需求外，還要在更高層次上體現對用戶“社會需求欲望上的態度體驗”的關懷，即通過豐富、細致的圖像語言，引起用戶情感上的共鳴，使用戶對該APP產品由使用上的“需要”變成情感上的“想要”。此外插畫本身就具有裝飾美化的作用，插畫元素為原本平淡的APP界面增添了美麗的色彩，強化了界面的視覺吸引力，同時也給用戶帶來了美的藝術享受。UI界面設計作為一種商業競爭手段，更注重信息的有效傳達。用戶不可能僅僅滿足于接受信息，而插畫所傳達出的藝術情感使得用戶的精神需求得以滿足。例如淘寶在無網狀態下，顯示一幅可愛的插畫要比單純的顯示文字給人的感覺好得多，也可以盡可能的減輕用戶的焦慮感。
3 插畫在手機UI界面設計中的廣泛應用
插畫在手機APP界面的大量使用并非個例，大部分移動APP都開始重視其在UI界面設計中的作用，在準確傳達信息的同時有效提高產品的用戶體驗。作為UI設計師要學會用UI的思維做插畫，用插畫的技法做UI，將二者進行跨界連接，創造與眾不同的UI界面。目前應用于手機UI界面設計的插畫風格種類繁多，下面我們以最典型的幾種風格為例來做具體分析。
3.1 扁平插畫風格UI界面
扁平風格的插畫是目前UI界面設計比較流行的設計風格，通常以簡潔大方的表現形式，去掉漸變、投影和紋理，僅用漂亮的排版、簡單的圖標和形狀、充滿活力的顏色來幫助構建視覺層次，更重要的是能夠深入地關注于易用性上，符合年青一代的審美趣味。這里最具代表性的是蘋果公司研發的IOS系統的UI界面設計[1]（P42），將其中的圖標、界面等元素設計成簡潔、明亮的效果，其中的天氣、短信、撥號等功能圖標，都是在原有基礎上簡化提煉設計而成，在保證圖標直觀富有趣味的基礎上提高了操作的流暢性、輕快感，為用戶帶了最佳的體驗感受，此外蘋果系統的配色也十分考究，扁平插畫風格的圖標設計能使用戶最大限度的產生好感和共鳴，進而引發用戶自發的去理解圖標信息。例如Apple Safari圖標就是一個指南針的形象，整體配色以藍色為主，能夠凸顯一種神秘感，在使用Safari瀏覽信息時就好比是在知識的海洋里探尋無限奧秘，無論在意向還是色彩上都達到了一種高度融合，這才使扁平插畫風格發揮到最優的效果。 3.2 傳統手繪插畫風格UI界面
傳統手繪插畫具有豐富的表現力，可根據材料、畫筆的不同來表現不同機理質感的畫面;其次，插畫設計有一定的隨機性，在其勾線、上色、成稿的過程中都會產生一些意想不到的藝術效果;此外，手繪插畫往往更加注重傳統元素和文化的融合，能夠讓用戶更多的產生情感上的共鳴，尤其是在一些傳統節日或者地方特色類APP設計中，傳統手繪插畫更易表現這些特征。以2016年主題桌面獲獎作品《東方印象》為例分析[2]（P36），主要運用的是傳統水墨插畫來表現UI界面，鎖屏界面主要運用的是文房四寶;而主屏的圖標設計也是取自傳統元素的隱含寓意，天氣的圖標設計是油紙傘，以墨色打底暈開紙傘，寓意天氣狀況陰晴不定。計算器的圖標是古代的算盤，十分具有中國傳統特色，整體的界面設計十分契合主題，還可利用水墨的動態效果來做進一步的交互動畫、全息投影，讓用戶全方位的感受傳統插畫下的UI界面的獨特魅力。
3.3 半立體插畫風格的UI界面
半立體插畫也叫2.5維插畫，主要以二維的手法來表現三維效果，在目前手機UI界面設計中，立體插畫風格的出鏡率越來越高，可以說在視覺上給用戶帶來了一種全新的視覺體驗，通常以簡潔概括的色塊來表現三維圖標的插畫效果，讓用戶更為直觀的理解主題APP，以“淘點點”點餐系統里的紅包搖一搖界面為例，整體背景畫面是一塊紅藍相間的桌布，一圈縫紉線的加入令原本抽象的桌布有了質感，桌布上方是一個放入手機模型磁盤，桌布下方刀、叉、勺、筷子一次排開，全部采用半立體效果表現，讓餐具的質感更加突出但和真實的餐具又有一定差距，這種設計既可以簡化制作過程令APP操作流暢，同時又能給用戶帶來獨特的視覺感受，可謂是在扁平化與傳統手繪插畫之間找尋的一種折中的表現形式，但不管何種表現手法，都要根據具體情況具體應用。
4 插畫和手機UI界面結合的創新點
4.1 契合主題的故事插圖
在這個科技至上的時代，人與人之間的交流越來越少，人們的情感交流和體驗更多地依賴于手機、電腦等智能設備。有故事性的UI界面設計，能夠系統地串聯起產品的精神內涵。插畫風格的界面設計可根據APP主題變化風格，可以是浪漫唯美、靚麗時尚，也可以懷舊溫馨、水墨古風……這些風格可以滿足不同認知角度和層次的用戶需求。而且正是由于插畫風格的細化，使其能夠滿足“人性內在固有尺度在不同時期與階段”的情感需求。比起簡約的符號化的界面設計，富有感染力和表現力的插畫主題的UI界面設計，可以把用戶的心靈訴求和體驗完整而準確的表現出來，而且極具故事性和趣味性的畫面能夠給用戶帶來無限遐想的空間，進而凸顯不同APP的主題特色。
4.2 以人為本的交互體驗
隨著科學技術的不斷發展，手機APP的界面設計已不滿足于靜態展示，帶有一定交互性質的動態插畫更能強化這種趣味性，從而吸引人的注意力。這種動態的刺激，不僅能夠激發用戶的興趣，而且利用互動性還可加強用戶體驗[3]（P17）。隨著技術的不斷進步，這種猶如動畫短片一樣的插畫界面設計逐漸被大眾所接受。動態插畫承載的信息量更為豐富多樣，甚至可以和音樂、視頻短片相結合，通過多媒體更為全面地展現不同APP的主要特征，它更強調人的參與性與互動性，讓用戶能夠快速掌握APP的使用，利用最短的時間獲取更多有趣豐富的信息，降低用戶理解上的歧義，將手機APP的功能特性發揮到最大。
5 結束語
隨著科技的不斷發展，智能手機功能的不斷完善，使得插畫在UI界面設計中的應用更為多樣化豐富化。當今社會人們對電子產品的偏愛已然成了一種趨勢，插畫風格的UI界面設計讓原本冰冷的圖標變得易懂且富有趣味，它就好比是視覺觸發器，超越任何文化和語言的隔閡，瞬間傳遞大量信息。作為UI設計師，我們要善于利用科技的手段為設計服務，進而更好的滿足用戶需求。
參考文獻：
[1]仇慧琴.田世彬.智能手機UI界面設計分析[J].赤峰學院學報，2016，08.
[2]周玉成.韓思凡.黃蓉.傳統元素在UI界面設計中的應用[J].科技視界，2018，01.
[3]王凡.從“少即是多”中探究移動端扁平化UI界面設計[D].廣東工業大學，2015，05.
轉載注明來源:http://www.hailuomaifang.com/1/view-14800522.htm
