范玉婷
摘要:隨著網(wǎng)絡(luò)技術(shù)與基礎(chǔ)建設(shè)的推進(jìn)與可移動(dòng)互聯(lián)網(wǎng)終端使用的普及,龐大的信息流媒體涌現(xiàn)。使得極簡(jiǎn)主義風(fēng)格對(duì)手機(jī)界面的設(shè)計(jì)中也開始變得更加適用于“內(nèi)容與形式簡(jiǎn)潔相適合而豐富”衍生的概念。本文以ios操作系統(tǒng)的用戶界面設(shè)計(jì)為例,探析極簡(jiǎn)主義風(fēng)格的使用和在APP圖標(biāo)平面的特點(diǎn),并基于用戶體驗(yàn)回饋,探析極簡(jiǎn)主義風(fēng)格影響下的uI設(shè)計(jì)。
關(guān)鍵詞:極簡(jiǎn)主義;IOS系統(tǒng);APP;平面設(shè)計(jì)
一、前言
互聯(lián)網(wǎng)在當(dāng)今社會(huì)的迅速發(fā)展,促使著電子移動(dòng)終端(手機(jī)等)成為我們滿足對(duì)外聯(lián)絡(luò)、交際、娛樂甚至經(jīng)濟(jì)活動(dòng)中必不可少的媒介。這一切的實(shí)現(xiàn)也同樣得益于手機(jī)自身功能的突破發(fā)展,現(xiàn)在的手機(jī)所具備的功能已經(jīng)不再是過去單純的用于電話和短信聯(lián)絡(luò),大量的資訊開始以更多樣的形式來呈現(xiàn)給用戶。技術(shù)的延伸也帶來了人們對(duì)于新形勢(shì)廣告設(shè)計(jì)的關(guān)注和需求,原初的設(shè)計(jì)開始有了新的變化趨勢(shì),UI設(shè)計(jì)在視覺傳達(dá)中的地位開始被重視。這種以網(wǎng)絡(luò)為基礎(chǔ),以手機(jī)界面為平臺(tái)的設(shè)計(jì),兼顧了信息傳遞方式和人機(jī)軟件的界面設(shè)計(jì),滿足用戶的個(gè)性需求的特定目的。對(duì)信息內(nèi)容及其展示環(huán)境的規(guī)劃和界定,是滿足用戶訴求的基礎(chǔ)。在目前全世界都在著力開發(fā)和研究的這一技術(shù)中,原初的極簡(jiǎn)主義風(fēng)格在UI設(shè)計(jì)中的運(yùn)用令人耳目一新,設(shè)計(jì)理念中去除多余的視覺干擾、方便使用習(xí)慣和清新目的性極強(qiáng)的特點(diǎn),讓人們?cè)谛畔⒎彪s的當(dāng)今,依舊可以清晰明了生活。
二、關(guān)于極簡(jiǎn)主義風(fēng)格的國(guó)內(nèi)外發(fā)展情況概述
誕生于六十年代極簡(jiǎn)主義風(fēng)格流派,一直深刻的影響著設(shè)計(jì)和藝術(shù)領(lǐng)域的風(fēng)向標(biāo)。因其對(duì)人文領(lǐng)域的交集,所以踴躍出了一大批富有極簡(jiǎn)主義情懷的設(shè)計(jì)師將這一風(fēng)潮代入了設(shè)計(jì)領(lǐng)域,并逐漸完善成一種設(shè)計(jì)風(fēng)格。以彼得·沃克(Peter Walker)為代表的極簡(jiǎn)派設(shè)計(jì)師將去繁存簡(jiǎn)的概念融入了建筑設(shè)計(jì)之中;另一方面,二十世紀(jì)最具有代表性的工業(yè)設(shè)計(jì)大師迪特·拉姆斯(Dieter Rams),他所帶領(lǐng)的博朗公司所做的產(chǎn)品設(shè)計(jì)里有著清晰的包豪斯傳承而來極簡(jiǎn)實(shí)用精神,在某種意義上,他的作法行為也深刻的影響了原蘋果公司CEO史蒂夫.保羅.喬布斯對(duì)于設(shè)計(jì)風(fēng)格的理念上的執(zhí)著。并通過產(chǎn)品將這種藝術(shù)風(fēng)格日漸浸潤(rùn)成了美國(guó)人的簡(jiǎn)約大方而又優(yōu)雅精致的生活方式,不得不說,經(jīng)過佛學(xué)禪宗思想洗禮的喬布斯將禪宗美學(xué)和極簡(jiǎn)生活方式的結(jié)合,是一個(gè)在界面設(shè)計(jì)和工業(yè)設(shè)計(jì)中都足以留名的里程碑,而其最好的表現(xiàn)就是該公司推出的ios8操作系統(tǒng)。當(dāng)然,就該領(lǐng)域來說,在2008年3ames Meyer所編寫的《MinimalisIIc》就從學(xué)術(shù)研究的范疇中描述了極簡(jiǎn)主義的理念,而它的誕兒就是微軟旗下的window8。大家對(duì)于交互設(shè)計(jì)的關(guān)注是在互聯(lián)網(wǎng)興起的基礎(chǔ)之下,而互聯(lián)網(wǎng)的興起又加深了受眾對(duì)于交互設(shè)計(jì)的審視,這種互為表里,相互促進(jìn)的關(guān)系,在上述的兩例中表現(xiàn)明顯。交互設(shè)計(jì)師哈特穆特·奧本多夫在2014年所編寫《極簡(jiǎn)主義在人機(jī)交互設(shè)計(jì)應(yīng)用中的四大理念》一文,借由對(duì)交互設(shè)計(jì)環(huán)境和極簡(jiǎn)設(shè)計(jì)的分析,總結(jié)了交互設(shè)計(jì)中極簡(jiǎn)主義風(fēng)格的使用,從中我們也可以窺見極簡(jiǎn)主義設(shè)計(jì)風(fēng)格在西方設(shè)計(jì)中的深刻影響。
當(dāng)然,不僅僅是國(guó)外,國(guó)內(nèi)在近幾年的發(fā)展中,也開始越來越明顯的看到極簡(jiǎn)主義風(fēng)格設(shè)計(jì)諸多方面的呈現(xiàn)。在2013年,主打用戶體驗(yàn)的騰訊公司客戶部就針對(duì)國(guó)內(nèi)目前的UI設(shè)計(jì)大環(huán)境做出了《在你身邊,為你設(shè)計(jì):騰訊的用戶體驗(yàn)設(shè)計(jì)之道》一書,少有的以企業(yè)部門為作者的設(shè)計(jì)文獻(xiàn),不僅僅是從企業(yè)角度對(duì)市場(chǎng)UI環(huán)境的審視,更是從設(shè)計(jì)角度對(duì)“簡(jiǎn)約”的思考。之后的2014年,搜狐新聞客戶端UED團(tuán)隊(duì)在《設(shè)計(jì)之下:搜狐新聞客戶端的用戶體驗(yàn)設(shè)計(jì)》也提出了建立在自己界面設(shè)計(jì)角度上的應(yīng)用案例。從以上幾個(gè)例子中,我們不難看出極簡(jiǎn)主義對(duì)國(guó)內(nèi)UI設(shè)計(jì)的影響正在波瀾般的逐漸放大。
三、基于用戶體驗(yàn)的手機(jī)端極簡(jiǎn)主義設(shè)計(jì)表現(xiàn)形式
應(yīng)用程序類型的大致分類為效率型應(yīng)用(ProductivityApplications)、實(shí)用型應(yīng)用(Utility Applications)、沉浸型應(yīng)用(Immersive Applications)。在這三種類型中,因?yàn)槠渥陨硖攸c(diǎn)關(guān)系,表現(xiàn)形式本身就多種多樣,沒有代表性,為工具類應(yīng)用(實(shí)用型應(yīng)用),游戲類應(yīng)用(沉浸型應(yīng)用)。而效率型應(yīng)用是我們接觸到對(duì)界面布局設(shè)計(jì)發(fā)展反映最大的一種類型,傾向于跟手機(jī)系統(tǒng)的主體風(fēng)格相一致,適用于拿此類app做為樣本去分析手機(jī)端極簡(jiǎn)主義設(shè)計(jì)的表現(xiàn)形式。
效率型應(yīng)用的集中研究討論前提,是我們首先要明確其主要特點(diǎn):復(fù)合式功能、應(yīng)用結(jié)構(gòu)層級(jí)較深等。因此,功能多、結(jié)構(gòu)復(fù)雜就成為內(nèi)容分類、頁面布局的一大困境。在之前的設(shè)計(jì)中此類型應(yīng)用的功能鍵質(zhì)感和底部背景的細(xì)節(jié)是主要的關(guān)注點(diǎn),但這也導(dǎo)致了忽略了對(duì)于內(nèi)容布局上的考慮的結(jié)果,導(dǎo)致多半的應(yīng)用都一直使用較為死板的列表式設(shè)計(jì),用戶體驗(yàn)一直處在較低的評(píng)價(jià)上。相反的,以極簡(jiǎn)主義設(shè)計(jì)思想為理念的app在優(yōu)化自己的應(yīng)用中的內(nèi)容方面要優(yōu)于前者;比如,在布局設(shè)計(jì)上面,app中的圖文混排的技術(shù)型難題可以通過合理地運(yùn)用卡片式設(shè)計(jì)解決,符合用戶使用手機(jī)時(shí)的手勢(shì)操作習(xí)慣的下拉刷新的設(shè)計(jì),新內(nèi)容的放置和home鍵在下面放置,方便了用戶單手操作的習(xí)慣的同時(shí),也統(tǒng)一了下拉刷新的特性。
極簡(jiǎn)是深入到對(duì)app功能性、體驗(yàn)性上的探討和反思設(shè)計(jì),而不是僅僅只停留在它表面的設(shè)計(jì)。這一概念,也慢慢成為走極簡(jiǎn)主義風(fēng)格的app的“全心(新)”的手機(jī)端上表現(xiàn)形式。純粹的極簡(jiǎn)風(fēng)潮時(shí)期的內(nèi)容“內(nèi)容與形式簡(jiǎn)潔相適合而豐富衙生的概念,實(shí)現(xiàn)了“化繁為簡(jiǎn)”。在這個(gè)“新”的形式中,簡(jiǎn)約的風(fēng)格,不僅美觀,而且有一個(gè)新的認(rèn)識(shí),并成為應(yīng)用程序制作時(shí)在結(jié)構(gòu),組織,功能三方面的核心理念。
從現(xiàn)代回顧審視往昔的此類應(yīng)用程序就有種在超市大減價(jià)活動(dòng)中挑商品的行為,導(dǎo)致各種信息讓用戶變得茫然無措的主要原因,就是因?yàn)槠渫ㄟ^追求頁面利用率為目的作法。所以,在極簡(jiǎn)主義設(shè)計(jì)風(fēng)格中,兼顧頁面布局和交互體驗(yàn)的作法,就針對(duì)原初的癥結(jié)提出了全面的解決方式,并且在某種角度上可以作為相對(duì)完善的表現(xiàn)形式。
從某種意義上來說,手機(jī)是電腦的一種衍生,從最初開始有手機(jī)界面時(shí),手機(jī)端設(shè)計(jì)風(fēng)格一直追隨于PC端(電腦端)的設(shè)計(jì)風(fēng)格,立志于達(dá)到與電腦功能上趨近與一致的狀態(tài),但是因?yàn)楫?dāng)時(shí)的技術(shù)問題,手機(jī)就暫時(shí)停留在接受個(gè)人消息的領(lǐng)域之中,因?yàn)榭紤]到屏幕大小和操作體驗(yàn)上的問題,手機(jī)的主界面一直以“宮格”概念為原型發(fā)展至今。在2007年之前,電腦端Win-dowsXP后時(shí)代的到來,移動(dòng)端上的設(shè)計(jì)面臨著一次全新的更新?lián)Q代。之前,由于手機(jī)的功能受到技術(shù)上的限制,對(duì)于手機(jī)的操作來講相對(duì)單一,到了近代,就短短的幾年時(shí)間里,手機(jī)從功能項(xiàng)就比原來多出了數(shù)倍,這也預(yù)示著手機(jī)的界面的結(jié)構(gòu)會(huì)越來越復(fù)雜,手機(jī)中復(fù)雜的功能如何變的直觀且好用,就變成了現(xiàn)在大家最關(guān)心的一個(gè)問題了。
IOS系統(tǒng)的設(shè)計(jì)風(fēng)格一直是業(yè)界所關(guān)注的焦點(diǎn),其美觀實(shí)用的界面受到了消費(fèi)者的廣泛好評(píng)。在IOS7中我們不難發(fā)現(xiàn),系統(tǒng)中表現(xiàn)狀態(tài)和功能入口的地方都是用色彩標(biāo)識(shí)的,這樣就可以很方便提示各類操作步驟了,既不影響閱讀也很自然地提示給使用者需要注意的地方,這種自然而又不浮夸的設(shè)計(jì)收到了大眾的一致認(rèn)可。
而無論什么系統(tǒng),軟件圖標(biāo)的平面設(shè)計(jì)才手機(jī)UI設(shè)計(jì)當(dāng)中的核心元素,是鏈接各個(gè)功能的中轉(zhuǎn)站,所以手機(jī)圖標(biāo)的設(shè)計(jì)一直是手機(jī)端平面設(shè)計(jì)的風(fēng)向標(biāo),也是人們認(rèn)定某種趨勢(shì)而確定的范例。圖標(biāo)用功能性區(qū)分有兩種:入口功能性圖標(biāo)和操作功能性圖標(biāo)。入口功能性圖標(biāo)是圖標(biāo)為某個(gè)功能的入口,點(diǎn)擊進(jìn)入該功能后即隨之消失,從關(guān)系層級(jí)上來說是上下級(jí)關(guān)系;而操作功能性圖標(biāo)是表現(xiàn)界面中功能與功能之間處于的狀態(tài),像“確認(rèn)”和“取消”、“點(diǎn)贊”與“取消點(diǎn)贊”、“選擇”與“取消選擇”等等,圖標(biāo)會(huì)應(yīng)為激活而切換成另一種形態(tài)。無論兩種圖標(biāo)的表現(xiàn)形式是什么樣的,其目的都是為了使用戶第一時(shí)間能夠從界面當(dāng)中的變化理解到每個(gè)功能的走向。圖標(biāo)的表現(xiàn)形式以一個(gè)從具象到擬物,從擬物到扁平的一個(gè)發(fā)展軌跡在發(fā)生。
終端搭載的執(zhí)行系統(tǒng)為APP的圖標(biāo)平面設(shè)計(jì)的形態(tài)提供了多樣性的可能。以搭載ios操作系統(tǒng)上的twitter和相機(jī)圖標(biāo)做一個(gè)例子:在之前兩家公司對(duì)自己產(chǎn)品的設(shè)計(jì)風(fēng)格一直走擬物風(fēng)格,將產(chǎn)品將要表達(dá)的事物與現(xiàn)實(shí)中的這些事物的特點(diǎn)和細(xì)節(jié)刻畫的細(xì)致入微。twitter產(chǎn)品概念主打輕社交想要表達(dá)出人與人之間細(xì)細(xì)耳語的微妙意境,所以將其產(chǎn)品平面形象定為一直藍(lán)色的小鳥。在品牌形象中以藍(lán)色為主題色,意為表達(dá)科技、智慧和輕便,logo最初的設(shè)計(jì)為增加其產(chǎn)品的好感度設(shè)計(jì)了一只可愛的小鳥仿佛在輕輕地說著什么,在小鳥的設(shè)計(jì)上,twitter之前一直堅(jiān)持與實(shí)物小鳥的外觀保持一致,但在兩三年內(nèi)的到用戶反饋的信息是logo對(duì)于twitter的名稱的傳達(dá)并不是十分強(qiáng)烈,大部分人習(xí)慣于叫它為“小藍(lán)鳥”。這時(shí),twitter確定做出改變,采取“擬態(tài)聯(lián)想”的平面設(shè)計(jì)方法,以小鳥的基本輪廓為基礎(chǔ),用剪影的方式來表現(xiàn)小鳥的形態(tài),這樣一來,從一個(gè)“卡通形象”變換到一個(gè)類似與符號(hào)的表現(xiàn)方法,使得用戶對(duì)與此logo的記憶點(diǎn)不在與鳥本身,而是關(guān)聯(lián)到了品牌的特征。讓人一看就知道是“twitter”,而不是“小藍(lán)鳥聊天工具”。收到著一點(diǎn)的啟發(fā)的不僅使“twitter”一家企業(yè),包括photoshop、蘋果公司等等,都以此做出而來改變,并且把這一思想延續(xù)到了圖標(biāo)的設(shè)計(jì)當(dāng)中。過去的ios系統(tǒng)(IOS6之前)其主要設(shè)計(jì)風(fēng)格是偏向于將icon的功能描述更加實(shí)物化,以“相機(jī)”功能為例:我們?cè)诳碔OS5版的相機(jī)icon時(shí),第一感覺是著是一個(gè)“鏡頭”,可能與拍照有關(guān);而自通過IOS7之后的系列改良后,一個(gè)極簡(jiǎn)化的相機(jī)印在按鍵中間,這對(duì)與用戶對(duì)此功能的理解更為快捷,因?yàn)槎嘤嗟募?xì)節(jié)元素的減少,對(duì)于記住其特征也會(huì)變的特別容易。就是這樣,極簡(jiǎn)主義設(shè)計(jì)風(fēng)格就慢慢變成了圖標(biāo)設(shè)計(jì)的一個(gè)趨勢(shì)。
設(shè)計(jì)師的設(shè)計(jì)創(chuàng)作過程通常是通過對(duì)日常生活中的觀察與自己的生活經(jīng)驗(yàn)積累,運(yùn)用事物的分析方法來去對(duì)設(shè)計(jì)目標(biāo)進(jìn)行相應(yīng)地選擇、提煉、深化加工,最后創(chuàng)造出超越自己本身的具有引導(dǎo)性的創(chuàng)新想法和構(gòu)思。因此生活經(jīng)驗(yàn)是設(shè)計(jì)者在進(jìn)行設(shè)計(jì)前的必要心理資源,美國(guó)著名設(shè)計(jì)師、認(rèn)知心理學(xué)家唐納德·A·諾曼的《設(shè)計(jì)心理學(xué)》一書強(qiáng)調(diào)產(chǎn)品的易用性和用戶對(duì)產(chǎn)品的認(rèn)知才是設(shè)計(jì)的最核心點(diǎn),利用設(shè)計(jì)者們自己日常生活上的認(rèn)知對(duì)簡(jiǎn)化產(chǎn)品的可理解性有至關(guān)重要的作用。
在《設(shè)計(jì)心理學(xué)》一書中總結(jié)了以用戶為核心的設(shè)計(jì)原則需要思考的幾個(gè)方面:
(1)確保用戶在進(jìn)行操作界面時(shí),可以很快知道哪些是可行操作。
(2)注重產(chǎn)品的可視性,這里包括了對(duì)產(chǎn)品的理念,進(jìn)行操作時(shí)的各個(gè)選項(xiàng)和其每個(gè)選項(xiàng)所對(duì)應(yīng)的結(jié)果。
(3)方便用戶了解產(chǎn)品在使用期間的工作狀態(tài),列如手機(jī)中的電池狀態(tài)標(biāo)識(shí)就是一個(gè)很直觀地讓用戶明白手機(jī)處于怎樣的狀態(tài)的系統(tǒng)功能之一,可以方便用戶跟合理使用產(chǎn)品,優(yōu)化用戶體驗(yàn)過程。
(4)用戶操作的步驟應(yīng)當(dāng)是符合使用習(xí)慣,用戶操作意圖和實(shí)際操作結(jié)果也應(yīng)該是自然聯(lián)系的。
因此,人的生活習(xí)慣和視覺規(guī)律是影響設(shè)計(jì)過程的一個(gè)關(guān)鍵因素,我們要在符合這些規(guī)律的原則上進(jìn)行構(gòu)思與設(shè)計(jì),才能達(dá)到真正意義上的“易用“與”可理解”。所以我們不難看出以用戶為核心的設(shè)計(jì)才是實(shí)現(xiàn)設(shè)計(jì)價(jià)值最大化的必要因素。
互聯(lián)網(wǎng)的誕生將媒體這個(gè)傳遞信息的載體做了全新的革命,不僅“快'而且“占資源少”;但,我們也要應(yīng)當(dāng)思考,大量的信息迎面而來時(shí),我們是否需要這些全部的內(nèi)容。當(dāng)你在搜尋默寫消息的時(shí)候,大量其他信息業(yè)會(huì)同時(shí)推送在你的面前,因?yàn)閭鬏敵杀镜?、容量小的關(guān)系它們很容易夾帶在對(duì)需要的信息當(dāng)中影響你、干擾你。
因此,在如今信息大爆炸的時(shí)代我們甚至?xí)槿コ裏o用信息而去買單,原本稀缺的信息來源,如今繁復(fù)到要靠付錢去為減少傳遞信息的量。正是過多的信息量讓人們?cè)絹碓綄?duì)直觀的,清晰的,簡(jiǎn)潔的信息表達(dá)方式而青睞,這一趨勢(shì)使得“極簡(jiǎn)主義設(shè)計(jì)風(fēng)格”的互聯(lián)網(wǎng)產(chǎn)品受到廣泛好評(píng)的原因之一。我們?cè)谑袌?chǎng)不得不承認(rèn)盲目地最求頁面設(shè)計(jì)當(dāng)中頁面利用率和買點(diǎn)入口是慢慢將會(huì)被人們所淘汰地只顧及眼前利益的設(shè)計(jì)方式,追求表達(dá)上的親切與簡(jiǎn)單,結(jié)構(gòu)上的自然與合理才是真正站在用戶角度上去做的良心設(shè)計(jì),而“極簡(jiǎn)主義設(shè)計(jì)風(fēng)格”正是設(shè)計(jì)師們走向良性健康的設(shè)計(jì)方向的利器。
很多人都在思考“極簡(jiǎn)主義設(shè)計(jì)風(fēng)格”受到人們的喜愛的其他原因,其實(shí)很大一部分時(shí)候,人們覺得復(fù)雜的東西是認(rèn)為有很多附加意義的東西,這讓人們對(duì)于本質(zhì)的理解產(chǎn)生了困惑,不知道它應(yīng)該是什么意思。
以蘋果手機(jī)的設(shè)計(jì)為例,從外形上來說它正面只保留一個(gè)鍵位,其機(jī)身又簡(jiǎn)潔利落,保證了用戶自然而然地會(huì)第一次按這個(gè)鍵位去喚醒手機(jī),事實(shí)上,這就是喚醒手機(jī)的正確方式,養(yǎng)成用戶直觀的操作習(xí)慣,人們對(duì)于此的困惑會(huì)少很多,這就是用戶們經(jīng)常提到的“簡(jiǎn)單、好用”的原因。極簡(jiǎn)主義設(shè)計(jì)風(fēng)格表現(xiàn)在手機(jī)端設(shè)計(jì)中也是如此,其從一開始僅僅只是表現(xiàn)在頁面上的“素”與“靜”,而到現(xiàn)在慢慢地轉(zhuǎn)向?qū)φw交互流程“自然”的設(shè)計(jì)趨勢(shì),漸漸地從外觀設(shè)計(jì)深入到了對(duì)內(nèi)在的設(shè)計(jì)層次上面。以這時(shí)代的契機(jī)快速地在移動(dòng)手機(jī)端設(shè)計(jì)中有了快速且健康的發(fā)展。