網頁設計（簡體書）

《網頁設計》均以國內藝術與設計專業的一線教育專家為主力作者，充分契合藝術與設計教育改革的需要，致力于培育能夠與設計產業無縫對接的人才，在結構上以教材的學術性、系統性為基礎，綜合了教輔書的功能性與實用性，以及工具書信息龐大的優勢，對傳統教材的編寫體例與要求進行大幅度改革，將20％的傳統教學內容、30％的最新教育理念和50％的經典案例解析與設計項目實訓完美融合。本系列教材的出版系國內藝術與設計院校教改成就的全景呈現，對于國內藝術與設計教育的發展意義深遠。教材簡介作者憑借嫻熟的專業設計經驗與大量的第一手案例，系統講解從客戶到溝通、從草圖到提案、從簽單到完工提交的設計全過程。作者盡心傳授設計密招，獨家披露許多深入的知識點，而絕對人氣的高校教學經驗又使深度講解不浮于表面，讓讀者有身臨其境之感。“大家觀點”邀請著名設計師群體評判設計的細節，避免以偏概全的表達，啟發學生深入思考。

周年國，1999年畢業于上海交通大學圖形技術與CAD研究所，獲碩士學位，同年任教于上海交通大學媒體與設計學院設計系。長期從事數字媒體設計的教學與科研工作，主要研究方向為：網絡媒體設計、數字圖形圖像設計、動畫設計、界面設計、體驗設計等。曾主持過的項目有：上海市政府部門的電子政務網站設計、上海交通大學媒體與設計學院網站設計、上海交通大學美國電影研究中心網站設計等。發表的論文有：《界面設計：人機溝通的藝術》、《以體驗為先導——體驗經濟條件下設計的新思維》、《形態的數字化生成及特點淺析》、《內容、結構及界面——Web設計的三要素》、《新媒體新體驗新設計——淺析基於數字媒體的信息設計與傳播》等。

第一章 “新媒體，新設計”——網頁設計概述
第一節 WWW：Web概述
Web如何工作：客戶／服務器(Client／Server)結構
瀏覽器：進入Web世界的窗口
第二節 Web設計：新媒體，新設計
一、網站與網頁
二、用、美、爽：Web設計的三目標
三、Wel)設計流程
四、分工與合作：Web設計團隊
如何成為一名網頁設計師?
第三節 “工欲善其事，必先利其器”——網頁設計技術概述
一、HTHL和XHTML：網頁標記語言
1．HTHL簡介
2．HTHL的語法特徵
HlHL標簽的嵌套
HTHL空白文檔結構
3．×HTML
二、CSS：級聯樣式表
1．CSS的語法特徵
CSS語法示例
2．CSS的使用
3．樣式的繼承與沖突：級聯
三、Web標準：XHTL+CSS
四、DHTML：動態HTHL
思考與練習

第二章 “謀定而動”——網站整體設計
第一節 明確站點的目標與需求
設計與需求
一、建站意圖：為什麼要建立一個網站?
網站項目相關人員
二、為誰而建：用戶，用戶，用戶
UCD：以用戶為中心的設計
用戶模型
三、“類型片”：定義站點類型
站點類別
四、站點目標：行動的指南
第二節 站點整體規劃與設計
一、內容：站點的內涵與價值所在
多媒體綜合傳播
為站點準備內容
二、功能：不再只是內容
功能驅動與內容驅動
交互設計
功能流程圖
三、架構：邏輯與組織
常見站點結構類型
四、界面：規劃與設計
網站界面構成
網頁界面的構成元素
五、視覺：形象與風格
站點的設計風格
第三節 技術與實現
一、創意與探索：設計草圖與原型
1．草圖
2．原型
二、頁面需求的描述：線框圖
三、精彩看得見：頁面效果圖
四、站點的藍圖：網站計劃書
網站計劃書的主要內容
思考與練習

