我學到的 75 件事

兩位設計師從點亮台灣四個字出發，一開始就決定用幾何表現光，不用燈泡、火炬，好符號要簡單到看過就能馬上畫出來。

版面的明暗取決於字本身的設計、字距與行距；黑體比明體亮，中文標題字距沒有規範，台灣內文常用 12 pt 配 1.5 倍行距，其他大小的字回到同一個基本行高。

同一個字級、同一個字重的資訊沒有層級，讀者第一眼看不出重點；用字重、字級、顏色深淺分層，標題設為內文的 1.5 到 2 倍，層級不要太多。

直排中的英數有三種配置（正立逐字、轉 90 度、縱中橫），中西文間隙不超過四分之一個漢字寬；行距多半介於字級的 50% 到 100%，不超過字級。

文字與背景的對比至少 4.5:1，大字至少 3:1，大字指 18 point 或 14 point 粗體，理由是補償低視力與老化造成的對比敏感度下降。

彩度和明度對情緒有強而一致的影響，迴歸式是 Pleasure = .69B + .22S、Arousal = -.31B + .60S、Dominance = -.76B + .32S。

荷蘭角是把鏡頭傾斜，讓地平線變成斜的，會製造不安與失方向感，傾斜可輕可重。

回饋有三種，只有 critique 能知道設計決策有沒有達成目標，它依序問目標是什麼、哪些元素與目標有關、這些元素有效嗎、為什麼。

雜訊用高量加在獨立圖層，混合模式設為 Luminosity 再降透明度，對底下圖層干擾最小；漸層要開 dither，否則出現色階。

元素靠大小、顏色、明暗、位置等特徵的組合吸引視線，水平構圖給人平靜穩定，斜向給人動感。

三種拍攝角度只改變人物的力量感（Potency），低角度的人被評為更有力量，被認為是棋局贏家；好感與活躍度沒有受影響，而且故事圖片被打亂順序時角度效果消失。

四個實驗加一個內容分析發現，上升斜線比下降斜線傳達更多的活動與努力，而且在被傾斜的對象是文字時效果最強。

橫幅廣告裡的人臉視線偏開時，讀者對整張橫幅、廣告文字和產品的注意都變多，品牌記憶也變好；人臉直視鏡頭時，注意停在臉上。

太陽在地平線下 6 度到 4 度之間是藍時刻，天空是深藍、冷色、飽和，日出處有藍到橘的漸層；全無陽光要等太陽低於 18 度以下。

IG 個人頁每張縮圖都裁成 3:4，1080×1350 的圖卡要把 logo、文字、臉放在中央約 1012×1350 的安全區，文字離左右邊至少 34 px。

多數照片的地平線放在畫面中線的上方或下方會比較好看，不要放正中間；拍倒影是例外。

感覺詞適合定語氣，不夠當視覺設計的指引，所以要先從感覺詞縮成 4–5 個，再用圖像補上，一張板只放同一種感覺。

視覺層級可用顏色與對比、大小、分組三種工具做，每種都有上限：對比最多 3 種、大小最多 3 級、最大的元素最多 2 個。

同樣的實體顏色放在不同底上看起來不同，對策是降低底色純度、拉開或用中性緩衝隔開、飽和色只給小面積。

中英配對先理解中文字體的性格，再找拉丁字體回應；大小用視覺高度判斷，字重以中文為準去調拉丁。

深色主題的底用深灰、不用黑，建議 #121212；飽和色在深底會視覺震動，強調色要少、要淡，品牌色全飽和也只限一兩個元素。

疊雜訊圖會讓漸層變暗、變亮或變艷；改成把雜訊當位移圖，打散漸層自己的像素，顆粒就不會改變原本的顏色。

2003 年的地平線廣告只放地球與站在地平線上的人，不傳達特定訊息，要讓看的人自己想像 MUJI 是什麼；背後的概念叫 emptiness。

外邊距取畫布最短邊的 4%，logo 可放任一角並對齊外邊距，logo 最小高度等於這個邊距。

全頁只用一個光源，所有陰影共用同一個位移比例；越高的元素位移越大、模糊越大、透明度越低；陰影顏色要用同色相降飽和，不用半透明黑。

CSS 漸層用 RGB 三通道取平均，所以兩個高彩度色的中段會變成灰；解法是換感知色彩空間，或手動算出多個中間色塞進漸層。

用 SVG 的 feTurbulence 產生雜訊墊在漸層底下，再用 CSS filter 把亮度和對比拉到極端，灰濁的雜訊就變成乾淨的顆粒。

先決定訊息，再用色溫與配色方案去對應；暖色說是熱情、活力，冷色說是平靜、安撫，但文化與個人經驗會改變反應，要用使用者測試確認。

一般遠處變淡變冷，但日出日落時空氣有水氣或灰塵、而且正對太陽看，整個場景會越遠越暖。

主體放在明亮天空前就是逆光，主體變剪影、顏色變弱、影子朝觀者延伸、細節被光溢出的邊緣吃掉，太陽常在畫面內。

極亮光源外圍常有一圈強烈色彩，光暈帶著光源本身的顏色，能讓光源看起來比紙的白還亮。

用的明暗範圍越小，畫面越安靜平和；Turner 的日出畫把明度壓近、邊緣放軟，太陽不用純白而用高彩度黃。

晴天的影子真的落在受光面的互補色範圍，因為影子只被偏藍的天光照亮，傍晚太陽變低時對比更明顯；但周圍反光很暖、天空又被擋住時，影子也會偏暖。

日出與日落的光線成因相同，單看一張照片或畫的光與色，分不出是早上還是傍晚。

