淺析手機APP主題設計中扁平化風格的應用

邵亞楠

摘 要：手機APP主題設計風格對用戶體驗有非常大的影響，而扁平化風格在手機APP主題設計中的應用能夠有效增強設計效果，大大提高用戶的滿意度。本文論述了扁平化設計的含義，分析了手機APP主題的扁平化設計對用戶體驗的影響，闡述了手機APP主題設計中扁平化風格的應用原則，并探討了手機APP主題設計中扁平化風格的具體應用，以供相關人員參考。

關鍵詞：手機APP;主題設計;扁平化風格;用戶體驗;視覺感受

近些年來，移動通信技術、互聯(lián)網(wǎng)技術以及新媒體技術的快速發(fā)展大大提高了手機設備的智能化水平。同時，隨著移動互聯(lián)網(wǎng)的不斷升級換代，社會大眾對智能手機APP主題的設計質(zhì)量也提出了更高的要求。而扁平化風格在手機APP主題設計中的應用不僅有效簡化了各種設計元素，加快了手機APP的運行速度，還在很大程度上增強了用戶體驗，從而加快了手機APP的推廣和應用步伐。

1 扁平化設計的含義

1.1 扁平化設計概念簡述

在界面設計中，扁平化設計風格注重三維空間的最小化使用，如紋理、漸變以及陰影等，側(cè)重于簡約使用界面中的簡單元素。扁平化設計中的各種元素以及動作更加簡約，界面內(nèi)容的分級也更加明確，用戶只需花費少量的時間就能在諸多信息中獲得所需數(shù)據(jù)信息，從而提高了界面內(nèi)容傳遞的時效性，信息識別錯誤率大大降低。[1]

1.2 手機APP主題的扁平化設計特點

在手機APP主題設計人員的不斷改進與創(chuàng)新過程中，扁平化設計得以快速發(fā)展和普及，越來越多的設計人員對扁平化設計的優(yōu)勢有更加深刻的認知。

第一點，扁平化設計不僅能夠加快用戶信息傳達的速度，還給人們帶來極大的視覺沖擊，對廣大消費者有非常大的吸引力，同時手機APP主題界面中的幾何圖形十分簡潔，并且其形式與色彩搭配等方面也多種多樣，給人以較強的親切感。

第二點，手機APP主題的扁平化能夠使其在不同瀏覽器或設備中設計一個可迅速響應的界面。

第三點，手機APP主題設計采用扁平化風格，目的在于運用最少的元素，最大限度地加快智能手機的加載速度，使其在最短的時間內(nèi)加載出高清的界面，并且能夠有效調(diào)整界面的大小。[2]

第四點，手機APP包含大量內(nèi)容豐富的信息，扁平化設計所采用的簡易特征符號以及形式豐富的界面，最符合互聯(lián)網(wǎng)時代智能手機類產(chǎn)品的發(fā)展要求。

2 手機APP主題的扁平化設計對用戶體驗的影響

2.1 合理布局，有效滿足用戶需求

手機APP主題界面設計的良好質(zhì)感以及細節(jié)設計的豐富性能夠給人帶來一定的親切感和真實感，但信息傳遞質(zhì)量才是吸引用戶的關鍵性因素。一般來講，用戶進行手機APP主題界面訪問的目的是想在最短的時間內(nèi)獲取所需信息，并在此過程中確定所處流程節(jié)點。而扁平化設計風格較為簡潔和樸實，能夠?qū)⑹謾CAPP主題所要傳達的信息有效呈現(xiàn)給用戶，同時通過界面凸顯主要信息，而在下拉菜單內(nèi)隱藏著次要信息。在這種簡單明了的信息布局中，色彩與線條的巧妙搭配使用戶能夠在直觀瀏覽手機APP界面的基礎上，全面查看手機APP主題信息，從而提高用戶的滿意度，激發(fā)用戶對此類手機APP主題的興趣。

2.2 提高用戶的信息訪問效率

扁平化設計主要通過單純的矢量風格圖形來體現(xiàn)，對手機的像素精度等方面也沒有太高的要求。所以，智能手機APP的運行速度就相對較快，并且具有較高的圖片加載速率，對用戶界面的適應性也非常強，能夠有效增強智能手機運行的流暢性，從而給用戶帶來更加良好的操作體驗。[3]

根據(jù)大量用戶體驗調(diào)查得知，在使用手機APP時若加載時間過長，會在很大程度上降低用戶的滿意程度。而相比其他手機APP主題設計方式，在執(zhí)行同一個命令時扁平化設計能夠?qū)⒂脩舻牡却龝r間大大減少。這對用戶來講是最具吸引力的因素之一，能夠獲得廣大用戶對此類手機APP主題的良好評價。

3 手機APP主題設計中扁平化風格的應用原則

3.1 秉持視覺一致原則

手機APP主題設計模式與風格應具有較強的一致性，為用戶構建一體化的主題模型，從而為用戶帶來更加良好的體驗。統(tǒng)一的網(wǎng)格風格的應用能夠進一步規(guī)范手機APP主題界面的視覺設計，能夠為用戶按照內(nèi)容確定尋找信息的路徑。手機APP主題界面圖標設計中，寫實性圖像無法將抽象概念有效表達出來，所以應將視覺表現(xiàn)有效統(tǒng)一起來，將光影、紋理以及材質(zhì)陰影對設計效果的影響最大限度地降低。

