這是一個真實商業項目的半成品複盤:為新聞專題「城市低收入家庭生存狀況」設計頁首圖(Hero Banner)。作者坦誠記錄從概念草圖→素材合成→光影統一→卡點停滯→最終妥協輸出的完整思維軌跡,比「完美教程」更有價值——它展示了設計師面對素材受限、時間壓力、創意枯竭時的真實決策過程。
設計思路複盤:四階段決策鏈
階段 1|概念草圖與視覺隱喻確立
- 核心隱喻:「窄窄的出路」—— 狹長巷道盡頭透出一線光,象徵困境中微弱的希望。
- 構圖:一點透視巷道(雙牆壓迫感)+ 人物剪影(匿名性/普遍性)+ 遠處高亮區(希望/出口)。
- 色調:冷藍灰主調(壓抑/寒涼)+ 暖黃高光(希望/溫度),強冷暖對比。
階段 2|素材合成與透視統一
- 巷道牆面:多張磚牆/剝落牆素材 → 編輯 > 變換 > 透視/扭曲 貼合消失點 → 曲線/色彩平衡 統一冷灰調。
- 地面濕潤反射:複製牆面翻轉垂直 → 高斯模糊 → 模式疊加,不透明度 30%。
- 人物剪影:素材抠圖 → 填充純黑 → 高斯模糊 1px 柔化邊緣 → 置於巷道 1/3 處,尺寸遵循透視縮放。
階段 3|光影重塑與氛圍構建(卡點最久環節)
- 體積光:新建圖層,多邊形套索勾勒光束錐體 → 填暖黃 → 高斯模糊 30px → 模式篩色/線性減淡 → 蒙版漸變柔化邊緣。
- 塵埃粒子:雜色濾鏡 + 動態模糊 + 散點畫筆,模擬光柱中浮塵(泰德爾效應)。
- 卡點:體積光與牆面紋理融合度始終不滿意,嘗試「塵埃圖層疊加」「光照圖層混合模式遍歷」「手繪光暈」均未達預期「神聖感」。
階段 4|妥協輸出與經驗沉澱
- 截止時間到,採用「體積光組+人物剪影+標題文字」版本上線。
- 事後複盤:若重做,將引入 3D 軟體(C4D/Blender)打光渲染體積光通道,再回 PS 合成,而非純 2D 模擬。
給設計師的避坑與成長清單
| 坑點 | 教訓 | 下次預案 |
| 純 2D 模擬複雜體積光 | 極其耗時且難達物理真實 | 關鍵光影效果預算 3D 打光出通道 |
| 素材風格不一致(牆面新舊度、解析度差) | 合成痕跡重,破壞沉浸感 | 前期建立「素材風格板」,統一解析度/色調/紋理強度 |
| 單一構圖方案無備選 | 卡死無退路 | 草圖階段輸出 3 個方向草圖,評審定向再深入 |
| 未預留「修改緩衝時間」 | 截止日只能交半成品 | 進度表預留 20% 緩衝,關鍵節點設內部評審 |
設計不是神話,是在約束中做最優決策的過程。這張半成品頁首圖,記錄的不是失敗,而是一個設計師面對真實約束時的思考痕跡。願這份坦誠複盤,能成為你下次項目啟動時的「參考坐標」——哪怕最終輸出不完美,思考過程的完整性,才是你專業成長的真實資產。