邵亞楠

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

關(guān)鍵詞：手機APP;主題設(shè)計;扁平化風(fēng)格;用戶體驗;視覺感受

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

1 扁平化設(shè)計的含義

1.1 扁平化設(shè)計概念簡述

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

1.2 手機APP主題的扁平化設(shè)計特點

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

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

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

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

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

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

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

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

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

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

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

3 手機APP主題設(shè)計中扁平化風(fēng)格的應(yīng)用原則

3.1 秉持視覺一致原則

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

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

3.2 堅持簡約主義原則

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

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

4 手機APP主題設(shè)計中扁平化風(fēng)格的具體應(yīng)用

4.1 手機APP主題色彩設(shè)計中扁平化風(fēng)格的應(yīng)用

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

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

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

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

4.2 手機APP主題圖形設(shè)計中扁平化風(fēng)格的應(yīng)用

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

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

4.3 手機APP主題文字設(shè)計中扁平化風(fēng)格的應(yīng)用

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

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

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

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

4.4 手機APP主題布局版式設(shè)計中扁平化風(fēng)格的應(yīng)用

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

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

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

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

5 結(jié)語

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

參考文獻：

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

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

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

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

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

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