Johansen 用五件事讓燈光可信：暗部大而簡單、外圍邊緣放軟、光的衰減約依平方反比、燈下的受光區小而銳利有細節、光源本身是平塗的暖白並帶光暈。

八種最常見的人像打光是三分之四寬光、三分之四窄光、側光、頂光、底光、正面光、邊緣光、逆光，每種在形體與情緒上有固定效果。

太陽很低時光穿過更多大氣，藍光被散掉，剩下的光更弱、更橙紅，所以背對太陽的受光面偏金黃、影子偏藍。

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

顆粒只是底片感的一塊，要感覺得到、不要被看見；底圖要比顆粒稍軟；整套統一，不逐張調。

原研哉認為設計的重點不是造物，而是刺激感官；紙是 senseware，白不是顏色而是設計概念，用色只為了找到某一種特定感覺。

單字旋轉在約正負 67.5 度內反應時間短而穩定，90 到 135 度之間急升，之後持平；順時針與逆時針沒有差別。

Risograph 的魅力來自錯位與不均勻，常被用來傳達草根真實與懷舊，O.OO 的做法是把這些特性用在不復古的案子，並刻意收集失敗品當靈感。

避開 Ultralight、Thin、Light 三種細字重，用了細體要把字放得比建議值更大，階層用字重、字級、顏色一起調。

標準 linear-gradient 的頭尾會有硬邊，改用緩動曲線排出多個色標，漸層就能融進畫面；文字底的漸層（scrim）用 13 個色標。

地平線貼著三分線是穩妥選擇，但略高或略低會大幅改變情緒，一種開闊，一種踏實；完全對稱會顯得靜態，要稍微偏離。

留白分大間距與小間距兩種，也分被動（求平衡舒適）與主動（引導視線、強調重點）兩種；每一處留白都該被考慮，沒考慮就是壞設計。

直式短影音的畫面分成眼睛、標題、字幕、安全區與邊邊區，邊邊區千萬不要放東西。

把自己的審美教給 AI 後，只要一句話就能出帳號風格的封面，還會在規範內給不同選擇。

作者做了全自動的 IG 排版系統，依個人審美生成，並依影片內容生成對應的圖片。

AI 網頁設計很糟時，把品質目標寫成獎項級網站的程度，並要求自我檢查、反覆提升到達標為止。

八組可直接貼進 ChatGPT 的修圖提示詞，每組都先要求保留本人長相，再換場景與光線。

把文字複製一份，上層改白色並套用 Hollow 空心效果，再到 Layers 把主體拖到兩層文字中間，就做出主體穿透文字的效果。

同一顆荔枝加同一組文案，用口述示範八種排法：上中下、放大上下、左右、對角、切半、疊壓、複製多個、從素材本身找答案。

貼一份提示詞，每張上傳的照片都會變成一張上半原照、下半復古兩色套印圖解的 3:4 海報。

AI 做的設計常一眼看出是 AI，因為模型回到統計中間值，七個 skill 都在 Claude 動手之前先把美學方向鎖死。

對 ChatGPT 說幫我做個圖、設計一張傳單、幫我做張海報，只會得到千篇一律的普通 AI 圖，要換成 8 個提示詞。

作者分享一段英文提示詞，把一張照片做成上半保留原照片、下半黑白炭筆手繪的 3:4 海報。

不要先做功能再調 UI，先請 AI 逐頁出示意圖定風格，再要求程式把每頁每個功能對齊到至少 80%。

這組參數專治發黃的照片，其中色溫 -20 左右很重要、色調 +30 左右非常重要。

用 Claude 做簡報的六組可直接複製的提示詞，涵蓋藍圖、結構、故事線、視覺、每頁內容、精簡，每組附可替換欄位。

ChatGPT 修圖總是把臉改掉，試試五個指令，每個指令只管清背景、放大、光線質感、姿勢或鎖臉其中一件事。

視覺碼是加在生圖提示詞後面、控制照片怎麼拍而不是拍什麼的短語；100 個碼按鏡位、鏡頭、光線、底片、調色疊用，一次只改一樣。

不要一次展示所有商品，改成把商品掛在曬衣繩上，一頁一件，讓設計滑動帶出下一件。

作者說這就是為什麼打光很重要，標籤標了 cinematic 與 podcast，影片拍的是同一間空房加燈前後。

直接叫 AI 把圖放大到 4K 會有塗抹感和噪點，作者改成先轉線稿或白膜，再讓 AI 貼回顏色與材質。

先決定要回答的問題再選圖型，整張圖用單一橘色當焦點，其餘用灰藍墨色退後。

做簡報時每張圖先用一行字寫清楚它回答哪一題，寫不出來就不開始畫；另外有小提示多講一件事、章節超過五個放目錄、同一份檔轉 PPT 或 PDF 三個做法。

作者轉述 REA 挖出的 Claude 前端細節，包括界面幾乎不用黑色邊框，靠 4 層深淺差一點點的底色分出層次。

cinematic-shot 這個 skill 讓 agent 自行錄影，用程式撰寫運鏡與光影腳本，直接產出完整影片，之後用自然語言就能調整。

先挑一件常做的小事，用一段指令請 Claude 做出 Skill ZIP，上傳啟用後，再用自己的資料試用修改。

作者照時間順序記錄自己在 Claude Code 與 Codex 之間來回搬家三次，九月初把 Codex 降到 20 美元、維持 Claude 的 100 美元。

安裝後三道驗收都過才算裝完。

五個工具彼此獨立，挑一個用滿一個月再看下一個。

先挑一項能檢查結果的小需求開始做。

可以操作和可以穩定獲利是兩件事，條件要寫清楚，結果要人工檢查。