淺淡移動(dòng)互聯(lián)網(wǎng)產(chǎn)品新趨勢(shì)-極簡(jiǎn)主義設(shè)計(jì)

一.極簡(jiǎn)主義的產(chǎn)品設(shè)計(jì)

1.極簡(jiǎn)主義理念

極簡(jiǎn)主義的理念是“少即是多”。采用最簡(jiǎn)單的形式、最基本的處理方法苍糠、最理性的設(shè)計(jì)手段求得最深入人心的藝術(shù)感受。

極簡(jiǎn)主義形式提倡簡(jiǎn)約啤誊、明晰岳瞭、外向寸痢、追求單一性尉桩,強(qiáng)調(diào)整體統(tǒng)一、直截了當(dāng)慌盯、拒絕矯揉造作牡昆。用最少的“視覺噪音”滿足最大限度的功能要求姚炕,力求呈現(xiàn)出一種寧?kù)o的美感。

偉大現(xiàn)代主義建筑設(shè)計(jì)師密斯凡德羅提出“Less is more(少即是多)”的極簡(jiǎn)主義設(shè)計(jì)哲學(xué)丢烘。

極簡(jiǎn)主義在室內(nèi)設(shè)計(jì)平面設(shè)計(jì)柱宦、服裝設(shè)計(jì)、產(chǎn)品設(shè)計(jì)播瞳、人機(jī)交互設(shè)計(jì)掸刊、界面設(shè)計(jì)等領(lǐng)域中被廣泛追捧。博朗赢乓,蘋果忧侧,無印良品等公司更是在極簡(jiǎn)主義中找到并實(shí)現(xiàn)了巨大的商業(yè)價(jià)值石窑。

博朗收音機(jī)(1961)

2.極簡(jiǎn)主義的互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)

在20世紀(jì)末的20年當(dāng)中,極簡(jiǎn)主義逐漸在人機(jī)交互領(lǐng)域形成了獨(dú)立的分支蚓炬。

人機(jī)交互研究專家JohnM.Carroll建議通過合理設(shè)計(jì)以簡(jiǎn)潔傳達(dá)信息松逊,幫助用戶更好的完成任務(wù)而不是帶來干擾。他強(qiáng)調(diào)肯夏,將設(shè)計(jì)方案精簡(jiǎn)到只保留基礎(chǔ)元素的程度棺棵,以目標(biāo)任務(wù)結(jié)果為導(dǎo)向的簡(jiǎn)潔才是根本。

Jakob Nielsen(尼爾森)在他的十大可用性原則中提到“Aesthetic and minimalist design(審美和簡(jiǎn)約設(shè)計(jì)原則)”熄捍。

Reformat

1999年Google在首頁(yè)采用極簡(jiǎn)設(shè)計(jì)烛恤,僅保留品牌LOGO與搜索空間,大面積留白余耽,極大突出了搜索功能和品牌屬性缚柏,在具體使用中也幫助用戶提高了搜索效率。時(shí)至今日碟贾,Google從網(wǎng)頁(yè)到整個(gè)產(chǎn)品系列币喧,品牌仍然堅(jiān)持簡(jiǎn)約的設(shè)計(jì)理念。

Google首頁(yè)(1999)

微軟在2011年發(fā)布的Windows 8全新系統(tǒng)袱耽,正是源于極簡(jiǎn)主義很典型的最小化設(shè)計(jì)哲學(xué)——“現(xiàn)代化設(shè)計(jì)”Windows現(xiàn)已更新至window10杀餐,仍然延續(xù)和貫徹這個(gè)設(shè)計(jì)風(fēng)格。

Window 8(2011)

