淺析手機(jī)APP主題設(shè)計(jì)中扁平化風(fēng)格的應(yīng)用

邵亞楠

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

關(guān)鍵詞：手機(jī)APP;主題設(shè)計(jì);扁平化風(fēng)格;用戶(hù)體驗(yàn);視覺(jué)感受

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

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

1.1 扁平化設(shè)計(jì)概念簡(jiǎn)述

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

1.2 手機(jī)APP主題的扁平化設(shè)計(jì)特點(diǎn)

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

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

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

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

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

2 手機(jī)APP主題的扁平化設(shè)計(jì)對(duì)用戶(hù)體驗(yàn)的影響

2.1 合理布局，有效滿(mǎn)足用戶(hù)需求

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

2.2 提高用戶(hù)的信息訪問(wèn)效率

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

根據(jù)大量用戶(hù)體驗(yàn)調(diào)查得知，在使用手機(jī)APP時(shí)若加載時(shí)間過(guò)長(zhǎng)，會(huì)在很大程度上降低用戶(hù)的滿(mǎn)意程度。而相比其他手機(jī)APP主題設(shè)計(jì)方式，在執(zhí)行同一個(gè)命令時(shí)扁平化設(shè)計(jì)能夠?qū)⒂脩?hù)的等待時(shí)間大大減少。這對(duì)用戶(hù)來(lái)講是最具吸引力的因素之一，能夠獲得廣大用戶(hù)對(duì)此類(lèi)手機(jī)APP主題的良好評(píng)價(jià)。

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

3.1 秉持視覺(jué)一致原則

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

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

3.2 堅(jiān)持簡(jiǎn)約主義原則

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5 結(jié)語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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

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

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