UI設(shè)計(jì)中APP圖標(biāo)的設(shè)計(jì)風(fēng)格研究

摘要：在現(xiàn)今的市場(chǎng)競(jìng)爭(zhēng)中，手機(jī)APP之間的競(jìng)爭(zhēng)十分激烈，面對(duì)如此激烈的市場(chǎng)競(jìng)爭(zhēng)，手機(jī)APP要吸引消費(fèi)者的眼球，就需要采用更加新穎的圖標(biāo)，可以在第一時(shí)間就抓住消費(fèi)者的吸引力，在激烈的市場(chǎng)競(jìng)爭(zhēng)之中脫穎而出。本文深入研究UI設(shè)計(jì)中APP圖標(biāo)設(shè)計(jì)風(fēng)格，從手機(jī)APP圖標(biāo)設(shè)計(jì)發(fā)展歷程，更進(jìn)一步探討UI設(shè)計(jì)中APP圖標(biāo)的設(shè)計(jì)風(fēng)格，以期為相關(guān)研究人員提供借鑒和參考。

關(guān)鍵詞：UI設(shè)計(jì);手機(jī)APP;圖標(biāo)設(shè)計(jì);設(shè)計(jì)風(fēng)格

中圖分類號(hào)：TP311.56 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2019）27-10165-01

一、引言

隨著智能手機(jī)的全面普及，與手機(jī)相關(guān)的產(chǎn)業(yè)也逐漸被大眾所接受，手機(jī)APP就是其中之一，手機(jī)APP的類型非常多，游戲、實(shí)用工具、影音娛樂(lè)等，并且隨著手機(jī)受眾群體的不斷增大，手機(jī)APP的商業(yè)價(jià)值也在不斷增強(qiáng)。眾多商人在手機(jī)APP中看到了商機(jī)，紛紛投入到手機(jī)APP研發(fā)當(dāng)中，進(jìn)一步加劇了手機(jī)APP的市場(chǎng)競(jìng)爭(zhēng)。在如此激烈的競(jìng)爭(zhēng)之下，用戶除了看重APP的功能以外，也被更加新穎的圖標(biāo)所吸引。新穎的圖標(biāo)能夠給用戶非常新奇的感覺(jué)，對(duì)于增加自身下載量具有非常積極的意義，所以在設(shè)計(jì)圖標(biāo)的時(shí)候，更加特色的設(shè)計(jì)風(fēng)格十分關(guān)鍵。因此深入研究UI設(shè)計(jì)中APP圖標(biāo)設(shè)計(jì)風(fēng)格具有極高的現(xiàn)實(shí)意義。

二、手機(jī)APP圖標(biāo)設(shè)計(jì)發(fā)展歷程

手機(jī)圖標(biāo)設(shè)計(jì)最開(kāi)始僅僅只是基于顯示設(shè)備的基礎(chǔ)顯示性能，但是隨著科學(xué)技術(shù)的不斷發(fā)展，顯示設(shè)備的性能越來(lái)越高，對(duì)于手機(jī)圖標(biāo)的要求也越來(lái)越高，圖標(biāo)能夠顯示出來(lái)的更多的信息，圖標(biāo)設(shè)計(jì)也越來(lái)越精致。并且隨著顯示設(shè)備性能的不斷完善，最初的像素化圖標(biāo)也逐漸更加飽滿，色彩化更加濃重①。在現(xiàn)今圖標(biāo)設(shè)計(jì)的主要風(fēng)格趨勢(shì)就是扁平化設(shè)計(jì)風(fēng)格。扁平化設(shè)計(jì)風(fēng)格的最大優(yōu)點(diǎn)在于非常的簡(jiǎn)單，并且想要表達(dá)的信息非常多，能夠讓用于更加直觀的了解APP的相關(guān)功能，并且扁平化設(shè)計(jì)對(duì)于顯示設(shè)備性能的要求并不高，能夠適應(yīng)各種顯示設(shè)備的分辨率，極大程度上減輕了設(shè)計(jì)難度。

三，U1設(shè)計(jì)中APP圖標(biāo)的設(shè)計(jì)風(fēng)格

（一）寫(xiě)實(shí)風(fēng)格

寫(xiě)實(shí)設(shè)計(jì)風(fēng)格曾經(jīng)風(fēng)靡一時(shí)，許多設(shè)計(jì)者在設(shè)計(jì)手機(jī)APP圖標(biāo)的時(shí)候都基于寫(xiě)實(shí)設(shè)計(jì)風(fēng)格。寫(xiě)實(shí)設(shè)計(jì)風(fēng)格的圖標(biāo)注重的是立體感，使得圖標(biāo)的顯示更加具有質(zhì)感，所以深受用戶的喜愛(ài)。但是寫(xiě)實(shí)設(shè)計(jì)風(fēng)格的圖標(biāo)設(shè)計(jì)難度更高，設(shè)計(jì)也十分復(fù)雜，如果顯示性能的分辨率是固定的，那么在設(shè)計(jì)的時(shí)候可以按照固定的格式設(shè)計(jì)手機(jī)APP的圖標(biāo)，這樣的設(shè)計(jì)非常簡(jiǎn)單。但是隨著科學(xué)技術(shù)的不斷發(fā)展，顯示設(shè)備的性能不斷完善，分辨率的更新迭代速度在不斷加快，如果圖標(biāo)設(shè)計(jì)風(fēng)格的發(fā)展速度不能與分辨率更迭速度相適應(yīng)，圖標(biāo)設(shè)計(jì)就不能與顯示設(shè)備相適應(yīng)，導(dǎo)致手機(jī)APP圖標(biāo)存在瑕疵，顯示效果大打折扣，為了保證圖標(biāo)顯示效果，設(shè)計(jì)師就要對(duì)圖標(biāo)進(jìn)行不斷的調(diào)整，進(jìn)一步增加了工作量以及工作復(fù)雜性②。