2013年蘋果發(fā)布最大升級(jí)系統(tǒng)版本-iOS7朱巨,拋棄了以往的擬物化設(shè)計(jì)史翘,而采用了扁平化設(shè)計(jì)。iOS7發(fā)布之初冀续,完全簡(jiǎn)約的界面設(shè)計(jì)也曾引來一批討伐之聲琼讽。然而,蘋果堅(jiān)持延續(xù)iOS7扁平化的設(shè)計(jì)風(fēng)格洪唐,將極簡(jiǎn)設(shè)計(jì)不斷深化钻蹬。時(shí)至今日,扁平化設(shè)計(jì)早已成為APP界面設(shè)計(jì)默認(rèn)規(guī)范凭需,也進(jìn)一步證明了極簡(jiǎn)主義理念與互聯(lián)網(wǎng)產(chǎn)品特質(zhì)的無比契合问欠。

iOS 7(2013)

近兩年,越來越多的國(guó)內(nèi)外主流APP走向極簡(jiǎn)主義粒蜈,或者更加極致的踐行“少即是多”顺献。


Apple music(iOS)


Instagram(iOS)


微信,京東金融(iOS)

二.移動(dòng)APP何故鐘情于極簡(jiǎn)設(shè)計(jì)薪伏?

“…不多余的修飾滚澜,由功能驅(qū)動(dòng)設(shè)計(jì),利用留白嫁怀、顏色设捐、字體、圖形等元素巧妙地突出重要內(nèi)容塘淑,引導(dǎo)用戶行為…盡量少用浮雕萝招、漸變和陰影,讓界面更輕存捺,保證內(nèi)容的核心地位槐沼。”——iOS設(shè)計(jì)規(guī)范捌治。

為何iOS極力推薦APP采用簡(jiǎn)約設(shè)計(jì)岗钩,為何移動(dòng)APP鐘情于極簡(jiǎn)設(shè)計(jì),簡(jiǎn)約又在如何發(fā)揮作用肖油?

1.極簡(jiǎn)設(shè)計(jì)已成為主旋律

隨著時(shí)代與科技的進(jìn)步兼吓,每天進(jìn)入我們視野的信息量越來越多,當(dāng)這些信息內(nèi)容展現(xiàn)在我們面前的時(shí)候森枪,最需要做的事情就是盡可能快的讓這些內(nèi)容被我們理解吸收视搏。

例如,交通路牌只用圓圈县袱,方塊浑娜,箭頭等簡(jiǎn)單的線條組合,黃白黑高對(duì)比度的色調(diào)式散, 就是為了讓司機(jī)盡可能在最短時(shí)間內(nèi)理解到交通指示牌的意思是什么筋遭,減少視覺停留的時(shí)間。

正因?yàn)槿绱吮┲簦鞔笃放圃诋a(chǎn)品宛畦,標(biāo)示等設(shè)計(jì)上,都不斷提煉要素揍移,做減法次和,做減法。(萬(wàn)事達(dá)最新LOGO設(shè)計(jì)費(fèi)800W)

2.極簡(jiǎn)旨在突出內(nèi)容

極簡(jiǎn)主義本著“減少那伐、減少踏施、再減少”的原則對(duì)產(chǎn)品進(jìn)行處理,運(yùn)用單一的色彩或在適當(dāng)?shù)牡胤接脧?qiáng)烈的色彩稍加點(diǎn)綴突出產(chǎn)品的內(nèi)容罕邀。追求產(chǎn)品的簡(jiǎn)潔純粹畅形,盡量保持形式的完美,杜絕一切繁雜干擾诉探。

移除界面中那些對(duì)于重要信息的呈現(xiàn)沒有實(shí)際作用的裝飾性元素日熬,將各種復(fù)雜線條設(shè)計(jì)、漸變肾胯、光影竖席、質(zhì)感全部刪除耘纱,用極簡(jiǎn)的修飾,或者干脆不用修飾毕荐,目的就是突出內(nèi)容束析。

3.極簡(jiǎn)提升用戶效率

