網(wǎng)頁設(shè)計

定　價：￥39.80

作　者：	周年國主編
出版社：	人民美術(shù)出版社
叢編項：
標　簽：	網(wǎng)頁設(shè)計

購買這本書可以去

ISBN：	9787102050799	出版時間：	2010-08-01	包裝：	平裝
開本：	16開	頁數(shù)：	120	字數(shù)：

內(nèi)容簡介

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

作者簡介

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

圖書目錄

第一章 “新媒體，新設(shè)計”——網(wǎng)頁設(shè)計概述
第一節(jié) WWW：Web概述
Web如何工作：客戶／服務(wù)器（Client／Server）結(jié)構(gòu)
瀏覽器：進入Web世界的窗口
第二節(jié) Web設(shè)計：新媒體，新設(shè)計
一、網(wǎng)站與網(wǎng)頁
二、用、美、爽：Web設(shè)計的三目標
三、Web設(shè)計流程
四、分工與合作：Web設(shè)計團隊
如何成為一名網(wǎng)頁設(shè)計師？
第三節(jié) “工欲善其事，必先利其器”——網(wǎng)頁設(shè)計技術(shù)概述
一、HTHL和XHTML：網(wǎng)頁標記語言
1.HTHL簡介
2.HTHL的語法特征
HlHL標簽的嵌套
HTHL空白文檔結(jié)構(gòu)
3.×HTML
二、CSS：級聯(lián)樣式表
1.CSS的語法特征
CSS語法示例
2.CSS的使用
3.樣式的繼承與沖突：級聯(lián)
三、Web標準：XHTL+CSS
四、DHTML：動態(tài)HTHL
思考與練習(xí)
第二章 “謀定而動”——網(wǎng)站整體設(shè)計
第一節(jié) 明確站點的目標與需求
設(shè)計與需求
一、建站意圖：為什么要建立一個網(wǎng)站？
網(wǎng)站項目相關(guān)人員
二、為誰而建：用戶，用戶，用戶
UCD：以用戶為中心的設(shè)計
用戶模型
三、“類型片”：定義站點類型
站點類別
四、站點目標：行動的指南
第二節(jié) 站點整體規(guī)劃與設(shè)計
一、內(nèi)容：站點的內(nèi)涵與價值所在
多媒體綜合傳播
為站點準備內(nèi)容
二、功能：不再只是內(nèi)容
功能驅(qū)動與內(nèi)容驅(qū)動
交互設(shè)計
功能流程圖
三、架構(gòu)：邏輯與組織
常見站點結(jié)構(gòu)類型
四、界面：規(guī)劃與設(shè)計
網(wǎng)站界面構(gòu)成
網(wǎng)頁界面的構(gòu)成元素
五、視覺：形象與風(fēng)格
站點的設(shè)計風(fēng)格
第三節(jié) 技術(shù)與實現(xiàn)
一、創(chuàng)意與探索：設(shè)計草圖與原型
1.草圖
2.原型
二、頁面需求的描述：線框圖
三、精彩看得見：頁面效果圖
四、站點的藍圖：網(wǎng)站計劃書
網(wǎng)站計劃書的主要內(nèi)容
思考與練習(xí)
第三章 “從紙張到屏幕”——網(wǎng)頁空間與布局
第一節(jié) 究竟該多大：網(wǎng)頁空間探密
一、屏幕尺寸與瀏覽器窗口
1.顯示器屏幕尺寸
2.瀏覽器窗口尺寸
二、關(guān)于滾動
1.避免過多滾屏
2.避免在兩個方向上滾動屏幕
第一屏水平設(shè)計與垂直設(shè)計
三、確定頁面尺寸
1.盡可能了解你的用戶
2.頁面尺寸設(shè)計策略
最低顯示標準是多少？
3.固定寬度和可變寬度設(shè)計
“裁剪”瀏覽器空間
第二節(jié) 化有限為無限：網(wǎng)頁布局設(shè)計
一、網(wǎng)頁布局原理
1.平衡與穩(wěn)定
2.焦點與主次
網(wǎng)頁空間與視覺關(guān)注度
3.秩序與統(tǒng)一
“少就是多”
4.對比與變化
二、點、線、面——網(wǎng)頁布局設(shè)計中的形態(tài)要素
1.點
2.線
3.面
造型與風(fēng)格
三、關(guān)于空白
網(wǎng)頁中的空白
主動留白與被動空白
四、常用布局方法和類型
1.自由型布局
2.規(guī)整型布局
分割
網(wǎng)格布局
第三節(jié) 技術(shù)與實現(xiàn)
一、表格布局
表格布局的分析與規(guī)劃
二、DIV+CSS：符合Web標準的布局方法
1.觀察與分析
2.切片與輸出
3.定位與實現(xiàn)
示例：DIV+CSS布局
三、框架
思考與練習(xí)
第四章 “遠看色，近看花”——網(wǎng)頁色彩設(shè)計
第一節(jié) 色彩傳遞印象：網(wǎng)頁色彩基礎(chǔ)
一、色彩的三要素色調(diào)
二、生理、心理和文化：色彩的感覺和聯(lián)想
1.色彩的感覺和印象
2.色彩的聯(lián)想和象征
3.色彩的文化與認知
三、色彩的表現(xiàn)
四、對比與調(diào)和：網(wǎng)頁配色原理
1.色彩的對比
2.色彩的調(diào)和
3.網(wǎng)頁配色類型
第二節(jié) 網(wǎng)頁色彩設(shè)計
一、網(wǎng)頁色彩的選用
1.站點類型和主題
“不破不立”——打破常規(guī)使用色彩
2.用戶需求
3.企業(yè)標準色
二、網(wǎng)頁色彩計劃
1.支配與強調(diào)：
主色、輔助色與強調(diào)色
2.整體與局部：欄目色彩的規(guī)劃
三、網(wǎng)頁中的色彩
1.背景色
2.多媒體元素色彩
3.文字色彩
第三節(jié) 技術(shù)與實現(xiàn)
一、屏幕色彩：加色混合
二、網(wǎng)絡(luò)安全色
三、網(wǎng)頁色彩設(shè)置
思考與練習(xí)
第五章 “細節(jié)決定成敗”——網(wǎng)頁元素設(shè)計
第一節(jié) 文字與排版
一、網(wǎng)頁文字與排版基礎(chǔ)
1.網(wǎng)頁字體
屏幕閱讀與字體
2.網(wǎng)頁排版
網(wǎng)頁字號大小的設(shè)置
二、網(wǎng)頁字體設(shè)計
1.網(wǎng)頁字體的選用
2.網(wǎng)頁中的字體
三、技術(shù)與實現(xiàn)
1.用CSS設(shè)置字體
2.用圖形實現(xiàn)網(wǎng)頁字體設(shè)計
第二節(jié) 圖形元素設(shè)計
一、圖形的作用
1.表現(xiàn)頁面內(nèi)容
2.增添頁面美感
圖片的選擇與頁面的主題
二、網(wǎng)頁中的圖形
1.照片與插圖
2.背景與底紋
整體背景與局部背景
3.站點標志
4.網(wǎng)頁圖標
三、技術(shù)與實現(xiàn)
1.網(wǎng)頁圖形的特點
2.網(wǎng)頁圖形的格式及優(yōu)化
3.網(wǎng)頁圖形制作工具
網(wǎng)頁圖形的制作與優(yōu)化
4.在網(wǎng)頁中插入圖形
第三節(jié) 多媒體元素設(shè)計
一、聲音和視頻
下載播放與流式播放
1.聲音和視頻文件格式
2.在網(wǎng)頁中添加聲音和視頻
二、動畫
1.GIF動畫
2.Flash動畫和交互媒體
Flash動畫及交互媒體作品的創(chuàng)作
第四節(jié) 導(dǎo)航元素設(shè)計
一、三個問題：導(dǎo)航的功能
我在哪兒？
我能去哪兒？
我從哪里來？
二、導(dǎo)航的布局
三、導(dǎo)航媒介與形式
四、個性化導(dǎo)航設(shè)計
五、技術(shù)與實現(xiàn)：超鏈接
超鏈接示意圖
URL
超鏈接的創(chuàng)建
使用Dreameaver創(chuàng)建圖像映象
第五節(jié) 表單與控件
表單及HTHL實現(xiàn)
常用控件類型
一、表單的可用性設(shè)計
二、表單外觀：標準與個性
思考與練習(xí)
第六章 “他山之石，可以攻玉”——綜合案例分析
案例1 http://www.taorestaurant.com
案例2 www.howblue.com
案例3 http://www.bmw.com
案例4 http://www.ninebridges.co.kr
案例5 http://www.ksdb.co.kr
案例6 www.afrc.com
思考與練習(xí)
附錄一常用HTML參考
附錄二常用CSS參考
附錄三網(wǎng)絡(luò)安全色
參考網(wǎng)站
參考書目
后記