一直進化的扁平化設計,在2023年這麼玩兒

2022-09-24 07:57:13 字數 3211 閱讀 6669

平面化 vs 擬物化 的戰爭已經過去好幾年了。扁平化設計徹底佔據了如今的主流設計趨勢。但是,大局已定的扁平化設計,是否已經固化不變了呢?並非如此。在過去的幾年當中,扁平化設計風悄然地進化,變得越來越多樣,也越來越有吸引力。

如今再來重新審視早期的扁平化設計,漸變、陰影和紋理的缺乏,讓它在視覺上顯得略為單調,而幾年的時間沉澱,扁平化設計中開始適時地融入了許多其他的設計元素,豐富了整個扁平化設計的思想,並且創造了不程式設計客棧少值得一體的獨特扁平化設計分支。不論你所設計的是app還是**,在 2017 年所處的這個時間節點,枝葉繁茂的扁平化設計中,總會有那麼幾種風味獨特的設計風尚,能夠讓你傾心。

扁平化設計緣起曾一直被蘋果公司所引領的擬物化設計風潮,在 2010 年的時候開始受到扁平化設計的衝擊。逼真的紋理、多樣的漸變www.cppcns.com和繁複的細節逐漸為人所厭倦,線條簡約的2d扁平化設計開始取代「抄現實」的設計手法,一時間,是擬物還是扁平的爭論充斥設計和技術圈,並快速蔓延到圈外的普通使用者,各執一詞,莫衷一是。

隨著賈伯斯的過世、ios7 和android 4. 0 的發布,設計趨勢最終還是向著扁平化邁出了關鍵性的一步。醒目而高飽和度的色彩和形式感更強的排版取代細節和紋程式設計客棧理成為抓人眼球的元素。

最初的扁平化設計,對於細節的剝離是非常徹底的,這使得設計師能用的元素大多只剩下色彩和圖形,這種局面對於設計師和使用者都是困擾,細節的缺失讓設計並不足以支撐全部的資訊傳達,這種局面下,許多微妙的扁平化分支就誕生了。

扁平化設計仍然是近 10 年來最具革命性的視覺設計趨勢,並且它還將一直向前推進。

material design想要系統了解扁平化設計的快速發展歷程,material design 是最值得研究的案例。這一扁平化設計語言是谷歌為其旗下的數字產品的介面所創造的統一的視覺設計語言。

material design

吸取了扁平化設計最精華的部分,還巧妙地保留了擬物化的隱喻——紙,從而建立出如今所看到的material

design,其中扁平化的元素被加上了乙個微妙的維度,其外化的表現就是微妙的陰影。貼合物理運動規律的動效和微妙的視覺維度令material

design 彷彿能夠跳出介面同使用者進行互動,在扁平化的風尚之下,它讓數字產品擁有了和現實世界在質感上有了某些相通的地方。

仔細審視 material design ,你會發現它許多「擬物」的特徵很好地軟化了近乎苛刻的早期扁平化設計。

material design 有著明確的概念,同時又隨著google

旗下產品的演進而不斷地優化和更新。從某種意義上而言,material design

是扁平化設計的主要和重要的推動者,如果你想第一時刻了解它的變化,你可以跟著android 的版本更新還適時檢視它的調整。

扁平化 2.0

扁平化設計在幾年的時間沉澱之後逐步成熟,最終在 2015 年被設計師們階段性地歸納為「扁平化 2.0 」。

「扁平化2.0rcshjn 具有更強的易用性,因為它將扁平化設計的主要特徵和高度可用的視覺線索結合到了一起,兼顧到設計的美觀和功能。同時,扁平化2.0 的高適用性,讓它幾乎可以和任何概念結合起來使用。和早期的純粹扁平化設計不同,扁平化 2.0 中融入了不少微妙的漸變和不多的紋理,提高了它的整體可用性。」

扁平化 2.0 的說法最早源於設計師 ryan allen :「扁平化 2.0

是演變的結果,它並非革命性的改變。扁平化設計和之前瘋狂流行的擬物化設計截然不同,而扁平化 2.0

是扁平化設計上的乙個分支。如果說扁平化設計是聖誕樹的話,那麼扁平化 2.0

就是聖誕樹上的禮盒與糖果。它並不是浮華的裝飾,但是讓整個聖誕樹充滿了趣味和驚喜。」

扁平化 2.0 和 material design 一樣,打破了早期扁平化設計中的生硬規定,並且通過適度的調整讓視覺效果更加吸引人了:

高亮和強調

適度的漸變

