交互网页设计

随着大数据时代逐步迈入实质性阶段，互联网信息技术已经逐渐渗透至我们生活的每一个领域，深刻地改变着我们的生活方式。特别是当下信息网络移动化和接收终端的高度普及，为商业机构、事业单位乃至个人的信息传播提供了多种可能，同时也催生了一大批新的职业，例如交互设计、UI设计、网页设计与网站策划、新媒体设计等，极大地拓展了交互网页设计与制作人才的职业范畴。此外，网络技术的普及和平民化趋势，使得更多的人需要了解和掌握这一原理与技术，为此我们编写了此书。
全书由四部分、六章组成，*部分对网页设计的概念、分类、设计流程、设计工具及原则做了详细的讲解，让读者能对网页设计的原理有宏观的认知；第二部分以Flash网页动画设计技术为重点，以实际网页动画设计流程为线索，从动画设计元素的收集与整理入手，对网页动画设计、版面整合等内容进行分析，并提供案例供读者学习;第三部分以Dreamweaver网页设计操作为中心，分别从Dreamweaver网页设计技术和网页设计案例出发，整合软件的应用技巧，详尽解析了不同网页设计案例的特点与制作方法；第四部分以交互网页设计为中心进行讲解，从基础概念到实际交互网页设计、H5融媒体设计、移动端APP网页设计案例操作，分层次进行剖析并供读者实践。本书尽量做到语言简洁、案例翔实，可以作为高等院校视觉传达设计、数字媒体设计、广告设计与制作等相关专业的教学用书，也可以作为交互网页设计爱好者等自学人士的参考读物，有利于他们熟悉交互网页策划与设计的流程，尽快掌握交互网页设计的技能和方法。
由于作者水平有限且时间仓促，本书难免存在不足之处，恳请广大读者及时指正，我们将进行有针对性的调整，并在您的帮助下不断完善。
编者
2019年9月

交互与体验已成为21世纪设计发展的新常态，本书对互动媒体设计的基本概念、设计方法、创作流程进行讲解。通过大量原创与国内优秀实践案例进行分析，内容覆盖了APP互动应用、三维互动应用、互动游戏、虚拟现实设计等交互媒体的主要方面，丰富了交互媒体设计学科领域的内容与外延，着力构建交互媒体设计专业的知识结构。全书共5章，理论与实践项目相结合，资料丰富、图文并茂、内容前沿，紧贴一线教学，全部案例的高清视频与可执行程序均置于配套光盘供读者查阅，同时为便于教师教学，本书配套资料、所有章节PPT均可在清华大学出版社网站下载。本书适用于高等院校设计、动画、新媒体、交互专业领域本科生、研究生及相关实践领域的设计师，也可作为交互媒体设计爱好者的参考书。 

曹世峰，男，副教授，武昌理工学院艺术与传媒学院教研室主任，主要讲授交互网页设计等方面的课程。IF学生概念设计奖TOP100 指导教师，全国大学生工业设计大赛（湖北）二等奖 指导教师，全国大学生工业设计大赛（湖北）优秀指导教师奖，第五届“帝度杯”国际家用电器工业设计大赛 铜奖 指导教师，第五届“帝度杯”国际家用电器工业设计大赛 *新锐奖 指导教师，第八届中国玩具和婴童用品创意设计大赛 优秀指导教师奖，华舟应急杯优秀奖指导教师，中国好设计之新设计大赛，优秀奖指导教师。《福壶齐天》“优秀奖”湖北高校第七届美术与设计大展教师组。胡珍，女，副教授，武汉华夏理工学院教研室主任，主要讲授交互网页设计等课程。刘佳，女，副教授，武昌工学院教研室主任，出版教材3部，形成了良好影响，积累了丰富经验。喻荣，女，副教授，武汉轻工大学教研室主任，主要讲授交互网页设计、品牌VI设计等课程，出版了教材4部。

*章网页设计基础/1
*节网页设计概述/2
第二节网页设计分类及赏析/7
第三节网页设计流程/10
第四节网页设计工具/12
第二章Flash网页动画设计/14
*节Flash网页动画基础/15
第二节Flash动画原理与编辑/17
第三节Flash交互式动画设计/41
第三章Dreamweaver网页设计/45
*节Dreamweaver网页设计基础/46
第二节创建与管理站点/49
第三节网页布局/53
第四节网页设计元素的插入与链接/63
第五节CSS样式表与网页编辑/68
第四章交互网页设计/77
*节交互设计概述/78
第二节交互设计原则及目标/81
第三节交互网页设计流程/83
第四节H5交互动画设计/85
第五节H5交互设计综合案例/87
第五章交互网页设计综合案例/93
*节交互APP网页设计与H5融媒体设计/94
第二节基于交互设计的网页制作/101
第六章交互网页设计艺术与赏析/104
*节优秀网页设计展示/105
第二节交互网页设计获奖作品展示/109
附录优秀交互网页设计站点/112
参考文献/114 

1．权威指导，引领教学。依托相关院校，经相关专家指导，广泛联系全国专业领导、专家和老师，组编高质量的系列教材，以引领教学和人才培养。 2．立足课堂，方便一线。为方便一线教学，系列教材注重立足课堂，既有经典的传统专业教材，又有新兴的专业教材，且课件、PPT、挂图等配套元素齐全，融入了*教学理念和教学要求，符合教改主题，以探索、引领人才培养模式，能广泛适应各层次的教学需要。 3．反映改革，凝聚成果。由优秀的院校和老师牵头，带领各地各类院校共同组编，将教改要求和成果融入其中，反映*教学理念、要求和发展趋势，体现了兼收并蓄的思想，层次分明，能满足不同层次和水平的教学要求。 4．工学结合，能力培养。结合实际，在工学结合的基础上，注重能力培养。有的教材采用工学结合，项目引导的编写模式，有的教材按照传统章节形式进行编写，做到具体情况具体分析，采用*合适的理念和体例进行编写，力求使教材适应人才培养和课程教学的需要。 5．任务驱动，任务导向，双证沟通。立足院校教学和学生的特点，所编教材全面反映当前教学改革的成果，切实体现新的教学理念和理论、实践和素质教育相互融合的课程体系。