网页设计

出版时间：2010-8  出版社：人民美术出版社  作者：周年国  页数：120  

内容概要

　　《高等教育“十二五”全国规划教材·中国高等院校设计专业系列教材：网页设计》作者凭借娴熟的专业设计经验与大量的第一手案例，系统讲解从客户到沟通、从草图到提案、从签单到完工提交的设计全过程。作者尽心传授设计密招，独家披露许多深入的知识点，而绝对人气的高校教学经验又使深度讲解不浮于表面，让读者有身临其境之感。“大家观点”邀请著名设计师群体评判设计的细节，避免以偏概全的表达，启发学生深入思考。

作者简介

　　周年国，1999年毕业于上海交通大学图形技术与CAD研究所，获硕士学位，同年任教于上海交通大学媒体与设计学院设计系。长期从事数字媒体设计的教学与科研工作，主要研究方向为：网络媒体设计、数字图形图像设计、动画设计、界面设计、体验设计等。曾主持过的项目有：上海市政府部门的电子政务网站设计、上海交通大学媒体与设计学院网站设计、上海交通大学美国电影研究中心网站设计等。发表的论文有：《界面设计：人机沟通的艺术》、《以体验为先导——体验经济条件下设计的新思维》、《形态的数字化生成及特点浅析》、《内容、结构及界面——Web设计的三要素》、《新媒体新体验新设计——浅析基于数字媒体的信息设计与传播》等。

书籍目录

第一章 “新媒体，新设计”——网页设计概述第一节 WWW：Web概述Web如何工作：客户／服务器（Client／Server）结构浏览器：进入Web世界的窗口第二节 Web设计：新媒体，新设计一、网站与网页二、用、美、爽：Web设计的三目标三、Web设计流程四、分工与合作：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实现常用控件类型一、表单的可用性设计二、表单外观：标准与个性思考与练习第六章 “他山之石，可以攻玉”——综合案例分析案例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参考附录三 网络安全色参考网站参考书目后记

编辑推荐

　　20％传统教学内容+30％最新教育理念+50％经典案例解析与设计项目实训。　　本系列教材均以国内艺术与设计专业的一线教育专家为主力作者，充分契合艺术与设计教育改革的需要，致力于培育能够与设计产业无缝对接的人才，在结构上以教材的学术性、系统性为基础，综合了教辅书的功能性与实用性，以及工具书信息庞大的优势，对传统教材的编写体例与要求进行大幅度改革，将20％的传统教学内容、30％的最新教育理念和50％的经典案例解析与设计项目实训完美融合。　　本系列教材的出版系国内艺术与设计院校教改成就的全景呈现，对于国内艺术与设计教育的发展意义深远。