网站原型交互设计

交互设计是一个正在快速发展的新兴行业，它包含界面设计、产品架构、信息逻辑、人机交互、用户体验等方面的内容。目前，大多数高校还没有开设交互设计专业的课程，特别是面向交互设计的网站原型设计与制作方面的课程。尽管市场对此需求旺盛，设计公司也已经对此提出了具体要求，但是目前大多数学生只能在毕业后，通过自学模仿、从中对比和寻找感觉来逐渐形成自己的判断和认识。已开课的部分高校在授课时也大多处于摸索阶段，还没有形成完整的教学内容及实训体系。网站原型设计与制作是交互设计师与网站开发设计工程师的高效沟通方式，该部分在原则上必须是交互设计师的作品，交互设计以用户为中心的理念应该贯穿整个产品。利用交互设计师专业的眼光与经验可以提升产品的可用性。因此，编写网站原型设计与制作相关图书可以为学生晋升交互设计师提供帮助，具有较大的现实意义。
本书是作者在综合考虑高等院校相关专业课程的设置、课时安排、学生接受能力等相关因素的基础上编写而成。从网站交互设计的基础知识出发，以原型交互设计工具的使用为主线，依次介绍Axure RP软件的功能、变量与表达式、动态面板、函数、中继器等内容。就欧美视觉差网页、摄影作品展示网页、美食类移动网站等案例进行了一次面向交互设计的网站原型设计与制作。全书结构清晰、由浅入深、循序渐进、内容简明扼要、案例丰富，有较强的针对性和实用性，方便教师教学与学生阅读。本书还结合“1 X”证书制度教学改革的相关成果，在教学实践中融入多媒体应用设计师考试的网站原型设计考试相关内容。 
针对本书内容，作者给出如下教学建议。，在教学方式上，建议在进行网站原型设计与制作课程教学的过程中，学习借鉴知能课程的价值取向。知能课程是为了适应信息时代对人才的培养和高等教育大众化对高校课程改革的现实需求应运而生的一种新型的课程形态。在课程功能的定位上，知能课程强调“能力本位”； 在课程内容的组织上，知能课程要求“知行并举”。能力本位是指把培养学生的职业适应能力作为课程的总目标，知行并举则更多地表现在组织课程内容时对待能力和知识的态度上。第二，在学习介质上，当前纸质教材仍然有其存在的合理性和价值需求，尽管其在内容和定位方面会有重大转变，但其形式不会消亡，具有不可替代性。同时需要结合实际，开展课程平台和教学软件的开发、应用、研究，将教材建设与课程建设紧密地结合起来。
本书由浙江商业职业技术学院的李振华策划、设计、编写与统稿。2019年起本书启动编写，当时相关成型的图书资料少，因此作者在商业网站设计与制作等课程的实际教学中积极开展了网站原型技术与制作相关教学案例及教学方法的研究与应用。本书在编写过程中，吸收了教学实际项目与指导案例、教学反思与师生互动启迪的经验，同时也参考了大量国内外相关专家的书籍、博客、资料或课件，从中获得了灵感和启示，但未能在注释或参考文献中一一列出，在此特向这些参考文献的作者致歉并表示由衷的感谢！此外，感谢杭州三匠云文化有限公司等企业为本书提供了相关素材。限于作者学识水平，时间仓促，作为网站原型设计与制作教学研究的尝试，书中难免还存在着诸多不足之处，还请读者批评指正，以便改进和提高。“书山有路勤为径，学海无涯苦作舟”，愿此书能为网站原型设计与制作的学习者提供指引。 

李振华
浙江商业职业技术学院
2020年11月

本书立足实际工作，从网站原型设计的基础知识出发，以原型交互设计工具的使用为主线，依次介绍Axure RP软件的功能、变量与表达式、动态面板、函数、中继器等相关内容。就欧美视觉差网页、摄影作品展示网页、美食类移动网站等案例进行了面向交互设计的网站原型设计制作。对网站原型设计与制作的应用、研究与传播具有较大的现实意义。 本书可作为高等院校多媒体技术、数字媒体、教育技术、计算机应用等相关专业网站原型设计与制作课程的教材或教学参考书，也可供从事网站交互设计的商业分析师、信息架构师、可行性分析专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等从业人员及爱好者学习参考。

李振华，男，现任浙江商业职业技术学院教师，浙江商业职业技术学院创新创业研究所研究员，北京国软信息技术研究中心专家，ICMS2013国际会议审稿专家，曾挂职锻炼于华东勘测设计研究院。国家注册信息系统项目管理师，ACM会员，中国计算机学会会员。主要研究方向：信息系统项目管理、数字媒体艺术、虚拟现实等；主参国家部级课题1项，主持或参与省厅级课题6项；主编教材8本，参编教程1本；发表论文30余篇，EI/ISTP论文3篇；获国家专利20余项。

部分网站原型设计基础篇
第1章网站页面设计知识
1.1网页布局
1.2网页的色彩搭配
1.3赏析网站页面设计
1.4网页设计常用布局
1.5设计作业
第2章交互设计基础知识
2.1交互设计概述
2.2交互设计的应用
2.3交互设计师的修养与职责
2.4交互设计师的知识体系
2.5设计作业
第3章网站交互设计知识
3.1交互体验
3.2用户体验
3.3可用性
3.4网站用户体验改进方法
3.5设计作业
第二部分网站原型设计工具篇
第4章Axure RP软件的使用
4.1Axure RP软件概述
4.2软件安装与汉化
4.3安装浏览器插件
4.4其他常见原型设计软件
4.5设计作业
第5章Axure RP软件主要功能
5.1快捷功能区
5.2站点地图
5.3元件区
5.4元件属性与样式
5.5生成与预览
5.6元件交互与说明
5.7页面设置
5.8母版管理
5.9设计作业
第6章变量与表达式
6.1变量
6.2表达式
6.3设计作业
第7章动态面板
7.1动态面板的组成
7.2动态面板的属性
7.3动态面板的事件
7.4设计作业
第8章函数与中继器
8.1函数
8.2中继器
8.3设计作业

网站原型交互设计

第三部分网站原型设计项目篇
第9章个人作品展示网页
9.1应用场景
9.2制作过程
9.3设计拓展
9.4设计作业
第10章欧美系视觉差网页
10.1应用场景
10.2制作过程
10.3设计拓展
10.4设计作业
第11章手机壳展示网页
11.1应用场景
11.2制作过程
11.3设计拓展
11.4设计作业
第12章个人摄影作品网页
12.1应用场景
12.2制作过程
12.3设计拓展
12.4设计作业
第13章宫崎骏电影文化展示网页
13.1应用场景
13.2制作过程
13.3设计拓展
13.4设计作业
第14章美食类移动网站
14.1应用场景
14.2制作过程
14.3设计拓展
14.4设计作业
第15章总结
第四部分网站原型设计考证篇
第16章多媒体应用设计师考试
16.1试题分析与解答
试题1（2019年11月试题1） 
试题2（2018年11月试题2）
试题3（2016年5月试题2）
试题4(2015年5月试题1)
试题5(2015年5月试题2)
试题6(2015年5月试题4)
试题7（2014年5月试题1）
试题8（2014年5月试题2）
16.2多媒体应用设计师考试大纲
附录Axure RP 7.0快捷键速查
参考文献

本书立足于实际工作，从网站原型设计的基础知识出发，以原型交互设计工具使用教学为主线，介绍了Axure软件等相关内容。并列举了视觉差网页、摄影作品展示网页、美食类移动网站等面向交互设计的网站原型设计与制作的案例。