淺淡移動互聯網產品新趨勢-極簡主義設計

一.極簡主義的產品設計

1.極簡主義理念

極簡主義的理念是“少即是多”。采用最簡單的形式、最基本的處理方法、最理性的設計手段求得最深入人心的藝術感受。

極簡主義形式提倡簡約、明晰、外向、追求單一性,強調整體統一、直截了當、拒絕矯揉造作。用最少的“視覺噪音”滿足最大限度的功能要求,力求呈現出一種寧靜的美感。

偉大現代主義建筑設計師密斯凡德羅提出“Less is more(少即是多)”的極簡主義設計哲學。

極簡主義在室內設計平面設計、服裝設計、產品設計、人機交互設計、界面設計等領域中被廣泛追捧。博朗,蘋果,無印良品等公司更是在極簡主義中找到并實現了巨大的商業價值。

博朗收音機(1961)

2.極簡主義的互聯網產品設計

在20世紀末的20年當中,極簡主義逐漸在人機交互領域形成了獨立的分支。

人機交互研究專家JohnM.Carroll建議通過合理設計以簡潔傳達信息,幫助用戶更好的完成任務而不是帶來干擾。他強調,將設計方案精簡到只保留基礎元素的程度,以目標任務結果為導向的簡潔才是根本。

Jakob Nielsen(尼爾森)在他的十大可用性原則中提到“Aesthetic and minimalist design(審美和簡約設計原則)”。

Reformat

1999年Google在首頁采用極簡設計,僅保留品牌LOGO與搜索空間,大面積留白,極大突出了搜索功能和品牌屬性,在具體使用中也幫助用戶提高了搜索效率。時至今日,Google從網頁到整個產品系列,品牌仍然堅持簡約的設計理念。

Google首頁(1999)

微軟在2011年發布的Windows 8全新系統,正是源于極簡主義很典型的最小化設計哲學——“現代化設計”Windows現已更新至window10,仍然延續和貫徹這個設計風格。

Window 8(2011)

2013年蘋果發布最大升級系統版本-iOS7,拋棄了以往的擬物化設計,而采用了扁平化設計。iOS7發布之初,完全簡約的界面設計也曾引來一批討伐之聲。然而,蘋果堅持延續iOS7扁平化的設計風格,將極簡設計不斷深化。時至今日,扁平化設計早已成為APP界面設計默認規范,也進一步證明了極簡主義理念與互聯網產品特質的無比契合。

iOS 7(2013)

近兩年,越來越多的國內外主流APP走向極簡主義,或者更加極致的踐行“少即是多”。


Apple music(iOS)


Instagram(iOS)


微信,京東金融(iOS)

二.移動APP何故鐘情于極簡設計?

“…不多余的修飾,由功能驅動設計,利用留白、顏色、字體、圖形等元素巧妙地突出重要內容,引導用戶行為…盡量少用浮雕、漸變和陰影,讓界面更輕,保證內容的核心地位?!薄猧OS設計規范。

為何iOS極力推薦APP采用簡約設計,為何移動APP鐘情于極簡設計,簡約又在如何發揮作用?

1.極簡設計已成為主旋律

隨著時代與科技的進步,每天進入我們視野的信息量越來越多,當這些信息內容展現在我們面前的時候,最需要做的事情就是盡可能快的讓這些內容被我們理解吸收。

例如,交通路牌只用圓圈,方塊,箭頭等簡單的線條組合,黃白黑高對比度的色調, 就是為了讓司機盡可能在最短時間內理解到交通指示牌的意思是什么,減少視覺停留的時間。

正因為如此,各大品牌在產品,標示等設計上,都不斷提煉要素,做減法,做減法。(萬事達最新LOGO設計費800W)

2.極簡旨在突出內容

極簡主義本著“減少、減少、再減少”的原則對產品進行處理,運用單一的色彩或在適當的地方用強烈的色彩稍加點綴突出產品的內容。追求產品的簡潔純粹,盡量保持形式的完美,杜絕一切繁雜干擾。

移除界面中那些對于重要信息的呈現沒有實際作用的裝飾性元素,將各種復雜線條設計、漸變、光影、質感全部刪除,用極簡的修飾,或者干脆不用修飾,目的就是突出內容。

3.極簡提升用戶效率

用戶使用移動APP產品的環境更加多樣和復雜:從喧鬧的商場到擁擠的地鐵,嘈雜的環境影響著用戶的注意力;從排隊等候到用餐期間,碎片化的時間讓用戶沒有耐心;再加上手機內部大量應用并存同時運行,任何一個系統推送,消息通知都會打斷用戶的操作。

大面積的留白,使圖、文、底主次分明,最終目標是幫助用戶去快速的關注焦點,并盡快實現他們的目的。運用極簡設計手段進行頁面設計,不僅可以使閱讀省力和信息獲取快捷,而且頁面的留白更加透氣,可以讓用戶保持歡快的情感進行瀏覽。

使用場景示例

4.移動APP更需極簡設計

手機與電腦端相比,本身具有設備小,功能強的特點。手機屏幕有限,卻具有相機,重力感應,陀螺儀,GPS等深度硬件支撐,因此,手機應用往往“身負重任”。

