淺析手機(jī)用戶界面設(shè)計(jì)中極簡(jiǎn)主義風(fēng)格的運(yùn)用

范玉婷

摘要：隨著網(wǎng)絡(luò)技術(shù)與基礎(chǔ)建設(shè)的推進(jìn)與可移動(dòng)互聯(lián)網(wǎng)終端使用的普及，龐大的信息流媒體涌現(xiàn)。使得極簡(jiǎn)主義風(fēng)格對(duì)手機(jī)界面的設(shè)計(jì)中也開(kāi)始變得更加適用于“內(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ò)、交際、娛樂(lè)甚至經(jīng)濟(jì)活動(dòng)中必不可少的媒介。這一切的實(shí)現(xiàn)也同樣得益于手機(jī)自身功能的突破發(fā)展，現(xiàn)在的手機(jī)所具備的功能已經(jīng)不再是過(guò)去單純的用于電話和短信聯(lián)絡(luò)，大量的資訊開(kāi)始以更多樣的形式來(lái)呈現(xiàn)給用戶。技術(shù)的延伸也帶來(lái)了人們對(duì)于新形勢(shì)廣告設(shè)計(jì)的關(guān)注和需求，原初的設(shè)計(jì)開(kāi)始有了新的變化趨勢(shì)，UI設(shè)計(jì)在視覺(jué)傳達(dá)中的地位開(kāi)始被重視。這種以網(wǎng)絡(luò)為基礎(chǔ)，以手機(jī)界面為平臺(tái)的設(shè)計(jì)，兼顧了信息傳遞方式和人機(jī)軟件的界面設(shè)計(jì)，滿足用戶的個(gè)性需求的特定目的。對(duì)信息內(nèi)容及其展示環(huán)境的規(guī)劃和界定，是滿足用戶訴求的基礎(chǔ)。在目前全世界都在著力開(kāi)發(fā)和研究的這一技術(shù)中，原初的極簡(jiǎn)主義風(fēng)格在UI設(shè)計(jì)中的運(yùn)用令人耳目一新，設(shè)計(jì)理念中去除多余的視覺(jué)干擾、方便使用習(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ì)里有著清晰的包豪斯傳承而來(lái)極簡(jiǎn)實(shí)用精神，在某種意義上，他的作法行為也深刻的影響了原蘋果公司CEO史蒂夫.保羅.喬布斯對(duì)于設(shè)計(jì)風(fēng)格的理念上的執(zhí)著。并通過(guò)產(chǎn)品將這種藝術(shù)風(fēng)格日漸浸潤(rùn)成了美國(guó)人的簡(jiǎn)約大方而又優(yōu)雅精致的生活方式，不得不說(shuō)，經(jīng)過(guò)佛學(xué)禪宗思想洗禮的喬布斯將禪宗美學(xué)和極簡(jiǎn)生活方式的結(jié)合，是一個(gè)在界面設(shè)計(jì)和工業(yè)設(shè)計(jì)中都足以留名的里程碑，而其最好的表現(xiàn)就是該公司推出的ios8操作系統(tǒng)。當(dāng)然，就該領(lǐng)域來(lái)說(shuō)，在2008年3ames Meyer所編寫(xiě)的《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年所編寫(xiě)《極簡(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)極簡(jiǎn)主義設(shè)計(jì)風(fēng)格在西方設(shè)計(jì)中的深刻影響。

當(dāng)然，不僅僅是國(guó)外，國(guó)內(nèi)在近幾年的發(fā)展中，也開(kāi)始越來(lái)越明顯的看到極簡(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ì)之道》一書(shū)，少有的以企業(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)形式本身就多種多樣，沒(méi)有代表性，為工具類應(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)容分類、頁(yè)面布局的一大困境。在之前的設(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ù)型難題可以通過(guò)合理地運(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)致各種信息讓用戶變得茫然無(wú)措的主要原因，就是因?yàn)槠渫ㄟ^(guò)追求頁(yè)面利用率為目的作法。所以，在極簡(jiǎn)主義設(shè)計(jì)風(fēng)格中，兼顧頁(yè)面布局和交互體驗(yàn)的作法，就針對(duì)原初的癥結(jié)提出了全面的解決方式，并且在某種角度上可以作為相對(duì)完善的表現(xiàn)形式。

從某種意義上來(lái)說(shuō)，手機(jī)是電腦的一種衍生，從最初開(kāi)始有手機(jī)界面時(shí)，手機(jī)端設(shè)計(jì)風(fēng)格一直追隨于PC端（電腦端）的設(shè)計(jì)風(fēng)格，立志于達(dá)到與電腦功能上趨近與一致的狀態(tài)，但是因?yàn)楫?dāng)時(shí)的技術(shù)問(wèn)題，手機(jī)就暫時(shí)停留在接受個(gè)人消息的領(lǐng)域之中，因?yàn)榭紤]到屏幕大小和操作體驗(yàn)上的問(wèn)題，手機(jī)的主界面一直以“宮格”概念為原型發(fā)展至今。在2007年之前，電腦端Win-dowsXP后時(shí)代的到來(lái)，移動(dòng)端上的設(shè)計(jì)面臨著一次全新的更新?lián)Q代。之前，由于手機(jī)的功能受到技術(shù)上的限制，對(duì)于手機(jī)的操作來(lái)講相對(duì)單一，到了近代，就短短的幾年時(shí)間里，手機(jī)從功能項(xiàng)就比原來(lái)多出了數(shù)倍，這也預(yù)示著手機(jī)的界面的結(jié)構(gòu)會(huì)越來(lái)越復(fù)雜，手機(jī)中復(fù)雜的功能如何變的直觀且好用，就變成了現(xiàn)在大家最關(guān)心的一個(gè)問(wèn)題了。

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)可。

