App閃屏界面插畫設計研究

石又祎

摘要：在打開app應用程序時，閃屏界面是首先會被用戶看到的過渡頁面。針對于閃屏界面的設計，可以向用戶傳遞有關產品的第一訊息，無論是節日祝福、產品宣傳，還是精美語錄等，都可以帶給用戶一種更加生動、有趣的產品體驗。在閃屏設計中使用插畫的表現形式可以激發用戶對產品的興趣，并引發用戶思考。使畫面更富趣味性，插畫在閃屏中的運用是當下最為流行的一種形式，它也具有多種多樣的表現形式和運用技巧需要設計者掌握與靈活運用。

關鍵詞：用戶體驗;插畫;閃屏界面

一、閃屏的功能概述

閃屏又稱為launch image，閃屏的出現是應用程序被啟動時的一個加載過程。在這個加載過程中閃屏可以設計為無畫面，使用戶感受不到這個加載的過程，使程序的啟動與與進入產品首頁有一個完美的融合。當然，閃屏也可以充當一個宣傳畫面的角色，比如設置一些插畫的宣傳廣告來使打開程序的過程中更加富有樂趣，為產品的界面進入過程做一個有意思的銜接。

在閃屏的設計中，又可細分成4種形式，常規閃屏、廣告閃屏、活動閃屏和節日閃屏。由于閃屏傳達內容上的不同，它所設計的畫面也根據內容的不同有所區分，比如節日類的閃屏要更加注重畫面的氣氛，日常運營的則要注重產品信息的層級關系，熱點傳播則要突出新聞的內容，品牌傳達則需要考量品牌自身的標志色彩與形象。

常規閃屏的界面設計大都需要包括產品的標志，定位語和內容圖案。閃屏的設計上也喜歡與其產品自身的屬性有一定的關系，使其二者產生更多的連接性。當然，為了使閃屏更好的迎合用戶對產品本身的體驗，很多的app閃屏設計就以與產品本身有關聯性的圖片作為閃屏的設計的主題元素，比如我們最常用的微信閃屏，就是以一個地球的畫面作為主視覺，其本身的地球元素就與微信本身的性能特質有著緊密的聯系。

廣告閃屏則是產品本身留給商業盈利的展示界面，比如微博啟動時會出現天貓的活動廣告、有道詞典的閃屏會出現英語培訓的廣告，這些都屬于廣告閃屏。由于廣告閃屏自身的屬性就具有商業目的，所以在設計中更加注重色彩和形式上對用戶的吸引力，同時，為了減少用戶使用程序的疲憊感，導致對軟件自身的方案，廣告閃屏中尤其需要注意的就是設計一個跳過與倒計時的按鈕，保留住那些對廣告不感興趣的用戶群體的繼續使用的體驗感。

活動閃屏與廣告類的相差不多，起到的也是一個宣傳作用，需要注重顏色上的醒目與形式上的豐富。比如很多活動的閃屏喜歡設計一些插畫手法的宣傳形式，把活動體現的更富樂趣，對用戶產生更強的吸引力。插畫元素的加入可以把原本缺少細節的海報體現的更加生動。

節日閃屏的設計則更能引發用戶的共鳴，使產品更具生活氣息，在設計上要更加的生動可愛，拉近用戶的距離，可以使用戶對產品有更多的新鮮感。在節日類的閃屏設計中，很多產品都喜歡運用插畫來進行節日的展現。插畫的加入可以使節日的氣氛表現的更加淋漓盡致。同時可以吸引到不同的年齡段、不同工作領域的用戶群體。[1]

二、閃屏界面中插畫的風格

插畫的加入是閃屏的設計中最容易產生用戶吸引力的畫面。首先插畫有著不分年齡不分領域的跨越性，可以讓更多的用戶產生視覺的舒適感，對鮮艷的顏色產生興趣。另外在表達形式上，商業化程度更低，容易被大眾所理解，可以拉近用戶距離。同時，插畫本身富有很強的趣味性和感染力，是一種通俗易懂的視覺語言。在插畫的設計上也可以用不同的風格進行表達。

