← 全部學習筆記
2026-10-27 學到
設計

社群貼文的顆粒不透明度從 6 到 12% 起步,手機臂長看不見才算對

社群貼文的顆粒層用 6 到 12% 不透明度起步,用 Overlay 或 Soft Light 混合,全尺寸剛好看得到、手機臂長看不見;字和 logo 要銳利就放在顆粒之上。

怎麼做

  1. 顆粒的定義:疊在設計上的細小隨機斑點,讓平整的數位色像底片、紙或印刷。
  2. 為什麼數位設計需要它:螢幕顏色太乾淨平均,讓許多設計顯得廉價或沒做完。
  3. 三個實用效果:打散漸層色帶、讓照片與平面圖形像同一張畫面、替純色加上表面感。
  4. 強度判準是距離:全尺寸剛好看得到,手機拿在臂長看不到。
  5. 用量表:網站背景 3 到 6%、社群貼文 6 到 12%、海報 10 到 18%、復古底片感 18 到 30%。

可以怎麼用

圖卡底色層加一層單色顆粒,以 6% 起步,用手機臂長距離測試,不夠才往 12% 加。

注意:它出自產品指南、自己說要用眼睛調,數值是起點不是定論;深色底與縮圖的用量原文沒講。

來源:Gradiently,2026-10-01|看原文