（二）扁平化風(fēng)格

扁平化設(shè)計(jì)風(fēng)格的核心在于簡(jiǎn)單，不需要復(fù)雜的裝飾就能夠更好的體現(xiàn)出3D的圖標(biāo)效果，并且表達(dá)出想要表達(dá)的內(nèi)容。在扁平化風(fēng)格的設(shè)計(jì)當(dāng)中，設(shè)計(jì)重心又再度回歸“信息表達(dá)”，圍繞想要表達(dá)的信息進(jìn)行相應(yīng)的設(shè)計(jì)，通過(guò)抽象、簡(jiǎn)單的設(shè)計(jì)來(lái)充分的表達(dá)想要表達(dá)的信息，進(jìn)一步貫徹極簡(jiǎn)的核心概念。扁平化設(shè)計(jì)風(fēng)格最大的優(yōu)點(diǎn)在于可以適應(yīng)各種分辨率的顯示設(shè)備，設(shè)計(jì)人員不需要對(duì)圖標(biāo)進(jìn)行不斷的調(diào)整，工作難度進(jìn)一步減弱③。

（三）輕寫(xiě)實(shí)風(fēng)格

輕寫(xiě)實(shí)風(fēng)格是一種非常新型的設(shè)計(jì)風(fēng)格，綜合了寫(xiě)實(shí)風(fēng)格以及扁平化風(fēng)格，將兩種風(fēng)格進(jìn)行了有機(jī)的融合，使得圖標(biāo)的設(shè)計(jì)風(fēng)格更加傾向于中和的輕寫(xiě)實(shí)。輕寫(xiě)實(shí)風(fēng)格與寫(xiě)實(shí)風(fēng)格最大的區(qū)別在于輕寫(xiě)實(shí)風(fēng)格拋棄了寫(xiě)實(shí)風(fēng)格的立體感，在設(shè)計(jì)過(guò)程中不注重質(zhì)感的表達(dá)。并且輕寫(xiě)實(shí)風(fēng)格也可以適應(yīng)不同分辨率的顯示設(shè)備，對(duì)于顯示設(shè)備分辨率的要求相對(duì)較低，進(jìn)一步減輕設(shè)計(jì)人員的工作量。同時(shí)輕寫(xiě)實(shí)風(fēng)格也不同于扁平化風(fēng)格的過(guò)于冷漠，色彩感更加強(qiáng)烈，表達(dá)的情感更加飽滿，輕寫(xiě)實(shí)風(fēng)格在過(guò)于寫(xiě)實(shí)以及過(guò)于簡(jiǎn)化之中尋求了一種更加新型的發(fā)展方向。

四、結(jié)語(yǔ)

不同的APP因?yàn)樵O(shè)計(jì)風(fēng)格的不同給予用戶不同的感受以及不同的使用體驗(yàn)，現(xiàn)今大多數(shù)的手機(jī)APP的圖標(biāo)都是扁平化的設(shè)計(jì)風(fēng)格，使得用戶存在一定的審美疲勞，所以用戶也在追求更加新奇的圖標(biāo)形式以及設(shè)計(jì)風(fēng)格，特別是年輕的用戶，年輕用戶不僅僅是手機(jī)APP的主要用戶群體，同時(shí)也是最期待個(gè)性設(shè)計(jì)風(fēng)格的用戶群體。面對(duì)不斷變化的用戶需求，設(shè)計(jì)師也在尋求設(shè)計(jì)風(fēng)格的特色化，并且在設(shè)計(jì)的時(shí)候嘗試各種風(fēng)格的突破，基于手機(jī)APP的基本功能，設(shè)計(jì)符合手機(jī)APP功能特色，同時(shí)又滿足用戶需求風(fēng)格的圖標(biāo)，才能進(jìn)一步強(qiáng)化手機(jī)APP的競(jìng)爭(zhēng)力，使得手機(jī)APP可以在激烈的市場(chǎng)競(jìng)爭(zhēng)之中脫穎而出。

注釋：

①王月穎.淺議UI設(shè)計(jì)中的圖標(biāo)設(shè)計(jì)技巧與運(yùn)用[J].山東工業(yè)技術(shù)，2019（17）：194.

②何冬.淺議UI設(shè)計(jì)中的圖標(biāo)設(shè)計(jì)風(fēng)格及發(fā)展趨勢(shì)[J].山東工業(yè)技術(shù)，2019（15）：212.

③楊媛.淺議圖標(biāo)在UI設(shè)計(jì)中的界面布局[J].山東工業(yè)技術(shù)，2019（15）：230.

作者簡(jiǎn)介：張嘉興（1983-），男，河南新鄉(xiāng)人，教師，講師，碩士，藝術(shù)設(shè)計(jì)專業(yè)。