比如當下最為流行的扁平化的插畫風格，插畫整體的風格特點就是扁平的，沒有立體結構的關系，視覺感官及為簡單，色彩搭配上也顯得十分明朗。這種表達形式會更加清晰，讓用戶一目了然。使畫面整體感覺更加時尚、輕快。而且在繪制效率上很高，不需要花費很多的時間就能展現出來不錯的視覺感。這個風格被很多的品牌所喜歡，比如摩拜單車、飛豬等等。更加符合時代的特征，也符合年輕人簡單時尚的審美觀。

除了扁平風格，想要略顯復雜可以加入肌理的風格，這個風格更具有趣味性與立體感，它是在扁平插畫的基礎上加入了顆粒感，使畫面的光影效果更佳突出，也使畫面多了一層質感。這樣的插畫看起來更加的立體，更具真實感。同時，畫面不會顯得粗糙、空乏，而更加精致。

當然，最為被大眾所認識的就是手繪型的插畫設計風格。手繪風格的插畫對產品宣傳的更具有針對性，而且手繪型插畫更加具有設計師本身的風格，需要設計師繪制的風格與品牌調性相符。手繪風格對設計師也有著較高的要求，需要設計師有很強的畫面感，來營造更加豐富、吸引人的畫面。而其風格的應用領域也較廣，需要靈活的協調其產品的特性。

當下流行的MBE型的插畫風格也具有十分簡潔、俏皮、時尚的設計感。也更具有表現力。它主要的表現形式就在于其簡潔的外觀和干凈的線條構成的可愛形態。粗線條的描邊，適當的斷點空隙和色塊的小面積溢出，使得畫面更具靈動性。它更多地存在于產品的商標和游戲類的產品風格之中。

還有具有科技時尚感的漸變型插畫風格。它的色彩使用上通常傾向于一到兩種，多為近似色，營造一種神秘、奇幻的風格，更加吸引年輕人。比如一些傾向女性群體的應用軟件更喜歡運用粉紫色系的漸變作為閃屏插畫的主題色彩，又具有時尚感，有吸引力女性的注意力。或者很多的時尚科技感app插畫設計的風格上也偏向漸變型的插畫設計，色彩簡潔、方式炫酷，表達直接明了，更加受年輕人的喜歡。

立體型插畫設計風格或者稱為2.5D插畫風格，這種風格則是更加立體化的一種表達，使畫面看起來有層級關系，表現三維的視覺感。這種立體感的風格，是運用插畫的手法進行展現，模擬出一種立體的效果，但其形式更加可愛、更具趣味性，畫面也具整體性，比如大家熟知的游戲紀念碑谷就使用的這種風格，它使固定尺寸的手機屏幕有了更多的空間感，讓用戶產生一定的好奇心理，抓住了用戶的注意力，是一種很好的插畫形式。

插畫的設計風格有很多種形式，在應用程序閃屏的設計中，需要設計者對產品本身需要傳達的內容有一個清晰的定位，并對客戶群體的喜好有一個明確的把控，從而考慮插畫在界面中的應用設計風格再進行設計。把插畫與產品宣傳的內容進行完美的結合。掌握多種插畫設計的風格的同時可以運用多種插畫手法進行組合變化，使插畫本身更富魅力。

三、插畫在閃屏中的設計技巧

在閃屏的設計過程中，設計者最需要注重的則是與甲方的溝通，首先要對產品有一定程度的理解，同時要對于產品過去的閃屏設計或者產品本身的設計調性有一個定位，明確產品的整體調性和宣傳理念，并進行深度的分析。并與客戶進行有效的溝通和探討，了解產品所需要的預期效果，便可以展開對閃屏插畫的畫面構思。

