基于互聯(lián)網(wǎng)時(shí)代手機(jī)圖標(biāo)扁平化設(shè)計(jì)探析

王彩鳳

（湖北工業(yè)大學(xué)，湖北 武漢 430000）

基于互聯(lián)網(wǎng)時(shí)代手機(jī)圖標(biāo)扁平化設(shè)計(jì)探析

王彩鳳

（湖北工業(yè)大學(xué)，湖北 武漢 430000）

手機(jī)發(fā)展的這幾年里，給人們也呈現(xiàn)出了多樣的圖標(biāo)設(shè)計(jì)風(fēng)格。扁平化作為界面設(shè)計(jì)風(fēng)格之一，經(jīng)歷了一個(gè)曲折的過程。

在瑞士很早就出現(xiàn)了扁平化設(shè)計(jì)。在第二次世界大戰(zhàn)中扁平化設(shè)計(jì)也受到各方面的影響而停滯了一段時(shí)間，戰(zhàn)后不久，一種全新的平面設(shè)計(jì)風(fēng)格在瑞士形成，因此被稱為“瑞士平面設(shè)計(jì)風(fēng)格”。這種風(fēng)格簡約且明確，并且具有準(zhǔn)確的傳達(dá)功能。

互聯(lián)時(shí)代； 手機(jī)圖標(biāo)； 扁平化

一、國內(nèi)外手機(jī)圖標(biāo)的現(xiàn)狀和未來

每個(gè)時(shí)期的手機(jī)圖標(biāo)設(shè)計(jì)都有著各自不同的發(fā)展，社會(huì)的變革使人們的審美方式也發(fā)生改變，對(duì)手機(jī)圖標(biāo)在表現(xiàn)形式上的多樣性也提出更新的需求，同時(shí)圖標(biāo)設(shè)計(jì)也面臨著一定的考驗(yàn)，圖標(biāo)已經(jīng)不限制是電腦使用合適在手機(jī)上使用。手機(jī)小巧的體型具有其自身的靈活性和便捷性卻受限制于尺寸的因素，無論是從大小上還是在分辨率上是無法和大型的娛樂設(shè)備對(duì)抗。其顯示空間也是有限的，所以在做設(shè)計(jì)圖標(biāo)時(shí)要保證在任何大小的屏幕上它的易讀性。與前幾年的擬物化圖標(biāo)風(fēng)格相比扁平化風(fēng)格更加簡約，調(diào)理清晰具有更好的適應(yīng)性。

當(dāng)前運(yùn)用在手機(jī)上的操作系統(tǒng)以IOS、Andriod以及在Windows phone三大陣營，設(shè)計(jì)特點(diǎn)各不相同。在近幾年里IOS界面中，有部分的扁平化的影子。在Google于2007年11月5號(hào)宣布的基于Linux平臺(tái)開源手機(jī)系統(tǒng)Andriod手機(jī)操作系統(tǒng)圖標(biāo)設(shè)計(jì)中也逐漸出現(xiàn)準(zhǔn)扁平化的設(shè)計(jì)，并且在Google中體驗(yàn)良好。無論是屬于什么的設(shè)計(jì)形式，設(shè)計(jì)的美在于是否適宜，扁平化設(shè)計(jì)在網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)中有非常大的優(yōu)勢(shì)，其簡約性和條理性彌補(bǔ)了長年的兼容詬病。今后一段時(shí)間扁平化設(shè)計(jì)風(fēng)格將會(huì)是一種潮流引領(lǐng)圖標(biāo)設(shè)計(jì)。

未來，對(duì)界面設(shè)計(jì)思想的認(rèn)識(shí)，將回歸到如何認(rèn)識(shí)功能、內(nèi)容和應(yīng)用本身。評(píng)論家Steven也曾指出：“極簡設(shè)計(jì)的必要性始于手機(jī)屏幕的小型化。美國視覺藝術(shù)學(xué)院設(shè)計(jì)研究所主任，指出“人們長時(shí)間大量接觸特效后的合理反應(yīng)正是偏好扁平設(shè)計(jì)?！比缃癖馄交脑O(shè)計(jì)操作系統(tǒng)被很多小屏幕行動(dòng)裝置皆采用。使用者把這股潮流視為標(biāo)準(zhǔn)設(shè)計(jì)，相對(duì)來講，仿真外觀的設(shè)計(jì)形式就被視做過時(shí)，我們可以認(rèn)為扁平設(shè)計(jì)是對(duì)舊有的仿真趨勢(shì)的反動(dòng)。同理可得出，直到下一個(gè)設(shè)計(jì)趨勢(shì)出現(xiàn)否者扁平化式的設(shè)計(jì)風(fēng)格都不會(huì)過的。