同色系下多種色調和色度

微妙的陰影

更廣泛的配色方案

扁平化 2.0 本身並不存在於ui和圖示設計的世界當中,實際上它已經延伸到**、攝影和當中。

2017 的扁平化設計進入 2017 年之後,扁平化設計仍然是主流,在設計手法和細節上,隨著時代的發展而演進,越來越成熟和多樣。

下面,是屬於 2017 年扁平化設計的特徵:

扁平化元素

早期的許多扁平化元素在如今的扁平化設計專案中,已經並不適用了。按鈕的樣式比以往更加簡單,圓角矩形的按鈕搭配黑色或者白色的文字,在今天更加流行。logo和圖示採用了扁平化的風格,甚至只是由線條構成,這樣不僅和整體風格更搭,而且在很多時候能夠突出顯示。

精簡的導航

漢堡圖示已經成為當前**的標準配置,設計師可以將非關鍵因素隱藏在漢堡圖示之後的選單裡面。

大膽明亮的配色

由於扁平化設計對於配色的可接受性更強,網頁設計有了更多的可能性。這使得如今的網頁設計整體上比以往更加多彩有趣,許多網頁眉頁甚至採用了+色彩疊加的設計。

極簡的首頁設計

作為目前通行的設計思路,絕大多數網頁不再將大量的內容塞滿首頁,即使擁有多個元素,也盡量讓首頁專注於單個任務,不再讓使用者在多個不同的目標或任務之間分心。

更優秀的排版

將複雜的樣式從設計中剝離之後,字型排版的形式感就更加突出了,這種局面使得設計師在進行網頁設計的時候,更加傾向於通過優質的排版來強化設計感。

更少擬物特效

雖然如今的動畫和特效越來越多,但是稍有特效去模擬乙個現實生活中的特定的互動場景或者效果,它們通常是為了功能而存在,並且專注於體驗本身。從某種意義上來說,擬物化的設計並未回歸。

動效與反饋

material design 是動效和反饋設計中的翹楚。將動效和反饋結合起來從而更好的引導使用者、同使用者溝通,這是如今互動設計和ux設計的關鍵。

大量的留白

在螢幕越來越大的趨勢之下,通過螢幕留白來突出關鍵內容是極簡設計中最常用的手法,而在簡約風盛行的今天,留白也成了許多扁平化風格網頁中最常見的設計手法。當然,留白並不一定非得是rcshjn白色。

扁平化圖層

毫無裝飾的扁平化圖層同樣存在於許多網頁當中,它們能成為不同元素的載體,或者單純的營造空間感。

超大的設計元素

超大的字型,超大的,甚至超大的按鈕和圖示,都已經不是什麼新鮮的設計手法了,它們借助過人的體積感和強有力的對比來製造視覺奇觀,是非常有用的設計技巧。這種設計手法在早期的扁平化設計就有了,現在使用很頻繁。

結語扁平化設計和柵格系統是天生的盟友,它們讓今天的網頁顯得更加整飭、易用。

扁平化設計在今天的流行是有道理的,整個產品的設計、研發、運營都從中獲益,這也是它成為一種持續風潮的根本原因。 

本文標題: 一直進化的扁平化設計,在2023年這麼玩兒

本文位址:

引領設計潮流的扁平化是如何進化的?

早在2013年ios7發布以來,扁平化設計就轟動了網際網路世界。從那以後,它就持續發揚光大,並且發展出數量驚人的變種。隨著帶有扁平化色彩的google material design規範的推出 卡片式設計的廣泛採用 還有排山倒海的極簡化趨勢 似乎在可預見的未來,扁平化設計會成為主宰風格。正如2與20...

扁平化設計的色彩選擇

本文 自 視覺中國 扁平化設計 flat design 的色彩選擇 譯自 這段時間以來,我們已經陸續為大家呈現了很多優秀的扁平化設計形式,也討論了很多扁平化設計的發展趨勢。有關扁平化設計的製作,很重要的一點就是色彩的使用。扁平化設計是一項運用簡單效果,或者是刻意進行乙個不使用三維效果的設計方案。乙個...

解析扁平化設計的流行配色方案

扁平化設計從2012年開始就已經流行起來,我覺得flat design有點類似極簡主義設計,同樣是追求簡潔 簡約,不同的是,扁平化設計是一項運用簡單效果,或者是刻意進行乙個不使用三維效果的設計方案。乙個好的扁平化設計必然不可能出現陰影 浮雕和漸變等效果。扁平化設計看上去非常簡單 直觀,並且使用方便,...