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

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

我看到了一些精美的織品殘片,想到雖然現在扁平化風格流行讓紋理的使用率有所降低,但是總的來說,要讓一個網頁擁有質感最簡單直接的辦法還是使用合適的紋理。畢竟紋理能夠將現實的視覺效果帶進平面設計中去,都能夠讓你的設計有特色。

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

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

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

紋理網站範例圖
 

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。