當前位置：首頁 >教程首頁 > U I 設計 > AI+UX設計大師班 >你了解今年網頁和APP背景中的8個主要設計趨勢嘛？

你了解今年網頁和APP背景中的8個主要設計趨勢嘛？

發布時間：2018-11-17 19:57:24

在許多設計當中，背景元素常常是設計師在設計早期就開始考慮或者需要考慮的事情。是使用單一色彩，還是運用時髦的元素，是加入幾何圖形，還是加入漸變紋理？不同的考量，最終都會反饋到設計當中，影響一切。

在設計的時候，讓視覺主體符合趨勢是絕大多數設計師都在做的事情，而背景也是一樣的。一個時尚而貼合趨勢的背景，能夠更好地讓網頁和APP具備恰到好處的氛圍，營造出對的感覺。現代的視覺框架讓設計師可以更好地迎合用戶的需求，借助合理的工具創造更好的體驗。

看看2018年，設計師們使用背景的8個主要趨勢吧，如果你正在頭疼如何設計背景，這8種趨勢和樣式將是一個不錯的參考和指引。

1、幾何圖形元素

當然，幾何圖形元素在這兩年的設計當中大出風頭，那麼在設計背景的時候，它們怎麼會缺席呢？

幾何圖形本身充滿了童真，擁有著讓人想起小時候的能力。它們和之前一直流行的扁平化設計有著千絲萬縷的聯係，而借助分明的幾何特征，賦予設計以現代感，結合簡約的配色方案，就能夠營造出對比分明的背景，作為一個頗為優秀的背景畫布。

幾何圖形營造的背景可以華麗無比，也可以通過微妙的色彩變化，創造低調但富有生命力的背景效果。

2、線性圖案元素

從微妙的線條到大膽粗獷的筆觸，線性圖案也越來越受到設計師的青睞。

線性圖案成為時下流行的趨勢並不令人意外，它們在背景中作為裝飾性元素，形式感本就極強，對於用戶有著極強的視覺吸引力，通過合理的對比和引導，能夠將用戶的視覺導向關鍵的部分。

線性圖案可大可小，可以直觀而清晰，也可以微妙而深沉，設計師可以根據實際需求來進行調整。

3、水彩元素

其實，水彩元素在背景設計中的流行才是最令人感到驚訝的，因為根據反饋，設計師對於這一元素的態度其實是兩極分化的，喜歡者對其極為熱衷，討厭者則避之不及。

許多人將水彩元素或者水彩風視之為一種女性化的設計趨勢，就像上麵的案例。不過，實際上，水彩元素可以承載著不同的感覺，傳遞不同的體驗。水彩元素的好處在於，它的微妙變化和多樣的色彩，能夠賦予背景以深度，甚至能夠很好的平衡背景元素。

4、漸變

當然，漸變的設計也是如今許多設計師的心頭好。在扁平化流行後才重新回歸的漸變，和以往相比更加靈活多變。單獨的漸變色彩可以用作背景，將漸變色覆蓋在視頻或者圖片當中，也是常見的用法。結合一些前端工具，甚至可以使用動態的漸變背景。

有了這麼多選擇，可以肯定的是，你最需要的其實也就是一套靠譜的漸變色配色方案了。

5、氣泡和斑點元素

帶有氣泡和斑點元素的背景，乍一看和包含幾何圖形的背景很相似，但是你很快會發現兩者差別還挺大的。通常氣泡和斑點元素的分布會更加隨意，視覺上沒那麼均勻完美，更富有動感，更重要的是它們通常是動態的。

這種趨勢通常會以兩種方式存在於背景當中：

●將帶有氣泡或者斑點元素的圖片用作實際背景，這些元素的功能僅僅是創造視覺吸引力，為整個背景在視覺上增色；

●氣泡或者斑點浮動在背景之上，就像上方的示例，氣泡和斑點作為移動的視覺元素，豐富了整個設計的層次感，而不僅僅是附著在背景圖片之上，而功能是用來吸引用戶注意力。

6、抽象圖形元素

最近一些新興的圖形設計工具能夠創造出更加漂亮的背景圖片，不過這些圖片中的圖形更加肆意放飛，它們不屬於以往我們常見的任何類型，這些無以名狀的圖形元素通常可以被歸類於抽象圖形。

