智能手機應用軟件圖標中的平面設計元素

謝瓊 周丹

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

[關鍵詞]智能手機應用軟件圖標點、線、面

一、智能手機的發展趨勢

智能手機已成為手機領域的新生力量，占據著手機市場增長最快的領域并且是手機產業的主流發展趨勢。回顧手機產業的整體發展狀態，自1985年美國的首臺真正意義的手機問世以來，手機的發展速度超乎所有人的想象。截止2012年1月份，中國的手機用戶數已達9.8758億，全球將達到17.25億，并且這是個還在不斷增大的數字。智能手機不僅在數量上增長迅速，普及率也日漸增加。在中國城市地區，智能手機的普及率超過33%。

學者們對智能手機的定義不一，一般來說，智能手機是指像個人電腦一樣，具有獨立操作系統，可以由用戶自行安裝軟件、游戲等第三方服務商提供的程序，通過此類程序不斷對手機的功能進行擴充，并可以通過移動通訊網絡來實現無線網絡接入的手機。

二、應用軟件的市場關注度

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

2011年，手機各類軟件中，即時通訊仍位列網民關注度首位，大幅領先于其他類型軟件。但整體趨勢上，即時通訊軟件的關注度在下降。相對的，PC端管理軟件的關注度出現了明顯持續的上升，成為即時通訊軟件關注度下降的主因。主要是因為智能手機的大量普及，大大刺激了網民對手機與PC交互的軟件需求。

三、應用軟件圖標中的平面設計元素

1.圖標的概念

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

2.平面設計元素在軟件圖標中的應用

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

（1）點

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

①點的概念

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

②點在手機應用圖標中的應用

單點。當畫面只出現一個點時，我們的視線會被聚集在此點上。“酷狗音樂播放器”圖標是紐扣式設計，也是作為點最經典的表現，圖標主體給人一種平穩的感覺，圓形代表匯聚，體現此軟件是全球最全音樂曲庫、最專業的音頻解碼核心技術，完美實現各種音頻格式的高保真播放只要一點擊它，即可得到。“奇藝視頻客戶端”圖標在圓的基礎上進行了不對稱變形，給人一種動感，起到誘導視線的作用，有力的突出了此款軟件的特點，是熱播大劇、最新劇集，八卦娛樂等視頻的傳播窗口。“美麗說”是一款專為時尚女生量身定做的購物、分享的平臺，這里的花朵形狀作為點的形式出現，打破傳統圖形的呆板和沉悶，把圖案當點，在吸引視線的同時，使圖標更顯活潑。

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

（2）線

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

① 線的概念

幾何學上指一個點任意移動所構成的圖形叫線，點的大小、形狀、運動方向也決定了線的形態。

②線在手機應用圖標中的應用

垂線分割。垂直線給人一種醒目且修長的感覺，以下圖標是具體體現。“亦心微博皮膚”圖標形似窗口，垂直的線性設計，加強了設計的力度，簡潔而又張力。“wifi分析儀”圖標的中心線條并未垂直到底，以一個圓點為軸將畫面分割，既形象體現軟件的用途又讓小小的圖標動感靈活。“中國地鐵”圖標是優雅的，左右分布，相錯而又對稱，給人的印象簡潔、明快、并具有速度感。

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

曲線分割。曲線在圖標設計使用也非常廣泛，它給人以優雅、柔美、并具有韻律感。“悠播手機視頻播放器”圖標中的線回旋圍繞，形成一個活潑的卡通圖形，自由的曲線能產生情緒感和動蕩感。“九重人格測試”圖標中的線由不規則的弧線和直線組成，隨意的造型有生一定的時代感和理智性，正是此軟件的特點。字體設計中線條表現形式也很多，比如“去約會”圖標，曲線讓字體更顯溫婉，讓點擊軟件那刻也有舒心愉悅感。

（3）面

面是平面構成三大要素中的最后一個。面與形關系最為密切，面有輪廓線，是識別事物特征的重要因素，事物的形態因為有它的呈現才能被人們了解接受。線的運動成了面，只有長寬，沒有體積。面與點線的區別就是有體量感，它的情感與特點與其外輪廓直接相關：直線平行移動成矩形，有著單純明快、穩定大方的特色；直線回旋移動成圓形，有完美飽滿、周而復始之感；直線弧線移動成不規則形，以為變化多端、活潑自信。

①面的概念

構成面的元素是點和線，有點和線就可以構成面。無數的點的組合或無數線的排列的效果，在視覺上也成了面。

②面在手機應用圖標中的應用

面有幾何形、有機形、偶然形和不規則形四大類，在應用軟件圖標中都有體現。“一鍵鎖屏”是幾何形圖標，即規則形的組合，組成圖形有圓角矩形及圓弧，圖形規整，約束而嚴謹。“蝴蝶世界動態壁紙”圖標中的蝴蝶圖案，這是大自然的神奇產物，生理結構的對稱有規律，創造出有機形，這類面讓人有心曠神怡、親近之感。“水墨中國唯美動態壁紙”圖標中潑墨的山水畫以及滴落的雨點等，自然或人為有意無意間形成的狀態是偶然形，既是偶然便不受束縛，美與設計感自然流露。“杜甫很忙”則是不規則形，不規則也卻有規律，造型不僅生動活潑，還具有鮮明個性，這種不呆板的變化，使新鮮感恒溫。

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

四、結語

點、線和面是一切造型藝術的基礎，在智能手機應用圖標中也不例外，掌握了這些具有深刻象征指示性符號的特性后，取之精華，改其糟粕，在設計中進行分解搭配、組合優化，加以充分發揮自己的創造性思維，就能產生不同的形態造型、不同的魅力。靈活應用它們的規律、特性，將對手機軟件圖標設計工作產生取之不竭的力量源泉。

參考文獻：

[1]張凌浩.基于智能系統的手機軟件界面設計方法探討.包裝工程,2010（12）

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

[3]童宜潔.界面設計中信息傳達要素分析[D].武漢理工人學.2006.4

[4]尹定邦.設計學概論[M].湖南科學技術出版社.2001.9