匯總 QQ 群每日問答,每周五發布,比教程更貼近實戰。第 1 期 4 大議題:
問:怎麼表現「乾淨、震撼」的質感?導航高光有幾種做法?怎麼判斷作品好壞?
答:高光樣式無窮,關鍵在元素結構 + 高光陰影變化。四種導航範例展示結構與光線差異產生截然不同風格。




風格選擇須與內容產生視覺聯想(如汽車拉力賽不宜用乾淨高光,應用粗糙筆刷)。
評價作品標準:產品特性/概念是否得體現?重要資訊視覺權重是否正確?色彩方案是否契合?整體氣氛是否足夠? 這些有共識標準,非純主觀。
問 1:收集靈感圖片多了怎麼分類管理?
答:**按行業分類**(酒店、教育、設計工作室...),建立資料夾。曾試按風格分(中式、Web2.0)但尋找不便——需求通常是「看看別人做酒店網站怎麼做」。
問 2:PS 熟練但作品缺乏「哇」的感覺,如何提升?
答:兩大突破口:



問 3:設計思維不開闊,只有漸變/投影/高光,如何有創意?
答:做的、看的不夠多。若讓你做荒野求生頁,能想到石頭導航、撕裂紙張嗎?需大量練習。漸變高光僅代表一類風格,看完上例應明白局限。
問:有成熟 div+css 框架推薦?
答:我手寫 EditPlus 無速度焦慮。需框架可試 960 Grid System:提供 PSD 模板與前端代碼。前提是熟悉結構與預設值。基本結構:
<div class="container_12"> /* 960px 12 欄 */
<div class="grid_7 prefix_1"> /* 佔 7 欄,前留 1 欄 */
<div class="grid_2 alpha"></div> /* 第 1 欄加 alpha */
<div class="grid_3"></div>
<div class="grid_2 omega"></div> /* 最後 1 欄加 omega */
</div>
<div class="grid_3 suffix_1"></div> /* 佔 3 欄,後留 1 欄 */
</div>
問:有行業規範嗎?(預設宋體雙數字號、Logo=圖標+中文+域名、導航選中狀態怎麼設計、品牌色藍但花瓣用紅怎麼辦?)
答:不存在所謂行業標準,怎麼設計都行。關鍵考量:**資訊表達是否清晰、用戶體驗是否良好、視覺是否協調**。品牌色藍用藍即可,花瓣用紅是其品牌色決策,非規範強制。