抽象圖形元素和背景的結合同樣在視覺上有著突出的優勢，更容易形成視覺焦點，由於許多抽象圖形是借助3D建模的方式構建出來的，渲染效果常常更加富有空間感和深度，為其他的元素提供一個可展示的、有層次的空間。

雖然抽象圖形元素並不是一個富有規則的設計，但是它們在使用上通常是有組織且有模式的，這樣的設計不會讓用戶感到混亂。

7、木紋元素

木紋元素在產品圖片和場景設計是非常受歡迎的。

木紋本身會創造出不平整但是足夠自然、富有肌理的環境氛圍，這也是為什麼在展示產品和場景的時候會更加有優勢。在這一點上，木紋優勢很明顯也很強大，它像視覺白噪音一樣，讓用戶在查看的時候更容易關注到它所襯托的視覺主體。

為了充分利用木紋材質，可以嚐試在拍照和取材的時候選取和視覺主體構成對比和搭配的木紋素材和實物，避免喧賓奪主，構建出協調的設計。

8、白色和灰色

白色和淺灰色的背景其實是一直存在的、持續發展的一種設計趨勢。這兩種色彩本身是非常優秀的背景畫板，同時，也是極簡主義風格下最合適的背景色彩，對於用戶而言也足夠簡約、清晰。它可以為屏幕上所有其他的元素提供足夠的空間感和對比度。

絕大多數的白色和灰色的背景都會帶有一些輕微的紋理，比如淺色的漸變，或者微妙細膩的圖案。即使沒有，設計師也常常會借助柔和和輕微的陰影讓前景的元素在白色和灰色的背景上更加醒目。

結語

背景設計中這樣的綠葉是必不可少的，另一方麵它也是無比重要和強大的。你甚至可以通過翻新背景來營造出全新的設計氛圍，你會發現，調整了背景圖片之後，整個設計項目的感覺就截然不同了。當你不知道如何處理背景元素的時候，在目前正流行的背景圖片設計趨勢當中仔細看看，找到一個適合你的設計的背景風格並不難。

（本文轉載於：優設網，原作者：CARRIE COUSINS，譯者：@陳子木，譯文地址：https://www.uisdc.com/2018-background-design-trends）

上一篇 2011年網頁設計趨勢全麵分析

下一篇設計師作品集網站中常見的5個誤區！

返回列表

华体会hth体育网賞析

2101期學員李思庭作品
2104期學員林雪茹作品
2107期學員趙淩作品
2107期學員趙燃作品
2106期學員徐正浩作品
2106期學員弓莉作品
2105期學員白羽新作品
2107期學員王佳蕊作品

熱門課程

專業講師指導快速擺脫技能困惑

多種教程總有一個適合自己

專業問題谘詢

你擔心的問題，火星幫你解答

UE5軟件開發學習路線——揭秘遊戲開發的核心技能 | 火星時代

本文詳細說明了UE5軟件開發的學習路線，助你快速掌握UE5開發技能，邁向遊戲開發行業的巔峰。
掌握UE4智慧城市學習，步入火星時代教育 | 虛擬現實學習平台

提供關於UE4智慧城市從初學到精通的全麵指導。在火星時代教育的引導下，我們可以利用虛擬現實技術更深入地理解城市設計的複雜性。
UI設計培訓學校排名及選擇技巧 - 火星時代

本文解析了UI布局設計培訓學校的排名信息，以及如何選一所適合自己的UI設計培訓學校，火星時代作為知名UI設計培訓機構，為你提供......
UI設計哪家培訓機構比較好 - 探究火星時代教育

本文將為您介紹哪家UI設計培訓機構更優秀，並詳細分析火星時代教育的優勢。
精快速掌握UE設計的短期速成班

火星時代教育的UE設計短期速成班，專業教師一對一授課，為您的設計夢想加速。
UI設計官方培訓：獨特視角，創新設計，火星時代教育

了解UI設計官方認證培訓，探索火星時代教育並揭示其在用戶界麵設計領域的影響力。改變你的設計思維，提升你的設計技能。