雖然扁平化的風格和響應式設計的流行使得網頁設計中紋理的使用率有所降低，但是總的來說，要讓一個網站擁有質感最直接的方式就是使用合適的紋理。紋理是網頁設計中最常見也最常用的元素，在不同的網頁中，紋理有時候是能夠化腐朽為神奇的。

紋理能將現實世界的視覺體驗，引入到網頁設計，精致的木頭紋理，粗糙的石頭質感，云朵的輕盈和水波的蕩漾，都能夠讓網頁設計別具一格。除此之外，幾何圖形和千奇百怪的圖案也可以呈現在網頁中。

圖案和紋理在網頁中是如何使用的呢？通常，在三種情況下，使用他們是沒有問題的：

1. 吸引用戶的注意力，強化用戶體驗。當你挑選一個靠譜的圖案紋理并運用在網頁背景中的時候，網站的質感會得到提升，用戶會享受到更好的視覺體驗，網頁也更具有說服力。
2. 在網站不同的地方使用紋理可以強化網頁的結構，通過不同的圖案和紋理，引導用戶瀏覽。說白了就是借助紋理和圖案來影響用戶的使用和操作。
3. 構建個人風格。視覺上的獨特體驗賦予網站別具一格的性格，用戶可能會忘記紋理的型態甚至網站的內容，但是當他再次看到網站的時候，網站給他的感覺會瞬間喚醒記憶。

很久之前，紋理的使用一度讓設計師和用戶感覺網頁很臟，但是隨著設計的發展和紋理的極大豐富，這種奇怪的印象已經被設計師們打破了。閑話少敘，讓案例說話：

Italian Street Food Site with Textured Background

It’s The Thought Website with Textures and Patterns in Design

Swearnet The Movie Textured Website

Muncie Children’s Museum with Beautiful Patterns

Jazz Fest Website with Treble Clef Background Pattern

Spector Bass Guitars Website with Textured Background

Knorr Web Design with Multiple Textures

Star Wars Website with Stars Textured Design

Airbnb Website Design with Original Footer Pattern

Elite Dangerous Website with Pattern Background Design

The Chess Hotel Website with Great Use of Patterns

Cooking Website Template with Charming Pattern

Gary Nock Website with Grungy Textured Design

Benign Objects Site with Cute Pattern in Pastel Colors

Flourish Brand Stylists Website with Textured Header and Footer

Cmnew Media Website with Elegant Background Texture

Bel 50 Website with a Bunch of Diverse Textures

Mirrool Creek Lamb Website with Subtle Texture

Cookiesound Travel Blog with Nice Texture

Tacospillet Website with Colorful Texture

紋理教程+資源：

易上手的新手教程一個：
《新手教程！教你利用AI打造精致無縫紋理圖案》

在線訂制紋理的高端網站13枚！
《私人定制！13個在線紋理生成資源網站》

史無前例的絕贊紋理特輯！
《來點新鮮的！30套殺手級紋理下載》

原文地址：onextrapixel
優設網翻譯：@陳子木

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量76萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：