UI | Complexion Reduction 設計風格

打開QQ的移動端注冊頁面才發(fā)現(xiàn)原來QQ也變這種黑簡大風格了,沒錯,這就是Complexion Reduction 風格。

Facebook、Apple、Instagram、Airbnb……這些走在 APP 設計最前面的公司,似乎在去年都選擇了同一種方法來改進 UI(用戶界面)。一年前我在面試的時候就被問到了2017年的UI設計趨勢,當時我提到的就是這種突出內容,標題大簡黑的設計風格,但是現(xiàn)在看到的,CR設計并沒有在國內的APP設計中普遍開來。倒是隨著AR、VR的普及,迷幻漸變貌似被不少應用。

Complexion Reduction(膚色簡約)

Complexion Reduction 到底是什么?其實這是Swarm UX/UI 設計師 Michael Horton 生造的一個詞,用來描述最近出現(xiàn)在移動設計領域的新風潮,姑且翻譯成膚色簡約。它和大熱的扁平設計不同,也不是指極簡風,當然更談不上是 「漸進式簡約」 。

注:漸進式簡約,英文為 Progressive Reduction,它是指 UI 界面設計中,隨著用戶對產品的熟悉程度增加而進行漸進式地簡化改良。這背后的理念十分簡單, 可用性是一個動態(tài)的目標,用戶對應用的理解程度將隨時間逐漸加深,因此用戶界面也必須依此即時更新。(圖:creo.co.uk)

有人認為 Complexion Reduction 是極簡設計風格在移動端的延伸演化,但 Michael 認為,顯然這種風格有著更加鮮明的特征,即更簡化的界面顏色,更大更突出的標題字體,以及更簡化的圖標。最終導致很多應用在風格上越來越趨同,不知道的還以為是同一家出品的呢。

它們設計上的一些共同點:去除原本大面積的界面主色,基本只保留黑白、更大號的粗體字、簡化的 APP 圖標、提取出的品牌色被用于 UI 的各個細節(jié)處。Complexion Reduction 可以看做扁平化設計、極簡設計思潮的延伸,但這種簡化又和“認知簡約”不同,后者的英文是 Progressive Reduction,是指在設計符號時,由于用戶的學習不斷深入,逐漸簡化復雜和先前用于“解釋”的信息。而 Horton 認為 CR 是一種更為特征鮮明的改變,雖然你第一眼看,這些 APP 好像都變成同一家的了。最典型的案例是 Instagram,由于圖標和藍色界面都過于深入人心,這也和它此前在扁平化時代仍然反骨仔般保留擬物化設計風格有關,因此2016年 5 月 Instagram 的一系列改變顯得十分扎眼。

但實際上不止是它,真正讓它們精神統(tǒng)一的是 UI 的變化。Apple Music 在最新的一次更新中也去除了原本花哨的唱片背景,Airbnb 的最新界面幾乎看不到除了房屋相片以外人為添加的顏色和圖片(當然,不包括啟動界面)。

愛彼迎的幾個歷史版本

用戶打開一個 APP 有他明確的目的:聽歌、上傳圖片、看新聞,而如此設計的好處除了突出 APP 中的內容本身,也讓失去背景色的功能鍵更加醒目。

不過也有評論提醒,文章完全忘了提到微軟當初的 Metro 設計語言:那個最早采用“內容第一”理念、簡約圖標和粗號標題的公司;而且還有一點是,首先你的 APP 已經得擁有足夠填滿它的豐富內容。


本文包括文字及圖片,整理總結來自于第三方的文章、視頻等,目的在于整理傳遞知識,不用做商業(yè),若對觀點、真實性、準確性描述有誤請指正,若侵權請說明,將刪除文章。

參考鏈接:

https://medium.com/the-pioneers/complexion-reduction-a-new-trend-in-mobile-design-cef033a0b978

https://modao.cc/posts/4226

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容