用戶使用移動(dòng)APP產(chǎn)品的環(huán)境更加多樣和復(fù)雜:從喧鬧的商場(chǎng)到擁擠的地鐵,嘈雜的環(huán)境影響著用戶的注意力憎亚;從排隊(duì)等候到用餐期間员寇,碎片化的時(shí)間讓用戶沒有耐心;再加上手機(jī)內(nèi)部大量應(yīng)用并存同時(shí)運(yùn)行第美,任何一個(gè)系統(tǒng)推送蝶锋,消息通知都會(huì)打斷用戶的操作。

大面積的留白什往,使圖扳缕、文、底主次分明恶守,最終目標(biāo)是幫助用戶去快速的關(guān)注焦點(diǎn)第献,并盡快實(shí)現(xiàn)他們的目的。運(yùn)用極簡(jiǎn)設(shè)計(jì)手段進(jìn)行頁(yè)面設(shè)計(jì)兔港,不僅可以使閱讀省力和信息獲取快捷庸毫,而且頁(yè)面的留白更加透氣,可以讓用戶保持歡快的情感進(jìn)行瀏覽衫樊。

使用場(chǎng)景示例

4.移動(dòng)APP更需極簡(jiǎn)設(shè)計(jì)

手機(jī)與電腦端相比飒赃,本身具有設(shè)備小,功能強(qiáng)的特點(diǎn)科侈。手機(jī)屏幕有限载佳,卻具有相機(jī),重力感應(yīng)臀栈,陀螺儀蔫慧,GPS等深度硬件支撐,因此权薯,手機(jī)應(yīng)用往往“身負(fù)重任”姑躲。

極簡(jiǎn)設(shè)計(jì)的理念不僅可以指導(dǎo)移動(dòng)產(chǎn)品去偽存真,在較小的屏幕中突出展示最核心的內(nèi)容信息盟蚣,而且更少的裝飾也一定程度上減少應(yīng)用體量黍析,減弱安裝和加載的負(fù)擔(dān)。

APP核心目標(biāo)是解決用戶的需求屎开,極簡(jiǎn)通過形式上的手段真正的聚焦信息阐枣,簡(jiǎn)化流程,讓移動(dòng)APP從外到內(nèi)的實(shí)現(xiàn)了輕快,易用蔼两。

5.極簡(jiǎn)絕不是簡(jiǎn)陋

當(dāng)我們被眼前多元化的圖形和繁雜的顏色攪亂到找不到北的時(shí)候甩鳄,重新回到最原始的畫面,也許它像一張白紙宪哩,從最本質(zhì)最原生的狀態(tài)出發(fā)娩贷,足以讓它生根發(fā)芽第晰,甚至開花锁孟。在這個(gè)浮躁的城市,周圍越來越多的事物被簡(jiǎn)化包裝茁瘦、摒棄華麗的外衣品抽,以它特有的低調(diào)、簡(jiǎn)約和實(shí)用甜熔,打動(dòng)了用戶的心圆恤。

“少”是復(fù)雜的升華,追求的是一種純粹的腔稀、無雜質(zhì)的產(chǎn)品氣質(zhì)盆昙。極簡(jiǎn)設(shè)計(jì)為用戶創(chuàng)造平靜的觀感,避免了強(qiáng)烈裝飾帶來的干擾與焦慮焊虏,將思想聚焦內(nèi)容本身淡喜,還原了產(chǎn)品最基本的東西,表達(dá)出耐人尋味的激情诵闭,是一種高品質(zhì)的體現(xiàn)炼团。

三.如何打造極簡(jiǎn)主義的移動(dòng)APP?

越來越多的APP走向極簡(jiǎn)主義疏尿,極簡(jiǎn)旨在突出內(nèi)容瘟芝,將用戶注意力聚焦到最具價(jià)值的信息上,從而提升用戶的操作效率褥琐。極簡(jiǎn)風(fēng)格的手機(jī)APP锌俱,可以實(shí)現(xiàn)由內(nèi)而外的輕快,易用敌呈。