另外，在手機APP主題設計中，不僅簡潔化設計能夠給用戶帶來良好的體驗，一定修飾元素的合理應用也能進一步增強用戶體驗。單純的扁平化設計風格并不能從視覺條理方面滿足每一個用戶的要求。在一些手機APP的測試版應用過程中，就常常有用戶對設計效果的趣味性方面提出意見，并且設計亮點也相對不足，這在很大程度上阻礙了手機APP的進一步推廣。[4]設計人員應通過細節(jié)設計充分發(fā)揮修飾元素的優(yōu)勢，以增強手機APP主題設計的趣味性和簡潔性。

3.2 堅持簡約主義原則

扁平化風格源自20世紀德國包豪斯學校提出的簡約主義理念，該校第三任校長密斯·凡·德·羅認為在設計中少就是多，主張設計形式的簡明化，追求色彩的單一化以及功能至上的原則，這種設計思想對國際設計領域產(chǎn)生了巨大影響。而日本的設計大師原研哉早就提出通過藝術化的形式來呈現(xiàn)商品，他在自己的作品中進一步提出還原事物本質(zhì)的設計方式，以及實現(xiàn)商品的簡約化與簡潔化之美的觀點。[5]

在當今互聯(lián)網(wǎng)時代的設計模式下，極簡主義風格的優(yōu)勢更加明顯，其設計理念更加契合時代的發(fā)展要求。用戶界面設計人員在思考設計思路的過程中，可對簡約主義作品或商品進行深入研究，以充分吸收設計經(jīng)驗，激發(fā)自身設計靈感，從而促進設計品質(zhì)的不斷提高。

4 手機APP主題設計中扁平化風格的具體應用

4.1 手機APP主題色彩設計中扁平化風格的應用

第一，良好的配色能夠增強用戶的好感，并引發(fā)用戶的共鳴，從而促使他們積極主動地了解設計意圖。例如，在食品類APP主題設計中，合理的配色能夠?qū)⑷说氖秤行Ъぐl(fā)出來，從而增強他們的購買欲望。所以，設計人員在進行表達活力的配色過程中，應通過多種色相的使用活躍設計氛圍，最為常用的方法就是高純度與高明度的色彩使用。

手機APP主題設計應從用戶接受度與信任度方面的實際需要出發(fā)，采用暖色調(diào)來表達信任和安心，但用色種類不能太多，可選用明度合理且純度較低的色調(diào)來表達安心和穩(wěn)定感。[6]除此之外，高明度與一定的灰色相配合能夠為用戶帶來安適柔和的感受。而通過色彩彰顯趣味性則可根據(jù)產(chǎn)品的屬性加以一定的裝飾，以形成色調(diào)對比。

第二，有效管理色彩位置，合理安排形式與方向，能夠?qū)崿F(xiàn)通過色彩自發(fā)引導視覺流程的目的。比如，在大量應用黑白色調(diào)時，利用紅、黃、藍作為圖標的顏色能夠?qū)嬅娴某聊写蚱疲瑥亩龑в脩暨M行后續(xù)流程的操作。對于要突出畫面中心的部分，采用跳躍性色彩能夠有效吸引用戶的目光。在通過色彩凸顯文字層級時，如果采用單一顏色就會顯得較為單調(diào)，層次感較弱。若通過色彩的應用合理歸整文字就能使手機頁面的層次感瞬間變強。在色彩屬性中，明度屬性是影響視覺體驗的最重要因素，通常情況下高明度色彩的識別率更高。

第三，巧妙的色彩應用能夠在用戶操作APP的過程中給其帶來良好的色彩印象，從而吸引更多的用戶。手機APP主題設計人員應充分確保色彩和功能的一致性。比如，飲料推廣類的APP主題設計中，設計人員可通過綠色或藍色等色彩表達清涼解渴的內(nèi)涵，但若采用紅色則會給用戶帶來炎熱、干燥的感受，適得其反。同時，設計人員還應從目標用戶的實際需要出發(fā)，保證產(chǎn)品色彩與用戶需要的契合度。例如，大部分女性用戶偏愛溫暖的色彩類別，大部分男性偏愛暗冷的色彩類別，文化水平較高的群體偏愛淡雅的色系，而在商場的氛圍中，活躍、明艷的色彩則更能引起消費者的注意。

4.2 手機APP主題圖形設計中扁平化風格的應用

圖形能夠有效傳遞信息、體現(xiàn)色彩，并能表達一定的情感，是扁平化設計中十分重要的元素之一。優(yōu)秀的圖形能夠進一步凸顯手機APP主題設計中的扁平化風格，能夠促使用戶在短時間內(nèi)產(chǎn)生良好的感受，同時還能將設計人員的設計意圖以及所要傳遞的信息簡單、快捷地表達出來。

