夏韜
摘要:移動互聯網時代,手機已經成為我們每天生活中的必需品。而因此帶來的是對于手機界面更加深層次的探究。手機APP圖標設計,即手機應用圖標設計,伴隨用戶需求的發展,從最初的擬物化到扁平化,再到現在兩個陣營的對立統一,使得手機圖標設計有著更加需要研究的地方,本文通過對圖標的擬物化與扁平化的分享和對比,分析智能手機國標設計的新趨勢。
關鍵詞:扁平化設計 擬物化設計 智能手機 圖標
中圖分類號:J0-03 文獻標識碼:A
文章編號:1003-0069(2017)01-0122-02
一、智能手機圖標設計的背景概述
隨著科技的不斷發展,智能設備的普及,手機已經成為人們日常生活中不可缺少的一部分。隨之而來的是手機界面的設計需求量與日俱增,越來越多的設計師在找工作時開始選擇UI設計。而圖標設計作為UI設計中不可缺少的一部分,自然備受關注。
縱觀手機圖標發展史可以發現,隨著時間的推移技術的進步,每一個時期的手機圖標在設計上都有著很大的差異,無論是最初的抽象線條繪制的圖標,還是再到風格迥異的個性化定制圖標時代,隨后又到了喬布斯時代的擬物化圖標和現在的扁平化圖標。每一時期的圖標都有著當時時代背景下的客觀影響。通過不斷地變化,我們也在探尋怎樣的圖標設計才是最好的設計形式和在未來的設計中我們圖標將會往哪個趨勢發展。因此從現有的設計風格中探尋未來的手機圖標發展趨勢也是一件十分有意義的事情。這樣會給人們的使用和設計者的制作都帶來了一定的幫助。
二、擬物化國標設計
首先根據圖標發展的過程來看,擬物化圖標的出現早于扁平化圖標,而且在研究順序上來看,通過研究擬物化圖標像扁平化圖標的轉變可以更好地研究設計者的思路和設計趨勢的發展方向,因此我們從擬物化圖標著手。眾所周知,擬物化圖標的興起到普及是在喬布斯于2007年發布的iPhone手機中所被開始使用的。之后隨著手機的普及,而逐漸改變了人們對于手機的固有印象,重新定義了手機。關于手機,喬布斯認為,我們只是為我們的IOS操作系統做了一個漂亮的殼子去運行它。而關于擬物化圖標的設計考量則是喬布斯為了讓大家從帶有實體鍵盤的操作習慣中往虛擬鍵盤的操作習慣去轉變的一種降低學習成本的做法。更好地模擬現有生活中的物品,可以減少人們對智能手機的排斥以及不習慣。正如《iOS HumanInterface Guidellnes》里提到:“當你應用中的可視化對象和操作按照現實世界中的對象與操作仿造,用戶就能快速領會如何使用它?!崩缣O果最為經典的擬物化按鈕圖標,凸起的按鈕表示可以點擊,而凹陷的按鈕圖標表示已被點擊。這樣無論是什么年齡層的人看到這樣的設計,都會明白如何去使用它。這可能就是擬物化圖標最早被設計出來的意義吧。
而如今,雖然扁平化的設計占領了幾乎90%的市場,但是擬物化的圖標設計還是存在的,大部分的擬物化圖標出現在手機游戲應用程序中??赡苡捎谟螒虻奶厥鈱傩裕馄交膱D標無法更好地表現出游戲的特性和游戲風格,因此在游戲圖標設計中,用的最多的還是擬物化圖標設計。而作為手機的操作系統使用擬物化圖標設計的,目前只有錘子科技的Srnartisan OS操作系統在使用。如圖1所示,根據它們的CEO羅永浩給出的解釋是,扁平化和擬物化并沒有誰對誰錯之分,而正確地認識扁平化和擬物化圖標的應用則是我們應該在正確的地方讓其出現,就像我們眾所周知的蘋果iOS系統一樣,即使在蘋果iOS 7扁平化之后的今天,蘋果最新iOS 10系統設置中滑塊的圖標設計依舊保持擬物化設計的形式。所以今天的擬物化設計可能是喬布斯時代擬物的一個升級改進版。它拋棄了很多為了整體感而使用的擬物風格,選擇更加正確的方式出現在我們的應用中。可能只有這樣的發展,才更能說服現在的用戶吧。
三、扁平化圖標設計
關于扁平化圖標設計當然要從2013年蘋果公司發布的iOS 7操作系統來說起,當時iOS 7的發布,在業界產生了巨大的爭議,有人說是喬布斯時代的終結,喬納森時代的到來。很多人一時不能接受扁平化風格的出現。但是隨著時間的推移,版本的迭代,人們逐漸開始接受這種風格的產生。更加簡潔的扁平化設計風格,猶如雨后春筍一樣,發展迅速,仿佛一夜間所有的圖標都被拍平了一樣。而國內的大部分操作系統,也都爭先使用高度定制的扁平化風格來當作自家的應用圖標。如圖2,魅族flyme手機桌面圖標設計。而關于扁平化風格的設計理念,有點像美術風格中的極簡主義風格,他們提倡少即是多的美學理念,去掉那些多余的設計元素,使用戶能夠專心地關注他們所需要的東西,而不是被各種復雜的設計語言所干擾。這樣整個界面將變得更加純粹而富有活力。雖然在圖標的易用性探究中,有的人認為扁平化的圖標設計與之前擬物化的圖標設計相比較,沒有擬物化的圖標更能迅速地讓人們適應。但是對于科技發展飛速的時代來講,扁平化風格的圖標設計采用極簡的外形與相對單一的配色,比起之前的擬物風格設計更加符合科技感與現代感,甚至還會有抽離了情感的簡約感,但不得不說的是扁平化圖標的設計帶來的高效、明確和更大的信息量。成為一種更為理性的交互體驗,在移動互聯網日益發達的今天,這種界面設計形式和交互方式更能反映出大眾的心理以及情緒變化。
其次,對于之前學習成本的論證來看,最新科技的發布往往不會照顧到所有用戶,其主要用戶大多數為年輕人。因為這些用戶有著很好的傳播性和他們在使用手機時的學習成本最低,適應能力最強,并且他們逐漸會成為社會消費的主要人群。恰好這些特點都與扁平化圖標設計的風格特點相符。例如上面所展示的魅族flyme操作系統就打出了青年良品的口號,在市場定位上針對年輕人的設計,因此他們手機的界面和icon都是扁平化風格。
四、從最新的圖標設計風格分析未來發展趨勢
(一)分析最新的設計風格
時至今日,我們可以從各個操作系統和主流應用程序入手,來分析扁平化和擬物化圖標設計的走向與趨勢。首先是lOS操作系統,最新的iOS 10操作系統,(如圖3所示)被看作是一次比較大的在設計上的改變。大而簡,簡而精的設計理念。加粗加大了字體的使用,增大了留白,減少了各級頁面的視覺層級,以及給功能性圖標賦予更多顏色來優化操作體驗。但對于應用圖標的改變依舊保持著iOS 7之后的扁平設計風格。扁平化的設計風格可能在短時間內在iOS操作系統上不會被取代,只會被優化。相對于iOS操作系統Google為了與之抗衡,推出了自家的設計規范Material design。(如圖4所示)這是谷歌在2010年后的一次大動作,對于Material design的設計風格來看,它覺得之前扁平化設計所推崇的消除所有的擬物化比較激進,即使是有用的。而借用Material Design層的概念,使用陰影,將圖像進行編輯和分離;其中最為突出的就是在全新的交互設計中用動效來輔助界面的視覺和操作的易用性。全新的設計風格,雖然沒有重新使用擬物化設計,但不乏看出一些擬物化設計的小細節出現其中。例如陰影的使用,是之前扁平化設計風格所拋棄的。對于其他我們能接觸到的手機系統或者應用來看,除了錘子手機在設計中一直追求擬物化圖標設計外,其余均保持扁平化的圖標設計風格。
(二)探究手機圖標未來發展趨勢
扁平與擬物從產生至今一直都是設計師永遠的爭論的話題,因為不光是設計師,用戶也有著自己的喜好,而且人們都會有審美疲勞的時候,一味的扁平,終究有一天會看膩,就算不疲勞,有些產品也需要走出自己的風格,需要嘗試更多的可能性,來更好地吸引用戶。
時至今日,扁平化的設計風格仿佛已經不可逆轉地存在于我們所有界面當中。而擬物化的圖標只能在那些少數的堅持者手中出現。但是當我們深入研究后發現,扁平化的設計風格并不是當年那么純粹的拋棄所有效果的那個扁平化設計風格。它有著新的呈現方式,更加合理,更加層次分明。這可能就是各大設計者們對未來圖標設計的一個方向吧。
擬物化不是扁平化的對立面,而是作為扁平化的一部分永遠存在的。我們不難發現,為了避免純粹的扁平化設計,一些細微的效果逐漸被運用其中。例如最新的淘寶天貓圖標中加入了微投影的設計風格,一下給人眼前一亮的感覺,在眾多的扁平化圖標中脫穎而出。還有之前流行過得長投影設計手段,外國設計師最近流行的彌撒陰影風格,都是為了在扁平化的設計風格中尋求一種突破。如今的魅族Flyme 6操作系統的設計為圖標的扁平化增加了更多的細節。運用豐富的顏色模擬出一種投影的概念,讓我們不禁看到一點擬物化的影子。所以我們不難推測,關于未來的圖標設計趨勢是那種有著更加豐富細節的扁平化風格,它不再是單純的扁平化風格,更算不上擬物風格。仿佛現在的扁平化設計都是在尋找一種它和擬物化之間的平衡點。
結語
智能手機圖標從擬物化到扁平化的轉變存在著事物發展的必然規律和用戶的主觀選擇,我們在圖標轉變的過程中并不能說哪種風格好哪種不好,而是要從圖標的美觀性與功能性來看誰更符合時下的趨勢。對于之后的圖標發展趨勢就是在扁平化的圖標風格中找到與擬物化圖標的平衡點,而盡量消除扁平化圖標帶來的各種不好的操作體驗,這可能是我們未來圖標的一個設計方向。endprint