那么贸宏,如何從設(shè)計(jì)的角度打造極簡(jiǎn)主義的手機(jī)APP?通過極簡(jiǎn)主義理念以及大量成功案例總結(jié)出以下幾個(gè)方面:

1.大字體的使用

圖形簡(jiǎn)化之后驱富,文字變的更為重要锚赤。文字用于傳達(dá)信息,比圖形更為快捷和精確褐鸥。大文字也成了視覺元素,大字體在移動(dòng)端上呈現(xiàn)线脚,會(huì)賦予界面以層次,提高特定元素的視覺重量,給用戶眼前一亮的感覺浑侥。字體夠大姊舵,夠優(yōu)雅,夠獨(dú)特寓落,同時(shí)也能提升頁(yè)面的氣質(zhì)和特色括丁。

大屏手機(jī)成為主流的今天,界面設(shè)計(jì)趨勢(shì)更有雜志風(fēng)的方向伶选,大字體史飞,模塊化,用圖片替代色塊作為背景仰税。每個(gè)APP都希望用戶停留的時(shí)間更長(zhǎng)构资,從各方面去爭(zhēng)取用戶的注意力,而更大更醒目的字體運(yùn)用剛好符合這一需求陨簇。

2.白色等原色的應(yīng)用

不同用戶對(duì)色彩的的理解和敏感度有差異,認(rèn)知過程中來看吐绵,最早在兒童時(shí)期喜歡需要簡(jiǎn)單的、新鮮的河绽、強(qiáng)烈刺激的色彩己单,隨著年齡的增長(zhǎng),色彩感覺相應(yīng)趨向于成熟和柔和些耙饰,對(duì)于色彩的理解差異也就越來越大纹笼。

極簡(jiǎn)設(shè)計(jì)使用原色試圖剔除時(shí)間因素對(duì)于色彩認(rèn)知程度的影響。極簡(jiǎn)設(shè)計(jì)推薦使用原色榔幸,偏向明亮色和無彩色系中的白灰色允乐,滿足極簡(jiǎn)主義追求的簡(jiǎn)單明了的,將元素精簡(jiǎn)至原始狀態(tài)削咆。

白色明度最高牍疏,無色相,明亮干凈拨齐、暢快鳞陨、樸素,永恒無暇瞻惋,在自然界象征著極致的純凈與貞潔厦滤。界面設(shè)整潔、大空白的同時(shí)讓用戶保持歡快的情感進(jìn)行瀏覽歼狼。

輕快的白色可以給人很好的輕快速度感掏导,可以讓其它任何淺顏色及亮顏色呈現(xiàn)出其深度、明度和飽和度的不同羽峰,通過對(duì)比讓其亮色更加明快趟咆、專注和舒適添瓷。白色優(yōu)雅、平和而簡(jiǎn)單值纱,沒有強(qiáng)烈的個(gè)性鳞贷,因而設(shè)計(jì)中,白色具有高級(jí)虐唠,科技的意象搀愧,是永遠(yuǎn)流行的主色調(diào)。

3.空間的分割

卡片式和分隔符等之前所流行的處理方式疆偿,色塊的區(qū)分會(huì)使元素顯得擁擠咱筛,灰色的分隔帶會(huì)搶了視覺中心。更加弱化的分割線處理可以為界面提供更加現(xiàn)代化的外觀翁脆,專注于功能眷蚓。

將區(qū)域分隔通過空間留白的方式處理鼻种,比如可以將圖片和字體放大反番,更高的列表讓界面更加通透,優(yōu)雅干凈叉钥。突出核心內(nèi)容罢缸,展示清晰的層級(jí)劃分極大的提高產(chǎn)品的易用性。

4.微交互

