打開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