第三章 “從紙張到屏幕”-一網頁空間與布局
第一節 究竟該多大：網頁空間探密
一、屏幕尺寸與瀏覽器窗口
1．顯示器屏幕尺寸
2．瀏覽器窗口尺寸
二、關於滾動
1．避免過多滾屏
2．避免在兩個方向上滾動屏幕
第一屏水平設計與垂直設計
三、確定頁面尺寸
1．盡可能了解你的用戶
2．頁面尺寸設計策略
最低顯示標準是多少?
3．固定寬度和可變寬度設計
”裁剪”瀏覽器空間
第二節 化有限為無限：網頁布局設計
一、網頁布局原理
1．平衡與穩定
2．焦點與主次
網頁空間與視覺關注度
3．秩序與統一
”少就是多”
4．對比與變化
二、點、線、面——網頁布局設計中的形態要素
1．點
2．線
3．面
造型與風格
三、關於空白
網頁中的空白
主動留白與被動空白
四、常用布局方法和類型
1．自由型布局
2．規整型布局
分割
網格布局
第三節 技術與實現
一、表格布局
表格布局的分析與規劃
二、DIV+CSS：符合Web標準的布局方法
1．觀察與分析
2．切片與輸出
3．定位與實現
示例：DIV+CSS布局
三、框架
思考與練習

第四章 “遠看色，近看花”——網頁色彩設計
第一節 色彩傳遞印象：網頁色彩基礎
一、色彩的三要素色調
二、生理、心理和文化：色彩的感覺和聯想
1．色彩的感覺和印象
2．色彩的聯想和象征
3．色彩的文化與認知
三、色彩的表現
四、對比與調和：網頁配色原理
1．色彩的對比
2．色彩的調和
3．網頁配色類型
第二節 網頁色彩設計
一、網頁色彩的選用
1．站點類型和主題
“不破不立”——打破常規使用色彩
2．用戶需求
3．企業標準色
二、網頁色彩計劃
1．支配與強調：
主色、輔助色與強調色
2．整體與局部：欄目色彩的規劃
三、網頁中的色彩
1．背景色
2．多媒體元素色彩
3．文字色彩
第三節 技術與實現
一、屏幕色彩：加色混合
二、網絡安全色
三、網頁色彩設置
思考與練習

第五章 “細節決定成敗”——網頁元素設計
第一節 文字與排版
一、網頁文字與排版基礎
1．網頁字體
屏幕閱讀與字體
2．網頁排版
網頁字號大小的設置
二、網頁字體設計
1．網頁字體的選用
2．網頁中的字體
三、技術與實現
1．用CSS設置字體
2．用圖形實現網頁字體設計
第二節 圖形元素設計
一、圖形的作用
1．表現頁面內容
2．增添頁面美感
圖片的選擇與頁面的主題
二、網頁中的圖形
1．照片與插圖
2．背景與底紋
整體背景與局部背景
3．站點標志
4．網頁圖標
三、技術與實現
1．網頁圖形的特點
2．網頁圖形的格式及優化
3．網頁圖形製作工具
網頁圖形的製作與優化
4．在網頁中插入圖形
第三節 多媒體元素設計
一、聲音和視頻
下載播放與流式播放
1．聲音和視頻文件格式
2．在網頁中添加聲音和視頻
二、動畫
1．GIF動畫
2．Flash動畫和交互媒體
Flash動畫及交互媒體作品的創作
第四節 導航元素設計
一、三個問題：導航的功能
我在哪兒?
我能去哪兒?
我從哪里來?
二、導航的布局
三、導航媒介與形式
四、個性化導航設計
五、技術與實現：超鏈接
超鏈接示意圖
URL
超鏈接的創建
使用Dreameaver創建圖像映象
第五節 表單與控件
表單及HTHL實現
常用控件類型
一、表單的可用性設計
二、表單外觀：標準與個性
思考與練習

第六章 “他山之石，可以攻玉”——綜合案例分析
附錄一常用HTML參考
附錄二常用CSS參考
附錄三網絡安全色
參考網站
參考書目
後記