徐孟瑾 朱華
摘要:
目的:挖掘極簡(jiǎn)主義的設(shè)計(jì)價(jià)值,使其能為當(dāng)下APP的界面設(shè)計(jì)提供高效的設(shè)計(jì)原則和方法。方法:以當(dāng)今信息泛濫且生活節(jié)奏加快為前提,為減輕人們的視覺負(fù)擔(dān),分析了極簡(jiǎn)風(fēng)格APP界面設(shè)計(jì)的優(yōu)勢(shì),并結(jié)合案例闡明APP界面設(shè)計(jì)的原則方法。結(jié)論:高品質(zhì)簡(jiǎn)單干凈的極簡(jiǎn)風(fēng)格的APP界面已經(jīng)成為了大多數(shù)用戶的推崇,運(yùn)用在設(shè)計(jì)中總結(jié)出消滅選擇、元素分組、有效信息和無(wú)意識(shí)設(shè)計(jì)等原則,運(yùn)用極少的元素來(lái)創(chuàng)造優(yōu)質(zhì)的視覺效果和更有效的信息傳遞效能。
關(guān)鍵詞:
極簡(jiǎn)主義 界面設(shè)計(jì) 簡(jiǎn)約
打開手機(jī),查詢自己的訂單信息,隨即點(diǎn)開音樂(lè)軟件邊收聽今日推薦歌曲邊查看昨天在APP里記錄的今日待辦事項(xiàng)……一連串簡(jiǎn)單動(dòng)作已經(jīng)成為現(xiàn)代人生活的日常,依附于智能手機(jī)的APP行業(yè)迅速發(fā)展并廣泛被用戶接受。同時(shí),在信息泛濫且各方面節(jié)奏加快的時(shí)代,減輕人們的視覺負(fù)擔(dān),追求高品質(zhì),簡(jiǎn)單干凈的設(shè)計(jì)風(fēng)格已經(jīng)成為了大多數(shù)用戶的推祟,極簡(jiǎn)主義的設(shè)計(jì)方法以其形式簡(jiǎn)約、內(nèi)涵豐富的風(fēng)格和有利于可持續(xù)設(shè)計(jì)發(fā)展的現(xiàn)實(shí)意義得到用戶和設(shè)計(jì)師的青睞。
1.極簡(jiǎn)主義及APP界面設(shè)計(jì)的概念
極簡(jiǎn)主義(Minimalist)是20世紀(jì)60年代流行于西方現(xiàn)代藝術(shù)的一個(gè)流派,以其理性、客觀、高效率的設(shè)計(jì)方式進(jìn)行其藝術(shù)表達(dá)。在中國(guó)道家思想中一些觀點(diǎn)也與極簡(jiǎn)主義有共通之處,“有”、“無(wú)”、“少則多,多則惑”等對(duì)極簡(jiǎn)主義的設(shè)計(jì)理念也產(chǎn)生了很大的影響。二者均認(rèn)為事物的最高境界即是還原其本質(zhì),追求簡(jiǎn)潔、凝練和純粹化和事物最本真的內(nèi)在。
近幾年,互聯(lián)網(wǎng)及無(wú)線事業(yè)的飛速發(fā)展無(wú)疑引起了科技領(lǐng)域的巨大浪潮,人們的生活也因此產(chǎn)生了巨大的改變。人機(jī)交流正在不同程度取代著人與人的交流,而界面正是構(gòu)建人機(jī)交流的橋梁,是一種使用產(chǎn)品來(lái)完成任務(wù)的方式。作為引導(dǎo)用戶快速正確使用產(chǎn)品的主要“面孔”,界面的設(shè)計(jì)如何高效準(zhǔn)確地滿足大眾用戶的需求是我們研究的主要問(wèn)題。
2.極簡(jiǎn)主義APP界面設(shè)計(jì)的原則
2.1消滅不必要的選擇
我們?cè)谑褂肁PP的過(guò)程中難免遇到選擇的問(wèn)題,選擇“收藏”還是“加入專輯”、選擇“評(píng)論”還是“轉(zhuǎn)發(fā)”、選擇郵箱注冊(cè)還是微信注冊(cè)……這些選擇看似給使用此APP提供更多的可能,但每一次簡(jiǎn)單選擇的過(guò)程也在無(wú)形中花費(fèi)用戶的時(shí)間去思考,而在選擇超過(guò)了一定的界限,特別是選項(xiàng)內(nèi)容又過(guò)于接近的情況下,選擇就成為了用戶的一種負(fù)擔(dān)。相比于層出不窮的選擇題,讓用戶享受拿來(lái)即用的高效和愉悅感不失為一種更好的方法。圖1是每日故宮的APP界面,其亮點(diǎn)是每天推送僅此一款博物院藏品,留給用戶的只是點(diǎn)開即看的享受。用戶因?yàn)闆]有選擇只能看這一個(gè),所以每天的推送都會(huì)給用戶鮮明而深刻的印象。從另一方面考慮,用戶也會(huì)莫名期待明天推送的內(nèi)容,反而增加了用戶對(duì)APP的黏性。
總結(jié)讓用戶面臨選擇的因素,不外乎頁(yè)面中重復(fù)的內(nèi)容、無(wú)需求的內(nèi)容、不一致的內(nèi)容、過(guò)于細(xì)化的內(nèi)容和多功能的內(nèi)容,這就要求設(shè)計(jì)師要學(xué)會(huì)對(duì)這些內(nèi)容進(jìn)行規(guī)劃,合理刪除或組合。
2.2視覺元素的分組
我們?cè)O(shè)計(jì)的每一個(gè)界面都應(yīng)該有一個(gè)主要的主題,過(guò)多的主題同樣會(huì)分散用戶的注意力,對(duì)視覺元素的合理組織不僅能夠讓用戶快速掌握界面的主要功能,在必要的時(shí)候也容易進(jìn)行修改,后期維護(hù)的成本也會(huì)降低。如果一個(gè)界面的視覺元素雜亂無(wú)章,不僅會(huì)讓界面看起來(lái)混亂,在使用的過(guò)程中也會(huì)因?yàn)楣δ艿姆睆?fù)給用戶操作帶來(lái)疑惑。圖2一款名為極速換算的單位換算APP的界面設(shè)計(jì),各頁(yè)面元素合理分組,使得整個(gè)頁(yè)面功能表述清晰,給用戶帶來(lái)明確地引導(dǎo)。
2.3快速有效的信噪比
快速有效的信噪比就是使用最少量的信息來(lái)表達(dá)界面的意圖,這是一個(gè)提高用戶和界面溝通效率的過(guò)程。而提高溝通效率的方法就是增強(qiáng)界面?zhèn)鬟_(dá)給用戶的有效信號(hào),同時(shí)降低無(wú)效信號(hào),并控制信息傳遞的總量。
好的設(shè)計(jì)是誠(chéng)實(shí)的,清晰有效是界面設(shè)計(jì)中第一步也是最重要的工作,它直接影響了APP的易用性和使用效率。一個(gè)簡(jiǎn)單的icon就能表達(dá)想要傳達(dá)的內(nèi)容,設(shè)計(jì)師就沒有必要再添加其他附加說(shuō)明。圖3是一款能在照片上添加文字的APP,界面上的一句“寫在這里”直白地告訴用戶該在哪里添加文本,如何添加文本。還有什么比這種簡(jiǎn)單直白的方式更高效的呢?
2.4主要高于次要
在進(jìn)行界面設(shè)計(jì)的時(shí)候,使用戶的記憶負(fù)擔(dān)最小化,將APP界面的主體進(jìn)行有效突出是很關(guān)鍵的,界面呈現(xiàn)強(qiáng)烈的視覺層次更加方便用戶尋找目標(biāo)。圖4是一款新聞信息類的APP的界面,對(duì)其印象深刻的就是通過(guò)對(duì)字體大小、布局和色彩的不同排版來(lái)告訴用戶什么是界面首要傳遞的信息。碩大的數(shù)字吸引眼球,加上畫面中心位置一句標(biāo)題的解釋讓用戶輕松獲取重要信息,界面精煉純粹給用戶強(qiáng)烈的視覺沖擊。
每個(gè)界面?zhèn)鬟f一個(gè)主要功能的同時(shí),不要讓其他次要功能喧賓奪主。就好像文章的存在是為了讓人們?nèi)ラ喿x它,并不是讓人們?cè)谖⒉┥厦娣窒硭?,在設(shè)計(jì)界面的時(shí)候,盡量減弱次要功能的視覺沖擊力。
2.5極簡(jiǎn)基礎(chǔ)上的無(wú)意識(shí)設(shè)計(jì)
人類往往對(duì)能夠掌控自己和周圍的環(huán)境感到很舒心,在APP界面設(shè)計(jì)的過(guò)程中我們通常要遵循的另一個(gè)重要原則是減少用戶記憶負(fù)擔(dān),也就是通常所說(shuō)的“無(wú)腦式設(shè)計(jì)”。如果界面的設(shè)置不符合平時(shí)大眾的操作習(xí)慣,必然會(huì)產(chǎn)生陌生甚至慌亂感,從而拒掉大批用戶。同時(shí),人的“肌肉記憶”也就是所謂的條件反射作用,使用得多了自然就會(huì)產(chǎn)生條件反射。在界面設(shè)計(jì)中為用戶設(shè)計(jì)一條簡(jiǎn)單容易識(shí)別的路徑比過(guò)于新穎、難以捉摸的路徑更能高效地形成這種條件反射。一個(gè)APP的每一次更新迭代也不應(yīng)有過(guò)于反轉(zhuǎn)的改變,對(duì)于一個(gè)用戶本身很熟悉的APP,在操作的同時(shí)會(huì)根據(jù)往常習(xí)慣去點(diǎn)擊或進(jìn)行一些手勢(shì)操作,若一次更新迭代的變化較大,也難免給用戶的操作帶來(lái)一定的錯(cuò)誤點(diǎn)擊。如今一些APP會(huì)有一些個(gè)性化設(shè)置,或需要了解用戶的個(gè)人信息,自然而然需要用戶進(jìn)行注冊(cè),但如果APP的首屏就是一個(gè)注冊(cè)頁(yè)面,必須注冊(cè)才能使用此應(yīng)用,那是不是在無(wú)形中就拒掉了一批新用戶呢?如圖5,兩款同樣是圖片處理的軟件,一款可以直接使用,一款要經(jīng)過(guò)注冊(cè)才能使用,試想用戶有什么理由不去選擇拿來(lái)即用且不涉及個(gè)人隱私的那款呢。endprint
3.極簡(jiǎn)主義APP界面設(shè)計(jì)的啟示
3.1簡(jiǎn)約并非拋棄民俗和傳統(tǒng)
極簡(jiǎn)主義設(shè)計(jì)風(fēng)格的確體現(xiàn)了一種時(shí)代精神,但是,缺乏思想和文化支撐的設(shè)計(jì)風(fēng)格是不能長(zhǎng)久的。我國(guó)豐富的本土文化和傳統(tǒng)民俗是我們創(chuàng)作的寶藏,在互聯(lián)網(wǎng)行業(yè)日益發(fā)達(dá)的條件下,將我國(guó)本民族的文化特質(zhì)結(jié)合到現(xiàn)代APP的界面設(shè)計(jì)中,不僅為設(shè)計(jì)過(guò)程提供更多素材和靈感,豐富了極簡(jiǎn)設(shè)計(jì)的內(nèi)涵,更對(duì)傳統(tǒng)文化的宣揚(yáng)發(fā)展起到重要作用。圖6是國(guó)內(nèi)一款介紹榫卯結(jié)構(gòu)的APP,縱觀其頁(yè)面元素,從主要文字的選擇,到沿用中國(guó)傳統(tǒng)的豎列文字排版的形式,再到圖章元素的運(yùn)用,甚至是引導(dǎo)元素手指,無(wú)不體現(xiàn)著傳統(tǒng)文化對(duì)其界面設(shè)計(jì)的影響。界面除了必要的介紹內(nèi)容外,沒有多余贅述,沒有多余花哨元素添加,把用戶的興趣點(diǎn)完全控制在界面介紹的知識(shí)中。頁(yè)面在做到極簡(jiǎn)的同時(shí)兼顧到APP的主題氣質(zhì),字里行間透出濃濃的傳統(tǒng)手工情懷,這也說(shuō)明現(xiàn)代的極簡(jiǎn)主義設(shè)計(jì)可以從傳統(tǒng)文化中汲取營(yíng)養(yǎng)和靈感,二者相互作用共同發(fā)展。
3.2極簡(jiǎn)是復(fù)雜的升華
不少人認(rèn)為極簡(jiǎn)是過(guò)分簡(jiǎn)單而廉價(jià)的設(shè)計(jì),之所以有這種觀點(diǎn)是未能真正理解極簡(jiǎn)設(shè)計(jì)的內(nèi)涵。極簡(jiǎn)提倡的簡(jiǎn)化設(shè)計(jì)主要是是對(duì)多余或重復(fù)的元素,同時(shí)對(duì)要表達(dá)的內(nèi)容進(jìn)行精準(zhǔn)的提煉,而這個(gè)過(guò)程是需要更深入的調(diào)研和更精確的概括而得出的,為的是突出產(chǎn)品的精華并營(yíng)造其品質(zhì)感。這也同時(shí)意味著“簡(jiǎn)約”并不意味著便宜,極簡(jiǎn)設(shè)計(jì)雖然是對(duì)各方面資源的節(jié)約,但其設(shè)計(jì)過(guò)程卻是因?yàn)榉磸?fù)推敲提煉而更加費(fèi)時(shí)費(fèi)力。
3.3極簡(jiǎn)并非冷酷、缺少人情味
過(guò)于冰冷無(wú)情感的設(shè)計(jì)并非極簡(jiǎn),而是單純追求形式簡(jiǎn)單而忽略功能和用戶的體驗(yàn),在極簡(jiǎn)風(fēng)格的APP界面設(shè)計(jì)中,界面設(shè)計(jì)師常在頁(yè)面間跳轉(zhuǎn)效果、頁(yè)面動(dòng)效元素和錯(cuò)誤頁(yè)面的提示等方面體現(xiàn)出APP的情感化設(shè)計(jì)。圖7為一些APP界面中的頁(yè)面間跳轉(zhuǎn)效果,采用一些擬物、折頁(yè)或者翻轉(zhuǎn)的效果給頁(yè)面添加動(dòng)態(tài)效果。值得注意的是,這些動(dòng)效效果應(yīng)適當(dāng)使用,避免造成視覺垃圾。圖8為去哪兒網(wǎng)APP的界面,圖中每一圖標(biāo)點(diǎn)擊之后都會(huì)在圖標(biāo)上帶有指紋標(biāo)記給用戶以反饋,是一種既仿真又有趣的處理形式。
4.結(jié)語(yǔ)
當(dāng)今時(shí)代下極簡(jiǎn)主義已被眾多設(shè)計(jì)師理解為極度合理的設(shè)計(jì),詮釋極簡(jiǎn)主義設(shè)計(jì)風(fēng)格的內(nèi)涵也并非簡(jiǎn)單追求設(shè)計(jì)史上極簡(jiǎn)主義的那種形式,新時(shí)代下設(shè)計(jì)師的創(chuàng)新思想賦予了它全新的含義,即運(yùn)用極少的元素來(lái)創(chuàng)造優(yōu)質(zhì)的視覺效果和更有效的信息傳遞效能,做到極度合理的設(shè)計(jì)。endprint