極簡(jiǎn)并等于簡(jiǎn)單投队,而是流程的簡(jiǎn)化枫疆,細(xì)節(jié)的優(yōu)化。移動(dòng)APP本身設(shè)備的局限性敷鸦,使用場(chǎng)景的復(fù)雜度息楔,決定了交互設(shè)計(jì)細(xì)節(jié)重要性。動(dòng)效與動(dòng)畫有著本質(zhì)的區(qū)別:動(dòng)效作為信號(hào)提示扒披,來提醒用戶動(dòng)作和任務(wù)的完成值依,它們要簡(jiǎn)單而且自然,動(dòng)效本身服務(wù)與內(nèi)容和操作碟案,避免造成不必要的干擾愿险。

通過微動(dòng)效引導(dǎo)用戶,或者給予操作情感化的反饋价说,極大提高操作的流暢度與親和力辆亏。基于手勢(shì)的交互方式也更加適合大屏手機(jī)的操作鳖目。

微動(dòng)效與極簡(jiǎn)的界面搭配扮叨,可以豐富產(chǎn)品形式,讓極簡(jiǎn)的頁(yè)面元素鮮活起來领迈。

參考文章:

1.“極簡(jiǎn)——讓生活更簡(jiǎn)單”——《設(shè)計(jì)本》

2.“設(shè)計(jì)新趨勢(shì):化繁為簡(jiǎn)”——《設(shè)計(jì)之家》

3.“不忘初心彻磁!聊聊極簡(jiǎn)風(fēng)格的過去與現(xiàn)在”——《優(yōu)設(shè)》

4.“極簡(jiǎn)風(fēng)/扁平化/擬物化:區(qū)別甸鸟,聯(lián)系與應(yīng)用”——《未命名設(shè)計(jì)研究所》

5.iOS設(shè)計(jì)規(guī)范指南

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市兵迅,隨后出現(xiàn)的幾起案子抢韭,更是在濱河造成了極大的恐慌,老刑警劉巖恍箭,帶你破解...
    沈念sama閱讀 206,311評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件刻恭,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡扯夭,警方通過查閱死者的電腦和手機(jī)鳍贾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來交洗,“玉大人骑科,你說我怎么就攤上這事」谷” “怎么了咆爽?”我有些...
    開封第一講書人閱讀 152,671評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)置森。 經(jīng)常有香客問我斗埂,道長(zhǎng),這世上最難降的妖魔是什么凫海? 我笑而不...
    開封第一講書人閱讀 55,252評(píng)論 1 279
  • 正文 為了忘掉前任呛凶,我火速辦了婚禮,結(jié)果婚禮上行贪,老公的妹妹穿的比我還像新娘漾稀。我一直安慰自己,他們只是感情好建瘫,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評(píng)論 5 371
  • 文/花漫 我一把揭開白布崭捍。 她就那樣靜靜地躺著,像睡著了一般暖混。 火紅的嫁衣襯著肌膚如雪缕贡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評(píng)論 1 285
  • 那天拣播,我揣著相機(jī)與錄音晾咪,去河邊找鬼。 笑死贮配,一個(gè)胖子當(dāng)著我的面吹牛谍倦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播泪勒,決...
    沈念sama閱讀 38,340評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼昼蛀,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼宴猾!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起叼旋,我...
    開封第一講書人閱讀 36,973評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤仇哆,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后夫植,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體讹剔,經(jīng)...
    沈念sama閱讀 43,466評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評(píng)論 2 323
  • 正文 我和宋清朗相戀三年详民,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了延欠。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,039評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡沈跨,死狀恐怖由捎,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情饿凛,我是刑警寧澤狞玛,帶...
    沈念sama閱讀 33,701評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站笤喳,受9級(jí)特大地震影響为居,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜杀狡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望贰镣。 院中可真熱鬧呜象,春花似錦、人聲如沸碑隆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)上煤。三九已至休玩,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間劫狠,已是汗流浹背拴疤。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留独泞,地道東北人呐矾。 一個(gè)月前我還...
    沈念sama閱讀 45,497評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像懦砂,于是被迫代替她去往敵國(guó)和親蜒犯。 傳聞我的和親對(duì)象是個(gè)殘疾皇子组橄,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容