二、扁平化設(shè)計(jì)趨勢(shì)的必然性

時(shí)尚是時(shí)代的標(biāo)簽，所傳遞的內(nèi)容和方式在不同時(shí)期是不一樣的，是由于追溯它的審美意識(shí)和價(jià)值取向發(fā)生了改變，進(jìn)而也對(duì)現(xiàn)代圖標(biāo)設(shè)計(jì)帶來了一定的影響，減少認(rèn)知障礙的出現(xiàn)，將信息和事物的工作方式更加簡單的表達(dá)出來。是扁平化手機(jī)圖標(biāo)比其他設(shè)計(jì)形式優(yōu)勢(shì)之一。

（一）心理層面的影響。

心理活動(dòng)對(duì)人們接受信息的傳播具有很大的影響，也對(duì)不同視覺信息的傳播具有很大的影響。對(duì)變化的選擇是人們具有最重要的心理特點(diǎn)，人們會(huì)從心理上主動(dòng)的尋求脫離一些不變的事物產(chǎn)生的厭倦感，不同的視覺感觸的同時(shí)也會(huì)產(chǎn)生相應(yīng)的心理感觸。通用汽車公司總裁斯隆曾提出“有計(jì)劃的廢止制度”所主張?jiān)谠O(shè)計(jì)新的汽車樣式時(shí)必須有計(jì)劃的考慮計(jì)劃在今后幾年里更換部分設(shè)計(jì)，形成有計(jì)劃的樣式老化過程。這一制度的形成就是設(shè)計(jì)師在設(shè)計(jì)產(chǎn)品時(shí)抓住了人們這種尋求新鮮事物的特征。為此手機(jī)圖標(biāo)設(shè)計(jì)隨著時(shí)代的發(fā)展迎合受眾的心理定期進(jìn)行調(diào)整，以避免人們心理產(chǎn)生厭倦感。所以當(dāng)今諸多圖標(biāo)設(shè)計(jì)公司實(shí)際需要而取向扁平化的效果。

（二）視覺層面的需求。

最初的手機(jī)圖標(biāo)扁平化設(shè)計(jì)形式是一種簡單的線條表現(xiàn)具象的圖形指引人們操作手機(jī)。隨著審美觀念的變化，人們對(duì)這種扁平化視覺上的新鮮感不復(fù)存在。后來的圖標(biāo)設(shè)計(jì)中加入了光影擬物元素，在平面空間上來塑造立體的效果，通過光、影、漸變、來表現(xiàn)三維空間的效果，在某種程度上講，這是對(duì)之前設(shè)計(jì)感的繼承和發(fā)展，更符合審美時(shí)代性。又經(jīng)過一段時(shí)間，需要出現(xiàn)新的視覺形式來滿足新需求，扁平化的手機(jī)圖標(biāo)設(shè)計(jì)在周圍充斥各種各樣的圖標(biāo)設(shè)計(jì)世界里，所體現(xiàn)的便是不同的感受。

（三）交互設(shè)計(jì)發(fā)展的推動(dòng)。

交互設(shè)計(jì)地位逐步加深。如果沒有適當(dāng)?shù)姆绞綄⑿袨楹陀脩袈?lián)系在一起，無論花多大的力氣是不夠的。交互這種關(guān)聯(lián)常常發(fā)生在視覺上，而手機(jī)圖標(biāo)又作為界面的視覺符號(hào)和交互控件，起著承上啟下的作用。對(duì)產(chǎn)品的吸引力和效力產(chǎn)生很大的影響。扁平化手機(jī)圖標(biāo)更適合任何尺寸的屏幕，特別是小屏幕，而帶有特效的圖標(biāo)在縮小后其識(shí)別度就下降，另一方面扁平化的圖標(biāo)設(shè)計(jì)既兼顧了極簡主義的原則又可以應(yīng)對(duì)更多的復(fù)雜性，可以提高手機(jī)運(yùn)行速度，是扁平化設(shè)計(jì)興起的原因之一。

