智能手機(jī)應(yīng)用軟件圖標(biāo)中的平面設(shè)計元素

謝瓊 周丹

[摘要]伴隨著智能手機(jī)時代的到來，全球掀起了購買的熱潮。智能手機(jī)的外觀設(shè)計簡潔，屏幕寬大，界面設(shè)計個性化、智能化，因此成為了時尚、潮流的象征，獲得了消費(fèi)者的喜愛，人們也更加關(guān)注的手機(jī)應(yīng)用軟件的使用，視覺設(shè)計成為吸引用戶的重要因素。本文通過對智能手機(jī)應(yīng)用軟件視覺平面設(shè)計中的元素點(diǎn)、線及面進(jìn)行構(gòu)成分析，闡述了點(diǎn)、線及面在應(yīng)用軟件圖標(biāo)中的具體應(yīng)用。

[關(guān)鍵詞]智能手機(jī)應(yīng)用軟件圖標(biāo)點(diǎn)、線、面

一、智能手機(jī)的發(fā)展趨勢

智能手機(jī)已成為手機(jī)領(lǐng)域的新生力量，占據(jù)著手機(jī)市場增長最快的領(lǐng)域并且是手機(jī)產(chǎn)業(yè)的主流發(fā)展趨勢。回顧手機(jī)產(chǎn)業(yè)的整體發(fā)展?fàn)顟B(tài)，自1985年美國的首臺真正意義的手機(jī)問世以來，手機(jī)的發(fā)展速度超乎所有人的想象。截止2012年1月份，中國的手機(jī)用戶數(shù)已達(dá)9.8758億，全球?qū)⑦_(dá)到17.25億，并且這是個還在不斷增大的數(shù)字。智能手機(jī)不僅在數(shù)量上增長迅速，普及率也日漸增加。在中國城市地區(qū)，智能手機(jī)的普及率超過33%。

學(xué)者們對智能手機(jī)的定義不一，一般來說，智能手機(jī)是指像個人電腦一樣，具有獨(dú)立操作系統(tǒng)，可以由用戶自行安裝軟件、游戲等第三方服務(wù)商提供的程序，通過此類程序不斷對手機(jī)的功能進(jìn)行擴(kuò)充，并可以通過移動通訊網(wǎng)絡(luò)來實(shí)現(xiàn)無線網(wǎng)絡(luò)接入的手機(jī)。

二、應(yīng)用軟件的市場關(guān)注度

隨著智能手機(jī)的普及，智能手機(jī)市場正在由廠商推動型向需求拉動型轉(zhuǎn)變，消費(fèi)者的選擇不再單一，個性需求逐漸得以滿足。了解消費(fèi)者特點(diǎn)，不斷滿足消費(fèi)者需求，才能使手機(jī)生產(chǎn)商立于不敗之地。下面從應(yīng)用軟件的功能與分類來剖析消費(fèi)者偏好。

2011年，手機(jī)各類軟件中，即時通訊仍位列網(wǎng)民關(guān)注度首位，大幅領(lǐng)先于其他類型軟件。但整體趨勢上，即時通訊軟件的關(guān)注度在下降。相對的，PC端管理軟件的關(guān)注度出現(xiàn)了明顯持續(xù)的上升，成為即時通訊軟件關(guān)注度下降的主因。主要是因?yàn)橹悄苁謾C(jī)的大量普及，大大刺激了網(wǎng)民對手機(jī)與PC交互的軟件需求。

三、應(yīng)用軟件圖標(biāo)中的平面設(shè)計元素

1.圖標(biāo)的概念

“Icon”這個單詞源于希臘的“Eikon”，原意為圖像，字典里被定義為宗教的圖騰，圖標(biāo)概念引入到手機(jī)領(lǐng)域以后被認(rèn)為是圖像、圖片或者是表示概念的符號。圖標(biāo)用圖形符號的形式來歸納整理內(nèi)容信息，方便人們的記憶和交流。隨著智能手機(jī)應(yīng)用領(lǐng)域和需求用戶的一再擴(kuò)大，手機(jī)應(yīng)用軟件圖標(biāo)的視覺設(shè)計也變得更加重要了，它要同時具備承載大量信息量和簡潔表意的作用。圖標(biāo)的優(yōu)勢在于它的概括性和可認(rèn)知性，提高了界面的易用性。在很小的界面里用簡單的造型準(zhǔn)確表達(dá)含義是比較復(fù)雜的，而且對于簡單的圖形，不同用戶的理解也不盡相同，所以使圖標(biāo)形象生動、醒目，提升界面的視覺效果，成為圖標(biāo)設(shè)計的更高追求。

