萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

關於網頁設計的那些事兒:第 1 期 Q&A 精選(質感表現、資源管理、CSS 框架、行業規範)

匯總 QQ 群每日問答,每周五發布,比教程更貼近實戰。第 1 期 4 大議題:

一、質感表現與作品好壞評價(小李飛刀)

問:怎麼表現「乾淨、震撼」的質感?導航高光有幾種做法?怎麼判斷作品好壞?

答:高光樣式無窮,關鍵在元素結構 + 高光陰影變化。四種導航範例展示結構與光線差異產生截然不同風格。

風格選擇須與內容產生視覺聯想(如汽車拉力賽不宜用乾淨高光,應用粗糙筆刷)。

評價作品標準:產品特性/概念是否得體現?重要資訊視覺權重是否正確?色彩方案是否契合?整體氣氛是否足夠? 這些有共識標準,非純主觀。

二、資源分類與突破瓶頸

問 1:收集靈感圖片多了怎麼分類管理?

答:**按行業分類**(酒店、教育、設計工作室...),建立資料夾。曾試按風格分(中式、Web2.0)但尋找不便——需求通常是「看看別人做酒店網站怎麼做」。

問 2:PS 熟練但作品缺乏「哇」的感覺,如何提升?

答:兩大突破口:

  1. 細節:所有讓人驚嘆的作品細節無可挑剔。你的作品中:中國海軍網列表間距太小顯擁擠、黑字對比太強建議改灰、虛線分割線過於顯眼;標題多樣化頁面海浪圖標與內容不契合、不清晰、風格不搭,背景色交接 1px 處理模糊——1px 是美感體現處。
  2. 氣氛:靠元素視覺風格統一營造。荒野求生專頁:石頭導航、磨損文字、粗糙分割線、撕裂紙張背景——風格既有差異又方向統一,撲面而來原始野性氣息。

問 3:設計思維不開闊,只有漸變/投影/高光,如何有創意?

答:做的、看的不夠多。若讓你做荒野求生頁,能想到石頭導航、撕裂紙張嗎?需大量練習。漸變高光僅代表一類風格,看完上例應明白局限。

三、CSS 框架快速佈局

問:有成熟 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=圖標+中文+域名、導航選中狀態怎麼設計、品牌色藍但花瓣用紅怎麼辦?)

答:不存在所謂行業標準,怎麼設計都行。關鍵考量:**資訊表達是否清晰、用戶體驗是否良好、視覺是否協調**。品牌色藍用藍即可,花瓣用紅是其品牌色決策,非規範強制。

copyright © 萬盛學電腦網 all rights reserved