想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

@短腿僵尸木:在陜博(陜西歷史博物館)我看到了一些精美的織品殘片,想到雖然現(xiàn)在扁平化風(fēng)格流行讓紋理的使用率有所降低,但是總的來(lái)說(shuō),要讓一個(gè)網(wǎng)頁(yè)擁有質(zhì)感最簡(jiǎn)單直接的辦法還是使用合適的紋理。畢竟紋理能夠?qū)F(xiàn)實(shí)的視覺(jué)效果帶進(jìn)平面設(shè)計(jì)中去,比如說(shuō)精致的木頭紋理、粗糙的石頭質(zhì)感、云朵的輕盈和水波的蕩漾……都能夠讓你的設(shè)計(jì)別具一格。

今天木木推薦的就是一個(gè)炒雞方便能在線預(yù)覽并且下載的紋理網(wǎng)站

Transparent Textures

打開首頁(yè)是這樣的:

?想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

還真是樸實(shí)無(wú)華的首頁(yè)啊……往下一拉,木木數(shù)到200+才到了網(wǎng)頁(yè)的一半,可見(jiàn)這個(gè)網(wǎng)站的紋理數(shù)量很多,而且提供的紋理視覺(jué)效果都十分舒適低調(diào),使用時(shí)絕不會(huì)喧賓奪主。

網(wǎng)站的左邊是它的操作步驟:

?想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

第一步:挑選顏色

選擇一個(gè)我最喜歡的藍(lán)綠色。選好顏色后,所有的紋理都會(huì)以這種顏色來(lái)呈現(xiàn),網(wǎng)頁(yè)背景也會(huì)隨之改變。

這樣就不用逐一拖進(jìn)PS里測(cè)試哪個(gè)紋理更合適啦!是不是很方便呢?

?想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

第二步:挑選一個(gè)你喜歡的紋理

?想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

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

下載PNG格式:點(diǎn)擊紋理上的Download。

下載CSS格式:點(diǎn)選你要的紋理,在左邊的CSS框里直接復(fù)制代碼就好了。

有了CSS代碼,一來(lái)前端小哥哥不會(huì)打洗你,二來(lái)在網(wǎng)頁(yè)設(shè)計(jì)中也能大大提高網(wǎng)頁(yè)的打開速度。

?想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

還有一個(gè)附加功能,就是創(chuàng)作壁紙。

在每個(gè)紋理的右下角,有個(gè)Creat Wallpaper。

?想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

點(diǎn)進(jìn)去會(huì)看到這樣的頁(yè)面。

?想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

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

?想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

Transparent Textures?提供的紋理均是透明的PNG格式,不必?zé)酪磸?fù)調(diào)整圖層混合模式,只需要把它拖進(jìn)Ps,按照需要調(diào)整透明度就好了。不搭梯子、不收費(fèi)、下載速度快,素材豐富,還等什么?快馬起來(lái)吧!

順便帶你們回顧一下之前神器小分隊(duì)推薦過(guò)的紋理網(wǎng)站:

1.?Thepatternlibrary

?想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

2. Patterninjam/

?想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

3.?Toptal

想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

4. Heropatterns

想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

歡迎同學(xué)們關(guān)注最充滿智(dou)慧(bi)的設(shè)計(jì)賬號(hào):

想為設(shè)計(jì)添加質(zhì)感?你缺這些紋理網(wǎng)站!

優(yōu)設(shè)人氣專題

優(yōu)設(shè)獨(dú)家專訪?|?iPhone X 學(xué)習(xí)指南在線摳圖神器靈感大全

紋理素材 |?免費(fèi)圖庫(kù)配色神器讀書計(jì)劃PPT 神器魯班設(shè)計(jì)

iOS 11 學(xué)習(xí)指南人工智能PS 教程AI 教程C4D 教程

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng) UiiiUiii.com?是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章,按照我們的專欄一步步學(xué)習(xí),一定可以迅速上手并制作出酷炫的視覺(jué)效果。

設(shè)計(jì)導(dǎo)航:國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航,設(shè)計(jì)師必備:http://hao.uisdc.com

收藏 120
點(diǎn)贊 14

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。