而無(wú)論什么系統(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í)上來(lái)說(shuō)是上下級(jí)關(guān)系；而操作功能性圖標(biāo)是表現(xiàn)界面中功能與功能之間處于的狀態(tài)，像“確認(rèn)”和“取消”、“點(diǎn)贊”與“取消點(diǎn)贊”、“選擇”與“取消選擇”等等，圖標(biāo)會(huì)應(yīng)為激活而切換成另一種形態(tài)。無(wú)論兩種圖標(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é)刻畫(huà)的細(xì)致入微。twitter產(chǎn)品概念主打輕社交想要表達(dá)出人與人之間細(xì)細(xì)耳語(yǔ)的微妙意境，所以將其產(chǎn)品平面形象定為一直藍(lán)色的小鳥(niǎo)。在品牌形象中以藍(lán)色為主題色，意為表達(dá)科技、智慧和輕便，logo最初的設(shè)計(jì)為增加其產(chǎn)品的好感度設(shè)計(jì)了一只可愛(ài)的小鳥(niǎo)仿佛在輕輕地說(shuō)著什么，在小鳥(niǎo)的設(shè)計(jì)上，twitter之前一直堅(jiān)持與實(shí)物小鳥(niǎo)的外觀保持一致，但在兩三年內(nèi)的到用戶反饋的信息是logo對(duì)于twitter的名稱的傳達(dá)并不是十分強(qiáng)烈，大部分人習(xí)慣于叫它為“小藍(lán)鳥(niǎo)”。這時(shí)，twitter確定做出改變，采取“擬態(tài)聯(lián)想”的平面設(shè)計(jì)方法，以小鳥(niǎo)的基本輪廓為基礎(chǔ)，用剪影的方式來(lái)表現(xiàn)小鳥(niǎo)的形態(tài)，這樣一來(lái)，從一個(gè)“卡通形象”變換到一個(gè)類似與符號(hào)的表現(xiàn)方法，使得用戶對(duì)與此logo的記憶點(diǎn)不在與鳥(niǎo)本身，而是關(guān)聯(lián)到了品牌的特征。讓人一看就知道是“twitter”，而不是“小藍(lán)鳥(niǎo)聊天工具”。收到著一點(diǎn)的啟發(fā)的不僅使“twitter”一家企業(yè)，包括photoshop、蘋果公司等等，都以此做出而來(lái)改變，并且把這一思想延續(xù)到了圖標(biāo)的設(shè)計(jì)當(dāng)中。過(guò)去的ios系統(tǒng)（IOS6之前）其主要設(shè)計(jì)風(fēng)格是偏向于將icon的功能描述更加實(shí)物化，以“相機(jī)”功能為例：我們?cè)诳碔OS5版的相機(jī)icon時(shí)，第一感覺(jué)是著是一個(gè)“鏡頭”，可能與拍照有關(guān)；而自通過(guò)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)作過(guò)程通常是通過(guò)對(duì)日常生活中的觀察與自己的生活經(jīng)驗(yàn)積累，運(yùn)用事物的分析方法來(lái)去對(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é)》一書(shū)強(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é)》一書(shū)中總結(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)過(guò)程。

（4）用戶操作的步驟應(yīng)當(dāng)是符合使用習(xí)慣，用戶操作意圖和實(shí)際操作結(jié)果也應(yīng)該是自然聯(lián)系的。

因此，人的生活習(xí)慣和視覺(jué)規(guī)律是影響設(shè)計(jì)過(guò)程的一個(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)思考，大量的信息迎面而來(lái)時(shí)，我們是否需要這些全部的內(nèi)容。當(dāng)你在搜尋默寫(xiě)消息的時(shí)候，大量其他信息業(yè)會(huì)同時(shí)推送在你的面前，因?yàn)閭鬏敵杀镜?、容量小的關(guān)系它們很容易夾帶在對(duì)需要的信息當(dāng)中影響你、干擾你。

因此，在如今信息大爆炸的時(shí)代我們甚至?xí)槿コ裏o(wú)用信息而去買單，原本稀缺的信息來(lái)源，如今繁復(fù)到要靠付錢去為減少傳遞信息的量。正是過(guò)多的信息量讓人們?cè)絹?lái)越對(duì)直觀的，清晰的，簡(jiǎn)潔的信息表達(dá)方式而青睞，這一趨勢(shì)使得“極簡(jiǎn)主義設(shè)計(jì)風(fēng)格”的互聯(lián)網(wǎng)產(chǎn)品受到廣泛好評(píng)的原因之一。我們?cè)谑袌?chǎng)不得不承認(rèn)盲目地最求頁(yè)面設(shè)計(jì)當(dāng)中頁(yè)面利用率和買點(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)格”受到人們的喜愛(ài)的其他原因，其實(shí)很大一部分時(shí)候，人們覺(jué)得復(fù)雜的東西是認(rèn)為有很多附加意義的東西，這讓人們對(duì)于本質(zhì)的理解產(chǎn)生了困惑，不知道它應(yīng)該是什么意思。

以蘋果手機(jī)的設(shè)計(jì)為例，從外形上來(lái)說(shuō)它正面只保留一個(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ì)中也是如此，其從一開(kāi)始僅僅只是表現(xiàn)在頁(yè)面上的“素”與“靜”，而到現(xiàn)在慢慢地轉(zhuǎn)向?qū)φw交互流程“自然”的設(shè)計(jì)趨勢(shì)，漸漸地從外觀設(shè)計(jì)深入到了對(duì)內(nèi)在的設(shè)計(jì)層次上面。以這時(shí)代的契機(jī)快速地在移動(dòng)手機(jī)端設(shè)計(jì)中有了快速且健康的發(fā)展。