深圳盛瑞學(xué)院
7x24小時(shí)咨詢熱線
7x24小時(shí)咨詢熱線
文章來源：深圳盛瑞學(xué)院 已幫助：1528人
扁平化設(shè)計(jì)趨勢是否已經(jīng)成為過去式了呢？我們不這么認(rèn)為，它還沒“死”。不過，這種趨勢已經(jīng)演變?yōu)閷τ脩魜碚f不那么明顯，但更有吸引力的表現(xiàn)形式。
扁平化設(shè)計(jì)的早期階段完全缺乏輔助的設(shè)計(jì)元素，如陰影，漸變或紋理等可以增加真實(shí)感的元素。其中的很多設(shè)計(jì)元素現(xiàn)在都在回歸到“流行趨勢”的道路上，所以，為什么不試試與扁平化設(shè)計(jì)的整體思想相互配合，以創(chuàng)建簡單易用的網(wǎng)站設(shè)計(jì)和用戶體驗(yàn)。取決于你所堅(jiān)持的一方，對于扁平化設(shè)計(jì)來說，這可能是一個(gè)更好的版本。
以下，我們將討論扁平化設(shè)計(jì)的趨勢演變，以及它在今天的發(fā)展。準(zhǔn)備好筆記本，我們開始了。
1.扁平化設(shè)計(jì)
扁平化設(shè)計(jì)是對2010年初期在網(wǎng)站建設(shè)項(xiàng)目中“泛濫”使用的所有過分逼真元素的對立面，逼真經(jīng)常表現(xiàn)為陰影，假的三維元素和紋理等。部分虛擬真實(shí)化的設(shè)計(jì)方式和元素來源于APPLE，因?yàn)檫@是應(yīng)用商店及其設(shè)備上的圖標(biāo)風(fēng)格（這種趨勢逐漸沒落之后，APPLE終于轉(zhuǎn)向了更平面化的圖標(biāo)樣式）。
扁平化設(shè)計(jì)的本質(zhì)就是這樣。它更注重對干凈線條和更多的2D風(fēng)格的使用，對于支持者來說，它更容易理解和使用。扁平化設(shè)計(jì)方案也側(cè)重于高對比度的色彩和排版重點(diǎn)的元素，而不是大量的圖像。通常，單個(gè)圖像或圖示可以以扁平化設(shè)計(jì)方案來帶動(dòng)整個(gè)主頁。
不過，扁平化設(shè)計(jì)縮面臨的問題并不總是如此。一些用戶發(fā)現(xiàn)，這種剝離的樣式缺乏足夠的信息來幫助他們引導(dǎo)用戶瀏覽和發(fā)現(xiàn)信息。但絕大多數(shù)的設(shè)計(jì)師都喜歡這樣做，尤其是在網(wǎng)站設(shè)計(jì)的工作中，扁平化設(shè)計(jì)可能是過去十年中具革命性的視覺趨勢之一，因?yàn)楝F(xiàn)在它依然存在它的用武之地。
2.Material Design
為了充分了解扁平化設(shè)計(jì)為什么變化如此之快，重要的是你需要通過Material Design來輔助完成這個(gè)理解，也就是Google為其產(chǎn)品和應(yīng)用程序建立的視覺規(guī)則。
Material design汲取了平面設(shè)計(jì)的部分，并通過不斷的優(yōu)化增添了些許微妙的維度。該概念側(cè)重于通過使用戰(zhàn)術(shù)效果和逼真的運(yùn)動(dòng)將數(shù)字世界與現(xiàn)實(shí)世界相結(jié)合來提高可用性和用戶互動(dòng)性。
它重新把陰影元素帶回到設(shè)計(jì)的流行趨勢行列，這似乎“軟化”了早期平面設(shè)計(jì)幾乎苛刻的“定性”。
Material design同時(shí)是一個(gè)定義比較明確的概念，Google提供大量不斷變化的指導(dǎo)文檔。它也隨著趨勢和用戶需求的變化而不斷發(fā)展。為什么它對于扁平而言是如此重要的一個(gè)根本的原因在于，是它推動(dòng)了扁平化的發(fā)展速度。
3.扁平化2.0
歡迎進(jìn)入扁平化2.0時(shí)代，以下是我們在早期階段描述這項(xiàng)趨勢：“Flat 2.0更易于使用，因?yàn)樗Y(jié)合了優(yōu)的平面設(shè)計(jì)和其他用戶界面元素，以幫助你創(chuàng)建更美觀和更具功能實(shí)用性的網(wǎng)站設(shè)計(jì)。同時(shí)，它也具有高度的適應(yīng)性，幾乎可以使用于任何風(fēng)格概念和設(shè)計(jì)領(lǐng)域中。與一些單純的扁平化網(wǎng)站設(shè)計(jì)不同，F(xiàn)lat 2.0結(jié)合了平面的元素和并添加了一些微妙的輔助元素，以提高設(shè)計(jì)對用戶的友好性。
我們在Design Shack沒有提出“Flat 2.0”。它首先被設(shè)計(jì)師Ryan Allen使用：“Flat 2.0是一個(gè)演變而不是革命。扁平的設(shè)計(jì)是對過去猖獗的自由主義的偏離，F(xiàn)lat 2.0就好像是一棵樹上的一個(gè)活躍的分支。 如果說扁平設(shè)計(jì)是一棵圣誕樹的話，F(xiàn)lat 2.0就是裝飾品和糖果手杖。完全不需要絲帶，和那些亂七八糟的東西來點(diǎn)綴。”
Flat 2.0允許設(shè)計(jì)人員在網(wǎng)站建設(shè)項(xiàng)目中打破扁平化設(shè)計(jì)的相關(guān)硬性規(guī)則，使用一些使視覺效果更加吸引人的技術(shù)（當(dāng)然需要適度）。
· 強(qiáng)調(diào)
· 漸變
· 多種色調(diào)和顏色值
· 投影
· 任何形式的調(diào)色板（不只是亮色）。
Flat 2.0并不僅僅存在于UI元素或圖標(biāo)的世界中。圖片和視頻都是Flat 2.0界面可以應(yīng)用一大部分媒介（許多早期的平面設(shè)計(jì)純粹主義者認(rèn)為這些視覺元素需要從純粹的審美中脫離出來）。
4.扁平化2019
現(xiàn)在的大多數(shù)設(shè)計(jì)都落在了這些趨勢和想法的中間。你起傾向于更扁平化的風(fēng)格，這里還有更多的設(shè)計(jì)方式。這種演變尚未命名，但你可以在許多網(wǎng)站設(shè)計(jì)中看到共同特征。
以下是2019年流行的扁平化設(shè)計(jì)：
· 扁平元素
來自早期平面設(shè)計(jì)項(xiàng)目的許多按鈕樣式和用戶界面元素陷入了一定的困境。我們需要更簡單的按鈕樣式——方形或圓角邊緣的矩形框中使用黑色或白色的文本，這是常見的。logo和圖標(biāo)設(shè)計(jì)也采用了這種扁平的風(fēng)格，配合更精細(xì)的主頁設(shè)計(jì)，這些才是真正突出扁平化的視覺設(shè)計(jì)。
· 簡化導(dǎo)航
漢堡包導(dǎo)航的圖標(biāo)和其他隱藏的導(dǎo)航最初是基于扁平化設(shè)計(jì)縮演變出來的，因?yàn)樵O(shè)計(jì)師試圖從視覺流程中剝離那些“多余”的元素。
· 大膽，明亮的色彩
我們需要感謝這點(diǎn)給扁平世界帶來的重要變化，由于明亮的調(diào)色板和平面圖案在整體上可以接受更多的顏色，使網(wǎng)頁設(shè)計(jì)帶有了更多活潑和快樂的情感元素。這已經(jīng)演變成在主頁上使用明亮的漸變色彩的大趨勢，作為主要視覺或照片的疊加層。
· 簡約化主頁設(shè)計(jì)
作為常規(guī)標(biāo)準(zhǔn)，主頁不需要過于雜亂和具備太多的信息元素，因?yàn)橹黜摫举|(zhì)的一項(xiàng)功能更傾向于使用戶專注于單一的動(dòng)作。所以，即使有多個(gè)元素，你也要盡量使用戶的方向或動(dòng)作在整體項(xiàng)目中不置于那么“慌亂”。
· 無處不在的好的排版和字體
剝離設(shè)計(jì)的過程中你必須專注于適合的字體和排版。這個(gè)想法可以與越來越多地更好的排版套件和Web字體配合，使得設(shè)計(jì)人員更容易專注于這項(xiàng)工作。
· 更少的“假”效果
Sokuomorphism的趨勢目前還沒有回歸。雖然在2019年的平面設(shè)計(jì)版本中正在使用更多的設(shè)計(jì)技術(shù)，但是過度設(shè)計(jì)的嘗試將不再是真正的風(fēng)格。
· 綜合運(yùn)動(dòng)與反饋
Material design大的“外包裝”就是將反饋循環(huán)應(yīng)用于視覺和與用戶溝通中。
· 足夠的空間
隨著科技的發(fā)展，現(xiàn)在的顯示屏已經(jīng)變得更大并具有更優(yōu)秀的分辨率（在臺式機(jī)和移動(dòng)設(shè)備上），設(shè)計(jì)人員可以利用充分的空間來保持簡約的扁平感（大部分時(shí)間，這個(gè)額外的空間不是白色的）。
· 扁平圖層
沒有任何裝飾的分層元素看起來很棒，同時(shí)也可以為用戶提供額外的信息。
· 超大設(shè)計(jì)元素
大文本，大圖像和大的按鈕和圖標(biāo)目前幾乎在任何的網(wǎng)頁設(shè)計(jì)上都可以看見他們的應(yīng)用。
總結(jié)
平面設(shè)計(jì)的演變讓我們有了更好的網(wǎng)站設(shè)計(jì)。它更容易閱讀、它更可用或者就簡單的它只是看起來更好
而已。
關(guān)于這一趨勢好的事情之一同樣也是為什么它發(fā)展如此順利的原因——它的靈活性足以使它輕松發(fā)展。 設(shè)計(jì)人員可以從扁平化設(shè)計(jì)中獲取的效果和概念，并將其納入幾乎任何項(xiàng)目中。這就是為什么我們在今天的項(xiàng)目中仍然看到這么多的應(yīng)用，為什么平面設(shè)計(jì)不是另一個(gè)短暫的時(shí)尚潮流。
學(xué)校首頁| 學(xué)校簡介| 課程列表| 學(xué)校新聞| 學(xué)校相冊| 教師團(tuán)隊(duì)| 聯(lián)系我們
深圳盛瑞學(xué)院課程請咨詢：
滬ICP備18048269號-1 
電子營業(yè)執(zhí)照
教育
全國教育網(wǎng)站
企業(yè)信用等級AA級
合作/版權(quán)/投訴
本頁信息由注冊用戶（機(jī)構(gòu)和個(gè)人）自行發(fā)布或提供，所有內(nèi)容僅供參考，任何關(guān)于對該用戶的推薦都不能替代您的考察核實(shí)，本站不承擔(dān)該用戶發(fā)布/提供信息的行為或內(nèi)容所引起的法律責(zé)任