插畫的設計需要設計者緊密的構思，不僅需要手頭的專業技能強，更加需要設計師有一個清晰的頭腦來理解客戶想要達成的效果。設計出一張優秀的插畫，少不了思想上的投入，需要對產品本身有一個深刻的認識，對大眾審美有一個廣泛的理解，再加入自身的專業能力，才可以完成讓用戶喜愛的閃屏設計。[2]

在插畫設計的前期需要設計師來進行不斷的頭腦風暴去完成整體的設計把控。同時，搜集大量的相關素材，把控好設計的風格和想要傳達的創意點與內容。在相關案例中進行反復的對比，并針對可行的方案措施進行不斷的參考與提取。將這些創新點進行結合與對比，整體進行有效的銜接，把這個思路與團隊人員進行討論與設計，提出最終的幾條解決方案進行再對比。

當方案有了初步的確定，設計者可以將自己的想法進行初步繪制，展現出來，從而進行下一步的分析和探究。從畫面的構圖形式，到色彩風格的選取，再到整體傳達的故事內容和背景設計等等，讓畫面有一個節奏感，使整體和諧統一。使畫面層級清晰，主次分明，能夠有效地傳達產品想要表現的內容。

在插畫方案進行確定之后，設計者則需要考慮插畫的風格展示，比如在針對節日類閃屏設計上，就需要參考大量的節日類插畫，選擇適合產品的形式進行設計，比如產品是年輕時尚的品牌則傾向于扁平的插畫風格。產品是偏傳統的品牌，則可以考慮純手繪或者帶有質感的插畫風格，更容易營造別具一格的視覺風格。并且根據節日的特征提取出相關的顏色，進行不斷地比對與調試。搜集大量的節日元素，合理的放置到插畫之中，使畫面飽滿、豐富，能夠烘托出節日的氣氛。在閃屏的設計中，我們需要在整體的畫面結構設定好之后，加入色彩上的合理設計。營造出畫面想要傳達的大致感覺，拿給甲方進行提案，商討畫面效果達成一致。[3]

在初稿與客戶產品達成一致，需要設計者進一步調整的就是細節上的問題，比如元素過多或過少，視覺中心夠不夠明確，產品的特色有沒有展現出來等等。協調好畫面的整體感覺。使傳達的信息能夠一目了然。讓客戶在打開產品應用程序中的體驗過程有一個好的印象。并能過對產品產生興趣。確認好畫面想要傳達的信息和傳達。目前，能夠有效的吸引到客戶群體，有良好準確的定位與把控，這樣的閃屏設計才可以對客戶產生吸引力，留下一個好的印象。

四、總結

插畫設計成為了閃屏的界面中的運用是最多的一種形式，它的出現可以使客戶對產品形成一個初步的印象。還可以使用戶對產品之間產生更多的好奇心與聯系性。這是對于提高產品用戶體驗的一種有效方式。好的插畫設計不僅可以留住客戶的吸引力與注意力，同時會使用戶產生更好的產品體驗。而插畫的形式有很多種，設計者需要利用好插畫的多種形式來進行靈活的應用，使產品的閃屏更加獨特、豐富、有趣。同時需要結合產品自身的調性、特點來擴展更多的內容。由于閃屏不僅僅局限于傳遞信息的功效，也需要更多與用戶之間的互動與用戶的反饋，才能夠達成更好的效果，并與用戶產生更多的連接、交流與共鳴。增加用戶對產品的感情依賴。插畫設計就很好地滿足了這一點，這也就是為什么設計對插畫的需求越來越高。這和用戶群體的需求有著很大的關系，合理的將插畫運用到閃屏設計中會成為app界面中的一大亮點。

參考文獻：

[1]（美）魯道夫·阿恩海姆.藝術與視知覺[M].滕守堯，朱疆源，譯.四川人民出版社，2006（10）.

[2]李明，陳璞.商業插畫設計[M].浙江：浙江大學出版社，2007.

[3]王玉燕.創意產業下插畫設計的商業應用[D].青島科技大學碩士論文，2013.