2.平面設(shè)計元素在軟件圖標(biāo)中的應(yīng)用

平面是視覺元素構(gòu)成的。平面設(shè)計將大千世界存在的各種物質(zhì)的共同特點(diǎn)、輪廓線等等提煉出來，將提煉出的形態(tài)結(jié)構(gòu)進(jìn)行分析、概括，會發(fā)現(xiàn)組成形態(tài)的最基本元素是點(diǎn)、線、面，他們的再組合就產(chǎn)生了儀態(tài)萬千的豐富的物質(zhì)，要創(chuàng)造新的形象，需要掌握造型規(guī)律并且能動的運(yùn)用美學(xué)法則。[2]伴隨著豐富的物質(zhì)生活，追求時尚已成為人們精神活動的更高追求，也促使手機(jī)應(yīng)用軟件圖標(biāo)越來越藝術(shù)化，這種生活中的創(chuàng)意設(shè)計，來源于設(shè)計師們對構(gòu)成、規(guī)律的科學(xué)運(yùn)用，極大滿足了消費(fèi)者多方面需求。平面設(shè)計視覺元素的最基礎(chǔ)形態(tài)是點(diǎn)、線和面。下面我將闡述這些要素在智能手機(jī)應(yīng)用軟件圖標(biāo)中的具體應(yīng)用。

（1）點(diǎn)

點(diǎn)是構(gòu)成里最基本元素，也是造型要素里最小的單位。它的高度抽象、簡潔給人以想象空間，如同遙望夜空那不知面積大小，只知閃爍的繁星。在設(shè)計師眼里，不論大小，點(diǎn)都具備聚焦的作用，刺激視覺集中，比如棋盤中下的第一顆子，它穩(wěn)定、單純，無論位置、大小是否變化，當(dāng)畫面中的它是獨(dú)一無二時，關(guān)注度會一路追隨。兩個點(diǎn)，試想在玩兒碰碰球，力量使他們拉開了距離，距離越大，點(diǎn)的張力也就越大。更多的點(diǎn)，設(shè)想一個運(yùn)動會的操場，代表點(diǎn)的運(yùn)動員排成方正行進(jìn)，空間中形成方向感和運(yùn)動感；而解散的人群似點(diǎn)自由漫布，視覺沒有重點(diǎn)，反而了注意力。點(diǎn)的形態(tài)靈活多樣，可以極大豐富平面設(shè)計的視覺效果，具有較好可塑性。

①點(diǎn)的概念

點(diǎn)是微小的物質(zhì)，它具備一定的體面，但卻沒有方向，只是占據(jù)空間的體積。日常生活中，有許多的點(diǎn)，海洋中的扁舟、夜空中的明月、叢花中的螢火蟲等。點(diǎn)的形狀更是豐富多樣的，圓形、三角形、正方形、心形、還有具象形。

②點(diǎn)在手機(jī)應(yīng)用圖標(biāo)中的應(yīng)用

單點(diǎn)。當(dāng)畫面只出現(xiàn)一個點(diǎn)時，我們的視線會被聚集在此點(diǎn)上?！翱峁芬魳凡シ牌鳌眻D標(biāo)是紐扣式設(shè)計，也是作為點(diǎn)最經(jīng)典的表現(xiàn)，圖標(biāo)主體給人一種平穩(wěn)的感覺，圓形代表匯聚，體現(xiàn)此軟件是全球最全音樂曲庫、最專業(yè)的音頻解碼核心技術(shù)，完美實(shí)現(xiàn)各種音頻格式的高保真播放只要一點(diǎn)擊它，即可得到?！捌嫠囈曨l客戶端”圖標(biāo)在圓的基礎(chǔ)上進(jìn)行了不對稱變形，給人一種動感，起到誘導(dǎo)視線的作用，有力的突出了此款軟件的特點(diǎn)，是熱播大劇、最新劇集，八卦娛樂等視頻的傳播窗口?！懊利愓f”是一款專為時尚女生量身定做的購物、分享的平臺，這里的花朵形狀作為點(diǎn)的形式出現(xiàn)，打破傳統(tǒng)圖形的呆板和沉悶，把圖案當(dāng)點(diǎn)，在吸引視線的同時，使圖標(biāo)更顯活潑。

