視覺樣式詞條 3-36
紋理Texture
也常叫做:紋理、質地、Texture
你可能會這樣說
網站配色乾淨但太空、太數位,想要一點背景細節增加溫度,又不想多塞圖片讓版面變亂。
白話解釋
紋理是加在底色上的細微圖案:雜訊、網格點、細線、紙張顆粒。它負責讓大片純色「有東西看但不搶戲」,扁平的設計加一點紋理,馬上有手工感。
劑量是成敗關鍵:存在感壓在 5% 以下,退到「說不上來哪裡不一樣、但就是比較好看」的程度才對。一眼看得出花樣,就是下太重。
常見配方:雜訊顆粒配深色漸層、細網格配科技感版面、紙張紋理配米色底與襯線字。
親手試試
紋理的存在感要壓在 5% 以下:說不上來哪裡不一樣、但就是比較好看——一眼看出花樣就是下太重。
這樣對 AI 說
中文就可以
請在背景加一層很淡的紋理: 深色漸層底上加細雜訊顆粒,透明度 3% 到 5%,不能一眼看出顆粒。 另一區的淺色底加淡網格線,間距 32px、線寬 1px、透明度 6%。 紋理層不能攔到點擊,也不能影響文字可讀性。 給我加與未加的對照圖,差異應該「說不出來但感覺得到」。