王鳳婷 趙宇(通訊作者)哈爾濱師范大學(xué)
關(guān)鍵字:極簡(jiǎn)風(fēng)格 APP圖標(biāo) 手機(jī)界面
在當(dāng)今快節(jié)奏,高效率的時(shí)代背景下,APP應(yīng)用的需求增加導(dǎo)致其更新速度越來(lái)越快。傳統(tǒng)的具象模式下的圖標(biāo)由于其根據(jù)事物本來(lái)故有形態(tài)進(jìn)行優(yōu)化設(shè)計(jì)的局限性,總是遇到大體相同或遭到瓶頸期的現(xiàn)象,這一現(xiàn)象導(dǎo)致近些年極簡(jiǎn)風(fēng)格在APP圖標(biāo)的設(shè)計(jì)應(yīng)用中占據(jù)了主流地位。
APP圖標(biāo)的設(shè)計(jì)應(yīng)用應(yīng)該擁有一定的辨識(shí)度,這樣有利于使用者快速辨認(rèn)出圖標(biāo)的功能。一個(gè)成功的應(yīng)用圖標(biāo),必須具備非常高的辨識(shí)性,讓使用者以最快的時(shí)間讀懂圖標(biāo)所展示的含義以及其功能。所以在其進(jìn)行設(shè)計(jì)時(shí),應(yīng)該貼靠物體外形的特征,展現(xiàn)出其辨識(shí)度。把其最重要的圖形意象屬性—圖標(biāo)的傳達(dá)功能放在首位,實(shí)現(xiàn)它的實(shí)用價(jià)值,避免產(chǎn)生誤導(dǎo)意義的情況出現(xiàn)。這一特性同樣應(yīng)用于啟動(dòng)圖標(biāo),如蘋果公司下的“語(yǔ)音備忘錄”APP,圖標(biāo)中采用的音頻元素輕而易舉的就讓人聯(lián)想起該應(yīng)用是與音頻有關(guān)的APP,中間的“藍(lán)線”則有表述“暫停”的含義,因此使用者就可以根據(jù)其圖標(biāo)的辨識(shí)性聯(lián)想到該應(yīng)用為“語(yǔ)音備忘錄”。
文本標(biāo)簽在極簡(jiǎn)風(fēng)格的圖標(biāo)設(shè)計(jì)中也是必不可少的,設(shè)計(jì)師往往將文本標(biāo)簽與極簡(jiǎn)風(fēng)格的圖標(biāo)進(jìn)行搭配組合,更加快速直接的闡述圖標(biāo)的功能性,增加其圖標(biāo)的辨識(shí)度。傳統(tǒng)的具象型圖標(biāo)往往因?yàn)樽非缶呦箫L(fēng)格而設(shè)計(jì)的過(guò)于繁瑣,搭配文字標(biāo)簽易給使用者產(chǎn)生多余、過(guò)重的視覺(jué)體驗(yàn)感。因此極簡(jiǎn)風(fēng)格的圖標(biāo)應(yīng)與文字標(biāo)簽相配合可以達(dá)到在頁(yè)面簡(jiǎn)潔化最高的程度上達(dá)到最具直觀性的辨識(shí)性。圖標(biāo)最突出的特點(diǎn)就是具備其獨(dú)特面貌,易于識(shí)別。必須特征鮮明,具有視覺(jué)沖擊力,令人一眼即可識(shí)別,用極簡(jiǎn)的表述卻達(dá)到顯而易見(jiàn)的辨識(shí)度。
APP圖標(biāo)的設(shè)計(jì)應(yīng)用應(yīng)該簡(jiǎn)潔易懂、清晰明了,這樣有利于減少使用者的視覺(jué)疲勞。極簡(jiǎn)大師Jil Sander曾說(shuō)過(guò),“拿走的東西越多,留下的就越純粹”。界面的整體上整齊大方,回歸自然的同時(shí)尊重自然規(guī)律,依據(jù)物體應(yīng)用形態(tài)的自然體現(xiàn),進(jìn)行明快而具有視覺(jué)沖擊力的設(shè)計(jì),用色單純簡(jiǎn)練,刪繁就簡(jiǎn),以少勝多,主次分明。如Airbnb的底部導(dǎo)航欄,在展示“搜索”圖標(biāo)時(shí),“心愿單”圖標(biāo)中,一個(gè)愛(ài)心的形狀即可表達(dá)出“心愿”的意思。適當(dāng)粗細(xì)的線條會(huì)使圖標(biāo)精致、透氣、秀美,簡(jiǎn)潔的形式表達(dá),有利于減少使用者的視覺(jué)疲勞。
極簡(jiǎn)風(fēng)格主要以簡(jiǎn)單到極致為追求,主要是指在感官上達(dá)到追求整體風(fēng)格統(tǒng)一的簡(jiǎn)約整潔,從而達(dá)到在品味和思想上顯得更為高雅。其風(fēng)格的設(shè)計(jì)主要是通過(guò)刪除多余的元素,色彩,紋理,形狀等。最終達(dá)到簡(jiǎn)約又脫穎而出的成果。極簡(jiǎn)風(fēng)格的脫穎而出在于它可以達(dá)到設(shè)計(jì)中的“少即是多”減少產(chǎn)品的復(fù)雜性和疑惑的同時(shí),卻能使產(chǎn)品更加清晰明了,突出其重點(diǎn)的功能作用。
APP圖標(biāo)的設(shè)計(jì)應(yīng)用應(yīng)該從整體出發(fā),達(dá)到柔度對(duì)比平衡、保持圖標(biāo)的美感特征,這樣有利于整體上視覺(jué)風(fēng)格的統(tǒng)一。風(fēng)格的統(tǒng)一要包含:線條的統(tǒng)一、形的統(tǒng)一、顏色搭配的統(tǒng)一等。
柔度對(duì)比運(yùn)用的平衡,在整體上就可以達(dá)到一定程度上的統(tǒng)一,直角邊框與圓角邊框決定了圖標(biāo)外形的感知和風(fēng)格的走向,圓角越大圖形越趨向于可愛(ài)柔美。圖標(biāo)圓角越小則越直接、硬朗和剛硬。極簡(jiǎn)風(fēng)格的一致性也可以增強(qiáng)圖標(biāo)的特征美感,圖標(biāo)與整體風(fēng)格搭配的一致,就會(huì)在保持著原有形態(tài)美感的同時(shí),在整體風(fēng)格一致中達(dá)到錦上添花的作用。如愛(ài)奇藝應(yīng)用的啟動(dòng)圖標(biāo)與底部導(dǎo)航欄的圖標(biāo),兩者皆采用極簡(jiǎn)風(fēng)格的設(shè)計(jì)就做到了風(fēng)格的統(tǒng)一,在最后應(yīng)用搭配的展示中增強(qiáng)了極簡(jiǎn)風(fēng)格一致性的圖標(biāo)特征美感。在設(shè)計(jì)圖標(biāo)中應(yīng)該達(dá)到以上規(guī)律達(dá)到圖標(biāo)大小的統(tǒng)一,從而增加極簡(jiǎn)風(fēng)格的一致性;規(guī)范的統(tǒng)一即為視覺(jué)的規(guī)范統(tǒng)一,設(shè)計(jì)師總是在統(tǒng)一的大小區(qū)域繪制正方形、圓形、三角形從而符合了視覺(jué)上大小統(tǒng)一的特征;風(fēng)格的統(tǒng)一,極簡(jiǎn)風(fēng)格的圖標(biāo)最直接容易的達(dá)到風(fēng)格的統(tǒng)一,顏色的統(tǒng)一在視覺(jué)上最具有沖擊力。
一致性是每個(gè)優(yōu)秀的界面都必須具備的特點(diǎn),圖標(biāo)風(fēng)格必須與產(chǎn)品內(nèi)容一致、界面的結(jié)構(gòu)必須達(dá)到清楚一致。極簡(jiǎn)風(fēng)格的一致性運(yùn)用的恰到好處,應(yīng)表現(xiàn)為從總體上看,各個(gè)板塊界面的圖標(biāo)組合的恰到好處,各種方面的統(tǒng)一進(jìn)行堆積從而達(dá)到更為整體的統(tǒng)一,提升用戶的視覺(jué)體驗(yàn)感。
本篇文章的重點(diǎn)在于極簡(jiǎn)風(fēng)格在APP圖標(biāo)中應(yīng)用的優(yōu)勢(shì)探討,極簡(jiǎn)風(fēng)格設(shè)計(jì)的優(yōu)勢(shì)注重以“少即是多”原則,追求簡(jiǎn)單、樸素的設(shè)計(jì)風(fēng)格;但簡(jiǎn)約不等同于缺少,適當(dāng)?shù)臉O簡(jiǎn)可以給使用者更多的思考方向,同時(shí)減少視覺(jué)疲勞。作為設(shè)計(jì)者,在進(jìn)行極簡(jiǎn)風(fēng)格界面圖標(biāo)設(shè)計(jì)中應(yīng)注重以用戶體驗(yàn)為出發(fā)點(diǎn),多從使用者的角度出發(fā)進(jìn)行分析設(shè)計(jì),盡可能的為使用者提升體驗(yàn)舒適感,同時(shí)極簡(jiǎn)風(fēng)格更加高效省時(shí)、直接了當(dāng)更加符合用戶的心理需求等。因此,極簡(jiǎn)風(fēng)格成為了近期圖標(biāo)設(shè)計(jì)風(fēng)格的主流,在致力于設(shè)計(jì)出創(chuàng)新、美觀的APP圖標(biāo)的時(shí),能夠帶給用戶更加舒適的體驗(yàn)。