多點(diǎn)?！疤摂M臺球”圖標(biāo)是多點(diǎn)的典型圖形，運(yùn)用臺球的造型，給人以平穩(wěn)而明快的感覺，排布規(guī)律整潔，可產(chǎn)生縱向、橫向、斜向的運(yùn)動感，視覺效果會比單點(diǎn)更加豐富。當(dāng)點(diǎn)的排列產(chǎn)生距離和大小變化時，會產(chǎn)生不同的心理感受，例如“音樂音量均衡器”的圖標(biāo)，整與零、多與少的對比，讓點(diǎn)與點(diǎn)之間相互配合，節(jié)奏感和靈活性也突顯出來。在“符文大師”圖標(biāo)中，遠(yuǎn)近不同的點(diǎn)分散開來，人的視線會移動在這些點(diǎn)上，形成一個虛面使畫面統(tǒng)一，體現(xiàn)深度感和活躍感。

（2）線

線同樣是構(gòu)成的基本造型元素之一，它是點(diǎn)連續(xù)的移動軌跡，有長度、位置和方向，不具備大小寬窄之分。造型設(shè)計角度看，卻是有形狀、相對的寬度的。線有很強(qiáng)的表形功能，有粗濃流頓挫之分。線條的豐富變化使它產(chǎn)生許多審美感受，或是柔美，或是自由，或是明快，或是力量，它是思想感情和視覺信息最具表現(xiàn)力的載體。線同樣可以對空間、區(qū)域進(jìn)行劃分，劃定事物的邊界形成導(dǎo)向功能。

① 線的概念

幾何學(xué)上指一個點(diǎn)任意移動所構(gòu)成的圖形叫線，點(diǎn)的大小、形狀、運(yùn)動方向也決定了線的形態(tài)。

②線在手機(jī)應(yīng)用圖標(biāo)中的應(yīng)用

垂線分割。垂直線給人一種醒目且修長的感覺，以下圖標(biāo)是具體體現(xiàn)?！耙嘈奈⒉┢つw”圖標(biāo)形似窗口，垂直的線性設(shè)計，加強(qiáng)了設(shè)計的力度，簡潔而又張力。“wifi分析儀”圖標(biāo)的中心線條并未垂直到底，以一個圓點(diǎn)為軸將畫面分割，既形象體現(xiàn)軟件的用途又讓小小的圖標(biāo)動感靈活?！爸袊罔F”圖標(biāo)是優(yōu)雅的，左右分布，相錯而又對稱，給人的印象簡潔、明快、并具有速度感。

水平分割。水平線使人聯(lián)想起海平面、地平線，有安定穩(wěn)妥、平靜永恒之感，同時也易使人覺得寂寞，沒有生氣，“愛壁紙”圖標(biāo)多彩的畫面分割，恰好取長補(bǔ)短，層次分明，節(jié)奏明快。“來電通”圖標(biāo)的分割創(chuàng)造了一個視覺中心，偏上箭頭給人急速之感；偏下箭頭給人通達(dá)之感，讓人不得不嘗試這全新的通訊體驗(yàn)?！皸l碼掃描器”是一款能夠直接讀取條碼中存儲的信息、數(shù)字和網(wǎng)址的條碼掃描器的軟件，條形碼線條具有持續(xù)感和秩序感，結(jié)合代表感應(yīng)器的紅色直線，圖標(biāo)有節(jié)奏而又醒目。