三、手機(jī)圖標(biāo)扁平化方法

手機(jī)圖標(biāo)設(shè)計(jì)工作的重點(diǎn)在于如何處理好和組織好視覺元素，從而有效的傳遞出行為和信息。手機(jī)圖標(biāo)中的每一個(gè)組成都是一些基本屬性，扁平化手機(jī)圖標(biāo)設(shè)計(jì)也突顯出一定的規(guī)律。

（一）拒絕特效。

去掉繁瑣的裝飾邊緣變得干凈利落。在扁平化設(shè)計(jì)中扁平化高光、階梯式漸變所謂的長投影是允許的。

（二）注重色塊和色彩的使用。

扁平化中色塊占據(jù)著很重要的地位，首先，關(guān)于色塊的形狀，基礎(chǔ)形狀是圓形、三角形、以及多邊形，一般不會(huì)使用超出六邊形，這樣會(huì)使用戶注意力分散而無法集中。在所要信息的傳達(dá)中，圓角的矩形的塊面組合更適宜。在色彩上，是黃色、紅色還是橙色的？顏色的不同可以快速引起我們的注意而在一些專業(yè)領(lǐng)域中顏色具有特殊的意義。在圖標(biāo)設(shè)計(jì)中要謹(jǐn)慎使用顏色。如果是追求一種穩(wěn)重、安全、的風(fēng)格，那么選擇一種主色以及同色系四五種輔色；如果是追求青春、活潑的風(fēng)格色彩要鮮艷、明亮、選擇的主色和輔色時(shí)會(huì)有差別。最后色塊搭配也是很重要的一個(gè)環(huán)節(jié)?；A(chǔ)形狀的組合以及適當(dāng)?shù)难苌渌螤钸M(jìn)行組合，最好不要超過三種不同的基礎(chǔ)形狀組合，否者設(shè)計(jì)偏離簡約設(shè)計(jì)的初衷。

（三）優(yōu)化排版。

由于簡單的設(shè)計(jì)元素被扁平化設(shè)計(jì)所使用，排版就更加重要，影響著用戶體驗(yàn)。這個(gè)元素和其他元素是否相關(guān)的？位置既是順序的也是定量的變量，這就意味著它就可以被用來層次結(jié)構(gòu)方面的信息。屏幕的閱讀順序能夠幫助我們定位元素，把重要的對(duì)象放在屏幕的中部偏上的位置，就可以從位置來設(shè)計(jì)出屏幕對(duì)象和現(xiàn)實(shí)世界對(duì)象的空間對(duì)應(yīng)關(guān)系。而手機(jī)圖標(biāo)設(shè)計(jì)不僅考慮圖形的設(shè)計(jì)同時(shí)也要考慮字體的排版設(shè)計(jì)，它和界面中的其它元素是相輔相成的，在扁平化設(shè)計(jì)中盡量不實(shí)用生僻的字體。常使用無襯線字體，同時(shí)也要調(diào)和字與字之間的關(guān)連，注重節(jié)奏和韻律，設(shè)計(jì)出更具有表現(xiàn)力和感染力的作品，把內(nèi)容和準(zhǔn)確度鮮明的傳達(dá)給用戶。

指導(dǎo)教師：張靜

［1］湯文廣，回歸-標(biāo)志設(shè)計(jì)的扁平化探析［J］，遼寧美術(shù)出版社，2013年

［2］王文麗，秦朦陽.企業(yè)品牌形象塑造研究［J］.市場(chǎng)論壇，2012年10期

J022

A

1671-864X（2016）07-0282-01

王彩鳳（1993.08-），性別：女，民族：漢，籍貫：山西，學(xué)歷研一，單位：湖北工業(yè)大學(xué)，研究方向：視覺傳達(dá)。