極簡設計的理念不僅可以指導移動產品去偽存真,在較小的屏幕中突出展示最核心的內容信息,而且更少的裝飾也一定程度上減少應用體量,減弱安裝和加載的負擔。

APP核心目標是解決用戶的需求,極簡通過形式上的手段真正的聚焦信息,簡化流程,讓移動APP從外到內的實現了輕快,易用。

5.極簡絕不是簡陋

當我們被眼前多元化的圖形和繁雜的顏色攪亂到找不到北的時候,重新回到最原始的畫面,也許它像一張白紙,從最本質最原生的狀態出發,足以讓它生根發芽,甚至開花。在這個浮躁的城市,周圍越來越多的事物被簡化包裝、摒棄華麗的外衣,以它特有的低調、簡約和實用,打動了用戶的心。

“少”是復雜的升華,追求的是一種純粹的、無雜質的產品氣質。極簡設計為用戶創造平靜的觀感,避免了強烈裝飾帶來的干擾與焦慮,將思想聚焦內容本身,還原了產品最基本的東西,表達出耐人尋味的激情,是一種高品質的體現。

三.如何打造極簡主義的移動APP?

越來越多的APP走向極簡主義,極簡旨在突出內容,將用戶注意力聚焦到最具價值的信息上,從而提升用戶的操作效率。極簡風格的手機APP,可以實現由內而外的輕快,易用。

那么,如何從設計的角度打造極簡主義的手機APP?通過極簡主義理念以及大量成功案例總結出以下幾個方面:

1.大字體的使用

圖形簡化之后,文字變的更為重要。文字用于傳達信息,比圖形更為快捷和精確。大文字也成了視覺元素,大字體在移動端上呈現,會賦予界面以層次,提高特定元素的視覺重量,給用戶眼前一亮的感覺。字體夠大,夠優雅,夠獨特,同時也能提升頁面的氣質和特色。

大屏手機成為主流的今天,界面設計趨勢更有雜志風的方向,大字體,模塊化,用圖片替代色塊作為背景。每個APP都希望用戶停留的時間更長,從各方面去爭取用戶的注意力,而更大更醒目的字體運用剛好符合這一需求。

2.白色等原色的應用

不同用戶對色彩的的理解和敏感度有差異,認知過程中來看,最早在兒童時期喜歡需要簡單的、新鮮的、強烈刺激的色彩,隨著年齡的增長,色彩感覺相應趨向于成熟和柔和些,對于色彩的理解差異也就越來越大。

極簡設計使用原色試圖剔除時間因素對于色彩認知程度的影響。極簡設計推薦使用原色,偏向明亮色和無彩色系中的白灰色,滿足極簡主義追求的簡單明了的,將元素精簡至原始狀態。

白色明度最高,無色相,明亮干凈、暢快、樸素,永恒無暇,在自然界象征著極致的純凈與貞潔。界面設整潔、大空白的同時讓用戶保持歡快的情感進行瀏覽。

輕快的白色可以給人很好的輕快速度感,可以讓其它任何淺顏色及亮顏色呈現出其深度、明度和飽和度的不同,通過對比讓其亮色更加明快、專注和舒適。白色優雅、平和而簡單,沒有強烈的個性,因而設計中,白色具有高級,科技的意象,是永遠流行的主色調。

3.空間的分割

卡片式和分隔符等之前所流行的處理方式,色塊的區分會使元素顯得擁擠,灰色的分隔帶會搶了視覺中心。更加弱化的分割線處理可以為界面提供更加現代化的外觀,專注于功能。

將區域分隔通過空間留白的方式處理,比如可以將圖片和字體放大,更高的列表讓界面更加通透,優雅干凈。突出核心內容,展示清晰的層級劃分極大的提高產品的易用性。

4.微交互

極簡并等于簡單,而是流程的簡化,細節的優化。移動APP本身設備的局限性,使用場景的復雜度,決定了交互設計細節重要性。動效與動畫有著本質的區別:動效作為信號提示,來提醒用戶動作和任務的完成,它們要簡單而且自然,動效本身服務與內容和操作,避免造成不必要的干擾。

通過微動效引導用戶,或者給予操作情感化的反饋,極大提高操作的流暢度與親和力。基于手勢的交互方式也更加適合大屏手機的操作。

微動效與極簡的界面搭配,可以豐富產品形式,讓極簡的頁面元素鮮活起來。

參考文章:

1.“極簡——讓生活更簡單”——《設計本》

2.“設計新趨勢:化繁為簡”——《設計之家》

3.“不忘初心!聊聊極簡風格的過去與現在”——《優設》

4.“極簡風/扁平化/擬物化:區別,聯系與應用”——《未命名設計研究所》

5.iOS設計規范指南

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,732評論 6 539
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,214評論 3 426
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 177,781評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,588評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,315評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,699評論 1 327
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,698評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,882評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,441評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,189評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,388評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,933評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,613評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,023評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,310評論 1 293
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,112評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,334評論 2 377

推薦閱讀更多精彩內容