曲線分割。曲線在圖標(biāo)設(shè)計使用也非常廣泛，它給人以優(yōu)雅、柔美、并具有韻律感?！坝撇ナ謾C(jī)視頻播放器”圖標(biāo)中的線回旋圍繞，形成一個活潑的卡通圖形，自由的曲線能產(chǎn)生情緒感和動蕩感?！熬胖厝烁駵y試”圖標(biāo)中的線由不規(guī)則的弧線和直線組成，隨意的造型有生一定的時代感和理智性，正是此軟件的特點(diǎn)。字體設(shè)計中線條表現(xiàn)形式也很多，比如“去約會”圖標(biāo)，曲線讓字體更顯溫婉，讓點(diǎn)擊軟件那刻也有舒心愉悅感。

（3）面

面是平面構(gòu)成三大要素中的最后一個。面與形關(guān)系最為密切，面有輪廓線，是識別事物特征的重要因素，事物的形態(tài)因?yàn)橛兴某尸F(xiàn)才能被人們了解接受。線的運(yùn)動成了面，只有長寬，沒有體積。面與點(diǎn)線的區(qū)別就是有體量感，它的情感與特點(diǎn)與其外輪廓直接相關(guān)：直線平行移動成矩形，有著單純明快、穩(wěn)定大方的特色；直線回旋移動成圓形，有完美飽滿、周而復(fù)始之感；直線弧線移動成不規(guī)則形，以為變化多端、活潑自信。

①面的概念

構(gòu)成面的元素是點(diǎn)和線，有點(diǎn)和線就可以構(gòu)成面。無數(shù)的點(diǎn)的組合或無數(shù)線的排列的效果，在視覺上也成了面。

②面在手機(jī)應(yīng)用圖標(biāo)中的應(yīng)用

面有幾何形、有機(jī)形、偶然形和不規(guī)則形四大類，在應(yīng)用軟件圖標(biāo)中都有體現(xiàn)?！耙绘I鎖屏”是幾何形圖標(biāo)，即規(guī)則形的組合，組成圖形有圓角矩形及圓弧，圖形規(guī)整，約束而嚴(yán)謹(jǐn)?！昂澜鐒討B(tài)壁紙”圖標(biāo)中的蝴蝶圖案，這是大自然的神奇產(chǎn)物，生理結(jié)構(gòu)的對稱有規(guī)律，創(chuàng)造出有機(jī)形，這類面讓人有心曠神怡、親近之感?！八袊绖討B(tài)壁紙”圖標(biāo)中潑墨的山水畫以及滴落的雨點(diǎn)等，自然或人為有意無意間形成的狀態(tài)是偶然形，既是偶然便不受束縛，美與設(shè)計感自然流露。“杜甫很忙”則是不規(guī)則形，不規(guī)則也卻有規(guī)律，造型不僅生動活潑，還具有鮮明個性，這種不呆板的變化，使新鮮感恒溫。

圖形里的面與面相符相依，互襯互托，加之不同的調(diào)子、肌理、色彩形成圖形的風(fēng)格，決定了面給人的感受，溫暖或冰涼，柔弱或剛強(qiáng)，秀美或粗獷，設(shè)計中合理組合搭配，能夠創(chuàng)造更豐富的象征意義。

四、結(jié)語

點(diǎn)、線和面是一切造型藝術(shù)的基礎(chǔ)，在智能手機(jī)應(yīng)用圖標(biāo)中也不例外，掌握了這些具有深刻象征指示性符號的特性后，取之精華，改其糟粕，在設(shè)計中進(jìn)行分解搭配、組合優(yōu)化，加以充分發(fā)揮自己的創(chuàng)造性思維，就能產(chǎn)生不同的形態(tài)造型、不同的魅力。靈活應(yīng)用它們的規(guī)律、特性，將對手機(jī)軟件圖標(biāo)設(shè)計工作產(chǎn)生取之不竭的力量源泉。

參考文獻(xiàn)：

[1]張凌浩.基于智能系統(tǒng)的手機(jī)軟件界面設(shè)計方法探討.包裝工程,2010（12）

[2]湯雅莉,黃纓,徐紅蕾.平面構(gòu)成.華中科技大學(xué)出版社,2008-01.

[3]童宜潔.界面設(shè)計中信息傳達(dá)要素分析[D].武漢理工人學(xué).2006.4

[4]尹定邦.設(shè)計學(xué)概論[M].湖南科學(xué)技術(shù)出版社.2001.9