設計人員在應用扁平化風格進行手機APP主題設計的過程中必須高度重視圖形應用的藝術性，有效處理其與APP信息功能傳遞間的關系，不僅要增強設計的藝術性，還應充分保證較高的信息傳遞與獲取水平。同時，在應用圖形的過程中，設計人員還應有效地處理層次感、紋樣等不同要素之間的關系，有效處理各維度空間中圖形的層次關系，以進一步增強主題設計的效果。

4.3 手機APP主題文字設計中扁平化風格的應用

第一，文字是最為常用的信息載體，但在手機APP主題設計過程中，不是全部文字都能使用扁平化風格的。為了將扁平化設計風格有效地表現(xiàn)出來，設計人員應盡可能使字體形式簡潔化。大量實踐表明，無襯線字體是扁平化設計中最為適用的字體類型，目前已經(jīng)成為扁平化設計中的規(guī)范性字體形式。

第二，為進一步體現(xiàn)扁平化設計的優(yōu)勢，設計人員可對文字數(shù)量進行適當精簡，尤其是手機APP主題界面中的文字數(shù)量要盡可能減少。

第三，在手機APP主題的扁平化設計中，設計人員應根據(jù)手機用戶界面分割形式、手機功能以及信息傳播載體的不同，選擇合理的字體類型，但必須以保證手機APP的實際功能為基礎。

第四，圖形與圖標特點的不同應適配合理的字體，以增強手機APP主題界面的視覺效果，并有效提升其信息傳遞速率，從而進一步增強界面中畫面的統(tǒng)一性與和諧性。設計人員在進行扁平化設計的過程中還應根據(jù)幾何圖形合理選擇字體外形。

4.4 手機APP主題布局版式設計中扁平化風格的應用

在手機APP主題的扁平化設計中，將色彩、字體以及圖形等設計元素都實現(xiàn)扁平化后，良好的布局版式則能進一步增強設計效果。合理的布局不但能將設計效果的主次層級有效劃分出來，為用戶提供明確的信息傳遞導向，還能進一步提升手機APP主題界面的規(guī)范性與系統(tǒng)性，使用戶能在明確的視覺引導下簡單快捷地進行后續(xù)操作，以獲得所需信息。

第一，設計人員可將網(wǎng)格系統(tǒng)有效應用在手機APP主題的扁平化設計中，將版面內(nèi)的文字有效整合成不同的文字塊面，以便于明確區(qū)分不同的內(nèi)容，同時將各版面內(nèi)的元素歸納和整合起來。平齊的文字塊面外部形狀能夠促使整個主題界面的視覺效果更具統(tǒng)一性和整齊性，使畫面具有較強的韻律感和節(jié)奏感。網(wǎng)格系統(tǒng)在不同界面空間內(nèi)的有效應用，還能從整體上合理調(diào)整各個元素的大小及其位置，在實現(xiàn)手機APP功能的同時保證視覺平衡。

第二，留白是網(wǎng)格系統(tǒng)中較為重要的設計元素。設計人員在充分整合與凝練主題界面空間中的信息后能夠保留一定的剩余空間。留白的存在能夠促進界面空間的簡潔化，使畫面更動感。同時，留白的存在能夠使用戶更加明確地把握不同信息功能區(qū)域的劃分情況，從而快速找到所需信息。另外，空白的信息界面能促使用戶有效明確自身所需信息，并深刻認知設計意圖。

第三，在手機APP主題設計中，通常利用一張大圖將大部分或全部版面鋪滿，然后在其中置入少量的文字。大圖的巧妙運用，能夠?qū)⒁蜻^于簡化的元素而造成的信息傳達的不足之處有效彌補。同時，手機APP主題界面中，各個字體與圖形等元素要與大圖相得益彰，在扁平化設計中可通過半透明風格的運用構造更豐富的層次感。

5 結(jié)語

扁平化風格在手機APP主題設計中的應用，不僅能夠帶給用戶良好的視覺感受，還對手機APP的進一步普及等方面有十分重要的現(xiàn)實意義。因此，設計人員必須充分把握扁平化設計的特點，立足于用戶體驗，堅持視覺一致性以及簡約主義原則，從色彩、文字、圖形以及布局等方面著手，將扁平化風格有效融入各種設計元素中，以充分提高手機APP主題的設計水平，打造更加完美的手機APP。

參考文獻：

[1] 劉思晴.扁平化在校園APP中的應用[J].科技與創(chuàng)新，2016（14）：29.

[2] 李婷.設計的情懷——探析手機APP圖標設計的扁平化趨勢[J].現(xiàn)代裝飾（理論），2016（9）：75-76.

[3] 潘飛.扁平化風格在APP設計中的應用研究[J].現(xiàn)代裝飾（理論），2016（8）：26-27.

[4] 李楊.基于用戶體驗的APP扁平化設計研究[J].青年時代，2016（6）：136.

[5] 李孟潔. APP視覺設計扁平化趨勢及其藝術性分析[J].新聞戰(zhàn)線，2016（5）：116-118.

[6] 梁賽.淺析APP設計扁平化的重要性和易操作性[J].工業(yè)設計，2017（9）：80-81.