想為設計添加質感?你缺這些紋理網站!

我看到了一些精美的織品殘片,想到雖然現在扁平化風格流行讓紋理的使用率有所降低,但是總的來說,要讓一個網頁擁有質感最簡單直接的辦法還是使用合適的紋理。

畢竟紋理能夠將現實的視覺效果帶進平面設計中去,比如說精緻的木頭紋理、粗糙的石頭質感、雲朵的輕盈和水波的蕩漾……都能夠讓你的設計有特色。
今天木木推薦的就是一個炒雞方便能在線預覽並且下載的紋理網站:

Transparent Textures

打開首頁是這樣的:

紋理網站範例圖
還真是樸實無華的首頁啊……往下一拉,木木數到200+才到了網頁的一半,可見這個網站設計的紋理數量很多,而且提供的紋理視覺效果都十分舒適低調,使用時絕不會喧賓奪主。

網站的左邊是它的操作步驟:

紋理網站範例圖

第一步:挑選顏色

選擇一個我最喜歡的藍綠色。選好顏色後,所有的紋理都會以這種顏色來呈現,網頁背景也會隨之改變。

這樣就不用逐一拖進PS裡測試哪個紋理更合適啦!是不是很方便呢?

紋理網站範例圖

第二步:挑選一個你喜歡的紋理

紋理網站範例圖

第三步:你可以下載紋理了

下載PNG格式:點擊紋理上的Download。

下載CSS格式:點選你要的紋理,在左邊的CSS框裡直接複製代碼就好了。

有了CSS代碼,一來前端小哥哥不會打洗你,二來在網頁設計中也能大大提高網頁的打開速度,這樣設計不會拖到網站速度。

紋理網站範例圖

還有一個附加功能,就是創作壁紙。
在每個紋理的右下角,有個Creat Wallpaper。

紋理網站範例圖

點進去會看到這樣的頁面。

紋理網站範例圖

你可以選擇你需要的尺寸,點擊Save Wallpaper即可直接下載。

紋理網站範例圖

Transparent Textures   提供的紋理均是透明的PNG格式,不必煩惱要反覆調整圖層混合模式,只需要把它拖進Ps,按照需要調整透明度就好了。

不收費、下載速度快,素材豐富,還等什麼?快馬起來吧!

順便帶你們回顧一下之前神器小分隊推薦過的紋理網站:

1.  Thepatternlibrary

 

紋理網站範例圖

2. Patterninjam

紋理網站範例圖

3.  Toptal

紋理網站範例圖

4. Heropatterns

紋理網站範例圖

 


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化