網(wǎng)頁設計

內(nèi)容概要

　　《高等教育“十二五”全國規(guī)劃教材·中國高等院校設計專業(yè)系列教材：網(wǎng)頁設計》作者憑借嫻熟的專業(yè)設計經(jīng)驗與大量的第一手案例，系統(tǒng)講解從客戶到溝通、從草圖到提案、從簽單到完工提交的設計全過程。作者盡心傳授設計密招，獨家披露許多深入的知識點，而絕對人氣的高校教學經(jīng)驗又使深度講解不浮于表面，讓讀者有身臨其境之感?！按蠹矣^點”邀請著名設計師群體評判設計的細節(jié)，避免以偏概全的表達，啟發(fā)學生深入思考。

作者簡介

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

書籍目錄

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

編輯推薦

　　20％傳統(tǒng)教學內(nèi)容+30％最新教育理念+50％經(jīng)典案例解析與設計項目實訓?！　”鞠盗薪滩木試鴥?nèi)藝術與設計專業(yè)的一線教育專家為主力作者，充分契合藝術與設計教育改革的需要，致力于培育能夠與設計產(chǎn)業(yè)無縫對接的人才，在結構上以教材的學術性、系統(tǒng)性為基礎，綜合了教輔書的功能性與實用性，以及工具書信息龐大的優(yōu)勢，對傳統(tǒng)教材的編寫體例與要求進行大幅度改革，將20％的傳統(tǒng)教學內(nèi)容、30％的最新教育理念和50％的經(jīng)典案例解析與設計項目實訓完美融合。　　本系列教材的出版系國內(nèi)藝術與設計院校教改成就的全景呈現(xiàn)，對于國內(nèi)藝術與設計教育的發(fā)展意義深遠。

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)頁設計 PDF格式下載

---