如何設計網頁和APP中的背景

陳子木

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

如果你正在頭疼如何設計背景，下面這8種趨勢和樣式將是一個不錯的參考和指引。

1.幾何圖形元素

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

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

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

2.線性圖案元素

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

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

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

3.水彩元素

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

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

4.漸變

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

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

5.氣泡和斑點元素

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

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

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

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

6.抽象圖形元素

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

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

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

7.木紋元素

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

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

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

8.白色和灰色

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

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

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