畢歆苒,周睿
西華大學(xué)美術(shù)與設(shè)計學(xué)院,成都610039
在智能化的時代背景下,智能設(shè)備層出不窮,不僅帶給人們方便快捷的生活,同時也改變了界面圖標(biāo)的設(shè)計方式,移動端技術(shù)的先進程度直接影響著圖標(biāo)設(shè)計的表現(xiàn)形式。麥克盧漢曾說:“真正有價值的信息不是各個時代的具體傳播內(nèi)容,而是這個時代所使用的傳播工具的性質(zhì)及其開創(chuàng)的可能性。[1]”界面設(shè)計是由于技術(shù)變革而出現(xiàn)的,設(shè)計手段、風(fēng)格注定要受到技術(shù)、媒介最為直接的影響。每一次媒介的變革都會引導(dǎo)界面圖標(biāo)設(shè)計的新方向(從PC 時代的圖形用戶界面到移動互聯(lián)時代的擬物風(fēng)與扁平風(fēng),再到今天為了適應(yīng)新媒介新技術(shù)而形成的多樣物感的移動端圖標(biāo)),為了適應(yīng)媒介的更新迭代圖標(biāo)設(shè)計的風(fēng)格也在加速轉(zhuǎn)換中。
圖標(biāo)的風(fēng)格是由差異化物感的營造而形成的,物感(Feeling of Things)即物理現(xiàn)場的直感和情緒效力[2],產(chǎn)品帶給人的直覺物理感受,擬物、扁平、玻璃擬態(tài)這些風(fēng)格的界定是由其物感組成的視覺效果而決定的。在當(dāng)代社會中,移動端應(yīng)用市場正以超乎想象的速度與方式快速升級,用戶更加看重個性化的追求,移動應(yīng)用不能只注重功能的滿足,應(yīng)當(dāng)加強產(chǎn)品給用戶帶來的心理滿足,而物感的創(chuàng)新正是其中關(guān)鍵的突破口。
在現(xiàn)代社會中,用戶的日常生活與智能手機密切聯(lián)系,界面是人們與機器之間產(chǎn)生交互最重要的媒介,界面設(shè)計影響交互效率進而影響用戶的使用體驗[3],而圖標(biāo)在界面中起著舉足輕重的作用:圖標(biāo)是具有高度概括性、用于視覺信息傳達的圖像。圖標(biāo)能夠傳達出豐富的信息,通常與詞匯、文本搭配使用,兩者相輔相成,通過隱晦或直白的方式共同傳遞出其中所包含的意義、特征、內(nèi)容和信息。圖標(biāo)不僅是一個符號,它更是一種標(biāo)識,高度濃縮了產(chǎn)品、設(shè)計師所傳遞的信息,設(shè)計者最大化編碼使用戶最低程度的解碼更易理解記憶、方便操作。
受設(shè)備的分辨率所限,在最初PC時代的圖形用戶界面中圖標(biāo)只是簡單地完成基礎(chǔ)映射功能,所以在圖標(biāo)設(shè)計上只是運用基礎(chǔ)圖形輔以簡單的純色與黑邊勾勒形成初始的圖標(biāo)形式。此時圖標(biāo)物感的呈現(xiàn)并不突出,圖標(biāo)的設(shè)計重點主要放在通過視覺隱喻的方式將信息最大化地傳達給用戶。
到移動媒介時代,隨著智能手機的普及,擬物、扁平與輕擬物的圖標(biāo)設(shè)計風(fēng)格逐漸流行起來。谷歌研發(fā)的第一代安卓移動操作系統(tǒng)與蘋果的iOS1 系統(tǒng)都采用了數(shù)字化擬物視覺設(shè)計策略,移動端界面設(shè)計的新實驗也由此產(chǎn)生[4]。此時設(shè)計師對圖標(biāo)中物感的表現(xiàn)愈加重視,擬物風(fēng)格通過將真實物體的色彩、光影、物理特征轉(zhuǎn)移到圖標(biāo)當(dāng)中以帶給用戶與真實世界一致的物體感受,從而不需要用戶刻意學(xué)習(xí)便可使用,借助擬物手法極大地消除用戶的“陌生感”。雖然運用擬物化的表現(xiàn)方式能夠為界面增添更多的情感體驗,但與此同時擬物化復(fù)雜的表現(xiàn)方式不僅占用了更多的空間,也使界面的加載速度變慢。這時為了使界面圖標(biāo)變得高效簡潔,還可以提升界面的加載速度,扁平化的圖標(biāo)形式便應(yīng)運而生了。隨著2013年iOS7的設(shè)計轉(zhuǎn)型,移動端的革命已基本完成,隨后涌現(xiàn)出了大量新設(shè)備[5]。為了使圖標(biāo)可以在更廣泛的平臺上應(yīng)用,此時圖標(biāo)設(shè)計中的真實物感極大降低,是早期圖形用戶界面圖標(biāo)的一種延續(xù),通過將特定的傳遞內(nèi)容提煉精簡凝成中心元素搭配飽和度較高的底色輔以漸變,并舍棄了一部分原有的色彩、光影和物理特征,從而形成簡單易懂的圖標(biāo)形式。在此之后由于扁平風(fēng)格圖標(biāo)的廣泛使用,缺乏情感體驗、場景過于單一、物感體現(xiàn)弱、容易造成錯誤操作的不足也逐漸顯現(xiàn)出來,很多設(shè)計師都在嘗試用新的設(shè)計風(fēng)格替代或進化現(xiàn)有的扁平化風(fēng)格,這時輕擬物的圖標(biāo)風(fēng)格在界面中出現(xiàn)了。輕擬物將擬物化圖標(biāo)與扁平化圖標(biāo)各自的特征相結(jié)合,從而使圖標(biāo)的表現(xiàn)既沒有擬物化那樣復(fù)雜,又增添了扁平化圖標(biāo)缺少的情感因素。此時圖標(biāo)中的物感保留了部分原有物體的色彩和物理特征,在扁平化簡單的基礎(chǔ)上稍加陰影層次,使圖標(biāo)的物感清新通透自然簡約。
隨著科學(xué)技術(shù)的不斷發(fā)展,移動端界面將表現(xiàn)出更豐富的視覺體現(xiàn),如今的界面圖標(biāo)向著多物感的方向出發(fā),從2019年末的新擬物風(fēng)到2020年末至今仍風(fēng)頭正盛的玻璃擬態(tài)、3D微立體、液態(tài),各式各樣的物體感受在移動端井噴式爆發(fā)。此時對圖標(biāo)物感的表現(xiàn)手法不再拘泥于利用二維的手法來展現(xiàn)出三維的物理感受,而是將二維手法與三維手法適當(dāng)結(jié)合,使圖標(biāo)展現(xiàn)出真實3D物感等多樣感官體驗。
目前用戶與移動端智能設(shè)備之間的交流主要通過用戶界面來實現(xiàn),圖標(biāo)作為界面中引導(dǎo)用戶進行操作的重要元素之一,其質(zhì)感與它所帶給用戶的使用感受不僅影響界面美觀,同時也影響著人與界面交互、操作邏輯的整體體驗。界面視覺的變革,通常都是從小的圖標(biāo)開始,豐富多物感的圖標(biāo)設(shè)計除了可以提升移動端應(yīng)用的格局、品味、個性化還能夠引發(fā)消費者積極的情感體驗和心理聯(lián)想[6],如何通過圖標(biāo)為界面創(chuàng)造更好的質(zhì)感與用戶體驗十分重要。
1.功能隱喻
圖1 移動端界面圖標(biāo)物感演變過程分析
圖標(biāo)是界面中引導(dǎo)用戶進行各項操作的重要元素,因此對圖標(biāo)最基礎(chǔ)的要求便是高度概括其所傳達的信息。從早期開始,設(shè)計者們?yōu)榱俗寛D標(biāo)更好地表達其含義,使用戶充分理解并使用界面,設(shè)計者們便尋找用戶早已熟悉的元素進行設(shè)計。隨著20 世紀(jì)90 年代互聯(lián)網(wǎng)革命的發(fā)生,隱喻性視覺語言被廣泛應(yīng)用于網(wǎng)站和移動應(yīng)用設(shè)計[7]。隱喻通常是指用某一事物暗喻另一事物[8],通過將用戶日常接觸的事物形象與使用場景相配合,稍作調(diào)整移用在圖標(biāo)當(dāng)中形成最基礎(chǔ)的圖標(biāo)元素。就像具備郵箱功能的圖標(biāo)往往使用信封來表示、時間用鐘表來表示等,用戶在第一時間接觸這些圖標(biāo)就能理解它所代表的功能。利用視覺隱喻的方法使用戶在使用一款新產(chǎn)品時也無需特意花費時間去記憶學(xué)習(xí),極大地提升了產(chǎn)品的易用性和用戶體驗。在運用視覺隱喻的情景下,圖標(biāo)的功能很好地決定了其物感呈現(xiàn)的特征,通過模仿真實物體物理特征而設(shè)計的圖標(biāo)與其模仿對象本身的物感相似程度較高。
2.材質(zhì)模擬
從2019年年末開始,突如其來的新擬物風(fēng)格到如今逐步取而代之的玻璃擬態(tài)、3D 效果圖標(biāo),圖標(biāo)風(fēng)格更新的步伐越來越快,而促使這些圖標(biāo)風(fēng)格發(fā)生變化的最主要原因是其營造了與以往完全不同的特殊材質(zhì)。2020 年蘋果全球開發(fā)者大會發(fā)布的macOS Big Sur 系統(tǒng)中應(yīng)用了大量新擬態(tài)風(fēng)格的3D效果圖標(biāo),引領(lǐng)著新的圖標(biāo)設(shè)計趨勢。移動端界面圖標(biāo)長期被扁平風(fēng)統(tǒng)治的現(xiàn)象再一次被打破,擬物的熱潮又回來了。3D 技術(shù)早已非常普遍,但在此之前的圖標(biāo)設(shè)計當(dāng)中,為了確保加載速度與可識別性,界面中最終呈現(xiàn)3D視覺效果的圖標(biāo)屈指可數(shù)。在macOS 之前的擬物風(fēng)圖標(biāo)往往都是通過2D 繪制手法使圖標(biāo)與真實物體的光影、質(zhì)感相一致,而如今的新擬態(tài)風(fēng)格3D 效果圖標(biāo)則是完全使用3D技術(shù)與現(xiàn)實相結(jié)合,從而創(chuàng)造出超現(xiàn)實的新物感,見圖2。比較之前的擬物化圖標(biāo)和時下出現(xiàn)在各大平臺上的新擬態(tài)圖標(biāo),可以看到兩者之間的具體差別,觀察舊擬物風(fēng)格圖標(biāo)可以發(fā)現(xiàn)其特點是強調(diào)光影對比與物理質(zhì)感,在色彩的使用上由于過于趨向現(xiàn)實,更多地去搭配物體本身的紋理質(zhì)感,使整體色調(diào)都比較偏“暗”。而在3D 環(huán)境下,這一切比2D 環(huán)境下簡單,其視覺效果更佳、整體畫面感更立體、質(zhì)感更飽滿,并且根據(jù)渲染器的參數(shù)調(diào)節(jié)和材質(zhì)質(zhì)感的不同,即使是在同一模型下,也能制造出很多種不同的視覺體驗,同時在3D主體元素下搭配平面純色能夠凸顯出主體的質(zhì)感,達到強化視覺主體的效果。
圖2 界面中的3D圖標(biāo)
而玻璃擬態(tài)質(zhì)感的圖標(biāo)設(shè)計將材質(zhì)的物感模擬體現(xiàn)得淋漓盡致,其正是通過模擬真實玻璃來打造獨特物感。玻璃質(zhì)感的圖標(biāo)正迅速出現(xiàn)在主流市場中,最新的macOS Big Sur 在整個UI 界面中大規(guī)模使用了接近玻璃擬物化的半透明毛玻璃視覺效果的圖標(biāo);微軟甚至在2021 年的未來愿景宣傳片中暢想全玻璃質(zhì)感的移動端狀態(tài),見圖3??梢哉f,玻璃擬物化在某些方面和新擬物化是一脈相承的,但是玻璃擬物有著相對更加具體的視覺隱喻,也就是人們?nèi)粘=佑|的玻璃。材質(zhì)重要的不是它的自然質(zhì)料性,而是它使人產(chǎn)生的意象[6]。通過將帶有模糊磨砂效果的半透明控件運用懸浮的手段疊加在鮮明色塊的上方,在模擬玻璃物感時將控件邊框極度縮小來強化玻璃的質(zhì)感,從而表達出玻璃所具備的通透感,在有多個控件相組合的情況下,使圖標(biāo)呈現(xiàn)出一種獨特的虛實結(jié)合的美感,見圖4。將具有玻璃擬態(tài)質(zhì)感的圖標(biāo)應(yīng)用在界面之中會為界面帶來豐富的層次感。用戶可以在界面中清晰地感知到多個不同的層次,透過上層懸浮的玻璃層可以觀察到其覆蓋的具體圖案,經(jīng)過玻璃層處理之后的圖標(biāo)顯得非常柔和,比原有的圖標(biāo)多了一層細(xì)節(jié)所創(chuàng)造的微妙高級感,帶給用戶極強的愉悅感。將玻璃材質(zhì)引入圖標(biāo)設(shè)計當(dāng)中對界面中各內(nèi)容拉開層級關(guān)系有巨大意義。以往的設(shè)計僅僅是通過光影和焦距來拉開關(guān)系,在只有少量疊加的界面中還能有效地區(qū)分層級,但到了復(fù)雜的多窗口應(yīng)用場景中就不是那么奏效了,玻璃質(zhì)感的出現(xiàn)可以幫助界面有效地區(qū)分層級之間的關(guān)系,更好地引導(dǎo)用戶使用。
圖3 微軟“未來愿景”玻璃質(zhì)感移動端
圖4 玻璃擬態(tài)質(zhì)感圖標(biāo)
3.肌理通感
肌理是存在于人們生活中所接觸的每個物體當(dāng)中的,肌理是指形象表面的脈絡(luò)與紋理,即物質(zhì)紋理結(jié)構(gòu)所呈現(xiàn)的狀態(tài)。不同的物質(zhì)由于其表面的組織排列結(jié)構(gòu)各不相同,因而能夠為觀者帶來不同的視覺感受,如凹凸感、光滑感、軟硬感等[9]。肌理有多種表現(xiàn)語言,如木紋、磨砂、金屬、布料等,它的存在可以使人們區(qū)別不同的物質(zhì)。肌理不僅存在于真實事物當(dāng)中,還存在于繪畫和設(shè)計作品中。肌理可以通過視覺感受結(jié)合觀者的自我經(jīng)驗形成對作品的認(rèn)知,達到不接觸物體也能感知其物理質(zhì)感。將肌理運用到圖標(biāo)中也是打造物感的一種方式,肌理的塑造可以強化體現(xiàn)圖標(biāo)的質(zhì)感,今年興起的多物感圖標(biāo)就很好地體現(xiàn)了肌理在圖標(biāo)中的應(yīng)用效果。對比圖5和圖6所示的2個圖標(biāo),可以發(fā)現(xiàn)同樣是應(yīng)用透明材質(zhì)進行設(shè)計,但帶給用戶的視覺感受是極為不同的。圖5 是今年macOS Big Sur 系統(tǒng)中應(yīng)用的表示照片功能的圖標(biāo),通過運用平滑的、不添加顆粒感的肌理模式進行塑造,不同顏色玻璃之間互相疊加透出底層玻璃色澤更體現(xiàn)其通透的質(zhì)感,它給人的視覺肌理感受是光滑的、通透的、清澈的玻璃;而圖6 的圖標(biāo)則在透明材質(zhì)物體上添加了細(xì)小的、帶有凹凸感的紋路,給使用者一種磨砂的、模糊的視覺感受,從而形成了亞克力的物感以區(qū)別于玻璃。將肌理運用在圖標(biāo)當(dāng)中可以形成不同的物感,可以說肌理就是物感的一部分二者不可分割,沒有肌理的圖標(biāo)觀者是無法感知其物理狀態(tài)的。
圖5 玻璃材質(zhì)圖標(biāo)
圖6 亞克力材質(zhì)圖標(biāo)
4.光影質(zhì)感
圖標(biāo)的構(gòu)成離不開光影,將光影應(yīng)用到圖標(biāo)中可以使二維的空間三維化,以此區(qū)別于普通的平面,使視覺元素從背景中跳脫出來。將原本的平面元素添加光源形成多個塊面,可以簡單地分為亮面、灰面、暗面、投影,使圖標(biāo)的立體感加深、精致程度提高、空間感增強。在大多數(shù)狀態(tài)下圖標(biāo)通常選定一個光源進行操作,選定光源照射方向后會在圖標(biāo)上形成多個層次,極大豐富了圖標(biāo)的體積感,也強化了物感的表達。在“舊”擬物中,圖標(biāo)的光影運用無限貼近真實,運用二維的手法在塑造了極強物感的同時也增添了一定視覺煩躁感,見圖7。而“新”擬物圖標(biāo)在光影的運用上變得柔和,只采用了一個主光源應(yīng)用在主視覺元素上,背景層選用純色并疊加漸變,同時添加少量主元素所形成的投影,物感的表達不再像“舊”擬物那樣趨近真實顯得死板沉重,創(chuàng)造了一種輕盈愉悅空氣般視覺感受,見圖8。
圖7 “舊”擬物
圖8 “新”擬物光影
1.移動應(yīng)用生活形態(tài)
2021 年的《中國移動互聯(lián)網(wǎng)發(fā)展報告》中提到截至2020 年12 月,我國網(wǎng)民規(guī)模為9.89 億,互聯(lián)網(wǎng)普及率達70.4%[10]。媒介即隱喻,媒介環(huán)境的變化影響了不同時代人們的思維模式,也創(chuàng)造了不同時代的文化內(nèi)容[11]。隨著智能手機的普及,移動應(yīng)用也在飛速發(fā)展著,市面上的移動應(yīng)用幾乎可以幫助人們解決生活中遇到的各種問題,從購物、打車到健身、教育,APP的種類一應(yīng)俱全。在這個忙碌的快節(jié)奏社會中,全世界的人們都在工作、生活、娛樂等多樣的情景之下使用手機。智能手機的功能能夠滿足絕大部分人的日常所需,此時除了功能之外各類軟件便在界面視覺效果上尋求突破創(chuàng)新,希望通過特別的感官認(rèn)知來打動更多的消費者。因此界面圖標(biāo)中各式的物感便在這個時代如雨后春筍般涌現(xiàn)。媒介和社會在相互促進中發(fā)展,從印刷機到電視、電腦、互聯(lián)網(wǎng)、移動手機,社會的變化與人們物質(zhì)生活的變遷一步步推動著媒介,媒介的視覺效果為適應(yīng)人們的生活環(huán)境不斷發(fā)生變化。移動應(yīng)用已經(jīng)滲透到了人們生活的每一個角落,媒介就是人們生存的技術(shù)環(huán)境。在這樣的狀態(tài)下,只有不斷提高移動應(yīng)用各個方面的質(zhì)量,才能夠更好地為大眾的日常生活服務(wù),使人們的生活形態(tài)更加美好。
2.界面發(fā)展趨勢
目前,界面圖標(biāo)的發(fā)展趨勢在多重因素的影響下正在逐漸被消解和弱化,圖標(biāo)明確的空間感逐漸被消解,玻璃擬物質(zhì)感的圖標(biāo)由于運用具有高度透明性的材質(zhì),使用戶的視線得以延伸,透過懸浮玻璃削弱了圖標(biāo)的體量感,使圖標(biāo)的界限朦朧模糊,擴展了視覺空間。運用新物感創(chuàng)造的新圖標(biāo)將圖標(biāo)設(shè)計中各種要素(如紋理、材質(zhì)、光影等)相互融合轉(zhuǎn)換,使圖標(biāo)最終的呈現(xiàn)形式難以用傳統(tǒng)圖標(biāo)風(fēng)格進行明確的定義,時下圖標(biāo)呈現(xiàn)的質(zhì)感是朦朧、模糊的,所以在圖標(biāo)的風(fēng)格確立中不得不使用新、舊這樣的詞匯來區(qū)分。界面圖標(biāo)經(jīng)歷了幾十年的發(fā)展,多樣的風(fēng)格或獨立出現(xiàn)或相互交融,但隨著社會多元文化的相互交融、新技術(shù)的不停發(fā)展、人們審美意識的改觀、交互方式的不斷更迭,移動端界面圖標(biāo)設(shè)計趨勢向多元化和復(fù)雜化,未來的發(fā)展方式也朝著不確定和模糊的方向靠近。
不同的物感可以創(chuàng)造完全不同的圖標(biāo)風(fēng)格,舊擬物運用二維手法通過添加光影、紋理打造出類似三維的質(zhì)感。扁平重構(gòu)圖標(biāo)設(shè)計語言,從視覺上擺脫了擬物的映射,它不再追求紋理透視、光影等效果。圖標(biāo)中的物感極大地降低成為了信息優(yōu)先、簡單實用、追求效率訴求的平面。當(dāng)今由于設(shè)備的不斷更新、技術(shù)的不斷升級涌現(xiàn)出多種風(fēng)格的圖標(biāo),人們可以將各種圖標(biāo)進行歸納分類(圖標(biāo)能帶給觀者相同物體的感受),正是因為不同物感的參與才形成了具體的圖標(biāo)風(fēng)格。
物感的應(yīng)用可以提升交互的體驗,而當(dāng)物感使用不當(dāng)時會為交互創(chuàng)造障礙。來自烏克蘭的設(shè)計師Alexander Plyuto曾在各平臺發(fā)布了其新的UI作品——新擬物手機銀行,它的輕盈、微立體、干凈、微妙高級、與眾不同的設(shè)計風(fēng)格讓該作品在短時間內(nèi)受到了廣泛的好評,并掀起了一場新擬物的熱潮。這一風(fēng)格固然有其獨特的優(yōu)勢,首先,它相較于舊式擬物更輕量化、質(zhì)感通透清新,其立體的表達比扁平風(fēng)格的代入感更強,使用戶產(chǎn)生親切感;其次,新擬物使用陰影高光打造了微妙的層次結(jié)構(gòu),營造出巧妙的空間氛圍感,與眾不同的新鮮視覺形象增加了界面的趣味性,吸引用戶使用并增強其體驗感;最后,這一較為新奇的風(fēng)格激發(fā)了設(shè)計者對界面質(zhì)感的新探索,開啟了未來圖標(biāo)物感多元的新階段。
如圖9 所示,仔細(xì)觀察4張典型的新擬物風(fēng)界面,就會發(fā)現(xiàn)其帶給用戶交互操作上的障礙。新擬物有自己的控件規(guī)范,它的兩種模式(深色版、淺色版)都有明確的設(shè)計標(biāo)準(zhǔn),無論是淺色版還是深色版,程度相同的灰色控件、灰色背景放置在同一空間內(nèi),促使其控件與背景統(tǒng)一融合,缺乏清晰明確的邊界,界面各部件對比度極低,在屏幕亮度低的應(yīng)用場合、視力較弱的人群使用下造成了一定的障礙。新擬物具有明確的點擊感與觸發(fā)感,適合與操作類圖標(biāo)結(jié)合進行使用。但它的使用場景比較有限,在用于信息元素較多的界面時會造成誤判,因此不適合全部應(yīng)用到界面中。由于圖標(biāo)的高光、陰影、主色都由明度一致的灰色組成,導(dǎo)致頁面的信息難以聚焦,造成了信息層級不明確、重點信息無法突出的結(jié)果。如果界面中存在多個可操作的內(nèi)容,其視覺效果會讓用戶在當(dāng)前的流程或頁面上產(chǎn)生困惑,與玻璃擬態(tài)風(fēng)格相比,玻璃懸浮層與底層有著較強的對比感,明確了層級,使用戶獲得了更好的交互體驗。因此,設(shè)計時不能僅考慮單方面的視覺效果,物感在一定情況下會強化視覺效果,但若過分強調(diào)而不注重實際的應(yīng)用場合則會造成負(fù)面的效果,影響交互體驗。
圖9 “新”擬物質(zhì)感界面
界面中的圖標(biāo)是整個應(yīng)用的畫龍點睛之筆,它甚至?xí)苯佑绊懙揭豢町a(chǎn)品的形象和氣質(zhì)。獨一無二的圖標(biāo)物感應(yīng)用到界面中會在市場與用戶心中樹立自己獨特的品牌調(diào)性。品牌依附于產(chǎn)品而存在,它能夠讓用戶快速識別產(chǎn)品,并與其他競爭對手形成差異化的效果,是連接產(chǎn)品與用戶的紐帶[12]。蘋果公司就通過對界面圖標(biāo)物感的把握,不斷更新鞏固自己獨特的品牌調(diào)性。從1983 年蘋果公司首次推出應(yīng)用圖形用戶界面的個人電腦,將GUI引入人們的日常生活中,并在此之后不斷引導(dǎo)著界面圖標(biāo)的發(fā)展方向。再到之后移動端的界面設(shè)計,Apple 最先將擬物化圖標(biāo)的設(shè)計理念應(yīng)用到界面中,此后幾乎所有的產(chǎn)品都在爭相模仿這一風(fēng)格,擬物化圖標(biāo)迅速風(fēng)靡全球。而在2013年發(fā)布的iOS7系統(tǒng)中,蘋果公司在界面中應(yīng)用了與擬物化圖標(biāo)極為不同的扁平風(fēng)格,自此抹去質(zhì)感、追求效率的扁平化圖標(biāo)席卷了市場的每一個角落。直到2020 年Apple推出了3D 視覺效果圖標(biāo),在一眾扁平化的應(yīng)用中3D視覺效果獨樹一幟,長期占據(jù)市場的扁平風(fēng)再一次被蘋果自己打破。在蘋果一系列圖標(biāo)風(fēng)格的演變過程中,物感發(fā)揮了巨大的作用,如圖10所示,從早期趨近真實的擬物風(fēng)格到追求效率簡潔的扁平風(fēng)格,再到時下的多物感圖標(biāo),圖標(biāo)中不同的物感設(shè)計造就了品牌獨特的風(fēng)格。蘋果一次次地突破常規(guī),在用戶心中留下了深刻的印象,其品牌的獨特調(diào)性也在這個移動應(yīng)用飛速發(fā)展的時代留下了自己不可磨滅的痕跡??梢钥吹街悄茉O(shè)備的移動應(yīng)用除了數(shù)量龐大,具有較強的功能之外,其本身就具備大眾傳播的屬性[13]。新技術(shù)環(huán)境為移動端界面圖標(biāo)的創(chuàng)新發(fā)展提供了全新的可能[14],因此產(chǎn)品自身要注重樹立差異化的品牌風(fēng)格,利用移動應(yīng)用強大的傳播功能在大眾心中不斷鞏固獨特的形象與用戶進行充分的情感化交流[15],在時代的洪流中留下不滅的印記。
圖10 蘋果圖標(biāo)物感風(fēng)格流變
移動端圖標(biāo)的發(fā)展非常迅速,在短短的時間內(nèi)就形成了多種圖標(biāo)風(fēng)格。移動端產(chǎn)品日趨成熟所帶來的弊端是:所有的App都越來越相似,似乎像是擁有同一套設(shè)計模式創(chuàng)造出來的產(chǎn)品。這種極為相似的普適化設(shè)計將導(dǎo)致一個嚴(yán)重的后果——同質(zhì)化。同質(zhì)化的產(chǎn)生使界面設(shè)計粗糙、不精致,應(yīng)用沒有散發(fā)其獨特氣質(zhì)與鮮明的品牌感。一款應(yīng)用設(shè)計是否精致,是否富有設(shè)計感,在于其界面細(xì)節(jié)的塑造。這就要求設(shè)計師在進行圖標(biāo)設(shè)計時,不但要從顏色、形狀等方面考慮,還要從多方面去鉆研如何創(chuàng)造出與眾不同的圖標(biāo)。不同物感在圖標(biāo)中的表達不僅可以為用戶帶來良好的視覺觀感,同時還可以樹立產(chǎn)品獨特的品牌形象。新生的各種物感圖標(biāo)無論是玻璃擬態(tài)、3D 質(zhì)感還是“新”擬物,都讓人們看到了設(shè)計者和用戶對物感的重視。這樣的發(fā)展形勢,似乎讓人們看到了未來圖標(biāo)在物感上的一次次創(chuàng)新。但在圖標(biāo)中無論物感材質(zhì)有多么豐富,其中最重要的目標(biāo)依然是提升效率、提升視覺、提高用戶體驗,同時在當(dāng)代社會新消費觀念下,移動應(yīng)用要在保證功能的基礎(chǔ)上更加注重產(chǎn)品本身與人、社會環(huán)境、文化之間的互動關(guān)系,從而形成良好的生態(tài)鏈。