視覺樣式詞條 3-36

紋理Texture

也常叫做:紋理、質地、Texture

你可能會這樣說

網站配色乾淨但太空、太數位,想要一點背景細節增加溫度,又不想多塞圖片讓版面變亂。

白話解釋

紋理是加在底色上的細微圖案:雜訊、網格點、細線、紙張顆粒。它負責讓大片純色「有東西看但不搶戲」,扁平的設計加一點紋理,馬上有手工感。

劑量是成敗關鍵:存在感壓在 5% 以下,退到「說不上來哪裡不一樣、但就是比較好看」的程度才對。一眼看得出花樣,就是下太重。

常見配方:雜訊顆粒配深色漸層、細網格配科技感版面、紙張紋理配米色底與襯線字。

親手試試

紋理的存在感要壓在 5% 以下:說不上來哪裡不一樣、但就是比較好看——一眼看出花樣就是下太重。

圖 3-36 換紋理、調間距——純色背景開始有了觸感。

這樣對 AI 說

中文就可以
請在背景加一層很淡的紋理:
深色漸層底上加細雜訊顆粒,透明度 3% 到 5%,不能一眼看出顆粒。
另一區的淺色底加淡網格線,間距 32px、線寬 1px、透明度 6%。
紋理層不能攔到點擊,也不能影響文字可讀性。
給我加與未加的對照圖,差異應該「說不出來但感覺得到」。

同一課的其他詞