去形式化——移動設計新趨勢

5 評論 10031 瀏覽 38 收藏 9 分鐘

我們已經住在一個“干凈極簡”的世界有一段時間了,那么接下來呢?在過去的幾個月,一些創新設計的業界領袖已經將“極簡設計”推向另一個境界。 Facebook 、 Airbnb 和 Apple 已經跟隨一個相類似的藍圖來簡化主要產品,這種方式就反映出了移動設計“去形式化”的新趨勢。

究竟什么是去形式化?

你說從沒聽說“去形式化”?好吧,這是因為我剛把這個術語杜撰出來。最近我注意到區別于扁平設計、極簡設計以及流程簡化的新趨勢。有些人可能認為這只不過是極簡設計運用于移動領域的下一階段,但是我卻要說這個東西可能更加不同一點。一些特別的共同點和特征點能夠定義這個新趨勢。所以我覺得為它取名。我可以這么干,對吧?

這些橫掃硅谷的熱門新趨勢的定義特征是:

  1. 更大更粗的標題
  2. 更簡單更通用的圖標
  3. 色彩抽取

結果呢?一些我們最喜歡的應用的界面開始看起來越來越像是他們可能都來自同一個品牌。

證據

我最開始注意到這個趨勢是在五月初(2016) Instagram 發布他們重新設計的界面時。

2

Instagrame 的新界面

這次重新設計的一些變化包括:去掉了很多在這個應用中多次出現的藍色和深灰、加粗標題以及簡化底部導航和圖標。留下的是黑白的界面和搭配加粗的標題,這樣一來內容就讓內容明顯而且功能更加清晰了。我欣賞這種不那么雜亂的界面,它讓我想起了一個我已經欽佩了很久的平臺—— Medium 。 Medium 從2012年就開始使用這種黑白形式,并且每次重新設計都會減少一些雜亂;顯然 Medium 就是一個去形式化的領軍者。恭喜 Medium !

就在 FB 的人揭露出 Instagram 的樣子后,很快我打開 Airbnb 并且被他們之間的相似度驚訝到了。這是他們在四月(2016)發布了新設計后我第一次看這個應用,然而我卻感覺早就看過了。

3

Airbnb 的新界面

Airbnb 重新設計的界面甚至沒有得到一個月后 Instagram 新設計得到的媒體關注(可能一部分原因是這個新界面沒有搭配上一個漂亮的新應用圖標),但是它的確是遵從了很多相似的去形式化的策略。

這個移動新設計帶來更大更粗的標題,去掉了不必要的圖片和色彩并且簡化了他們的圖標使其看起來更具普遍的識別性。留下來的是非黑即白的界面,讓內容更加明顯并且功能更加清晰。

蘋果是最后一個設計師們開始著迷于去形式化運動的例子。這個月初(2016),在蘋果全球開發者大會上,這個科技巨人宣布了一系列令人興奮的消息讓消費者們翹首期盼,包括發布了 iOS 10 ,對此他們的配音是“史上最大的 iOS 發布!”(或者至少是自從 iOS 8 以來因為它也被稱為“史上最大的 iOS 發布!”)。

4

Apple Music 的新界面

有一條公告特別吸引我的目光,那就是 Apple Music 的重新設計。雖然最終要的幾個設計點是體驗提升和功能新增,視覺方面卻是我注意到的第一件事。 Macworld 的作者 Caitlin McGarry 將這個視覺更新描述得很好:“這是一個全新的樣貌,巨大的卡片、粗大的文字和清晰的白色背景都讓專輯藝術更加注目。”

聽起來是不是很相似?這個設計與 Instagram 和 Airbnb 的藍圖有些微的區別 (他們用的都是空心圖標! Apple 你腫么了?。┑顷P鍵元素還在這里:大而粗的標題,黑和白的界面。

那這又意味著什么?

就像我先前提到過的,這意味著原來越多的你喜歡的應用將會看起來更相似。為什么?就像那句話一樣,技術就是一個抄襲傳奇。那些得到廣泛正面評價的新設計(有些人在抱怨哪些新的黑白界面缺乏個性但是他們很快就會放棄的,你打開一個應用是為了它的功能而不是個性)所以我期待新老應用都開始跳入這個去形式化的潮流來。

這意味著你的 iPhone 主屏幕將會只是一個將你送往歡樂谷的彩色魔方大門。

5

去形式化的界面設計

現在,不論你贊同還是反對這種單色時尚,這已經毋庸置疑地成為了一個進步的信號。產品設計的進程正在從老舊的鼓勵累贅設計的分隔手法發展并進化到了真正關注用戶總進程上。在老的產品設計過程中一個界面設計師可能在設計框架時被體驗和產品以“讓它更漂亮”的指令束縛。這樣設計師就會花費很多時間來增加顏色、去除顏色、修改顏色,然而最好的解決方式可能早就擺在他們面前……那就是線框圖!在如今相互交融的設計過程中,體驗和界面設計師之間的界限愈來愈模糊,設計師們變得不那么擔心他們的特殊職責(像是讓它更漂亮)并且關注與為用戶創造最好的產品這個終極的目標上【譯者:難道不是賺錢創造價值嗎 → v → ?】。

去形式化的終極指南

那么你對去形式化已經足夠確信并且準備好跳入這一潮流了嗎?很好,跟隨這些指南,你立即就能創造出能夠得獎的應用。

1. 去掉色彩。OK,你可以有一個顏色,但是非常謹慎地使用它來指示行動。一切最好都是黑色和白色。讓應用的內容本身帶來色彩。

2. 更大、更粗、更黑的標題。你看到這里的標題了嗎?用 20 到 30 像素來讓它看起來更大。

3. 簡單、纖細、可識別的圖標。你的圖標最好是能夠通用并且沒有顏色限制。并且如果你想要通過從左到右的排序來傳達含義可以這樣做:首頁、搜索、主操作、副操作、信息。

4. 兩倍,不,三倍增加空白區域。也許甚至是四倍。這么做一定不會錯。

5. 讓你的應用圖標更加明亮。如果你想要補償性地設計一點閃亮鮮艷的東西,那么就放在應用圖標里吧。這才是展示個性和品牌的地方,讓它更加與眾不同!

 

原文作者:Michael Horton

原文地址: Complexion Reduction: A New Trend In Mobile Design

翻譯:雨涵_Zoe

譯文地址:http://www.jianshu.com/p/a4451588ea72

本文由 @雨涵_Zoe 授權發布于人人都是產品經理,未經作者許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 你之前發的那篇文章我也看過,現在滴滴出行也是去形式化設計

    來自山東 回復
  2. Airbnb最近進行了改版,已經改成material design的風格了

    來自廣東 回復
  3. 這不但是設計的趨勢,更是用戶體驗的升級,更加突出了內容和功能?,F在國內好多產品都在朝著這個方向更新,給人眼前一亮。

    回復
  4. 對于沒有內容和功能的APP來說,是個問題…

    來自北京 回復
  5. ios升級之后明顯和之前的體驗感不一樣

    來自上海 回復