前言

软件介绍

Axure是一款专业的原型设计工具。经过多年的发展,虽然Axure面临各种软件的挑战,但它在原型设计领域的地位依然不可动摇。Axure最早被知名互联网公司的设计师使用,目前已经成为互联网从业者的一个必备工具。无论是产品经理、UI和UE设计师,还是程序开发人员,都将Axure视为一个必须掌握的设计工具。它除了能快速设计出产品原型,还能在开发初期帮助团队快速迭代原型。

本书基于Axure RP9编写,建议读者使用该版本软件进行学习和操作。

内容介绍

第1课“走进Axure的世界”讲解Axure的重要性,以及学习Axure的过程,主要包括基础知识、交互知识、变量和函数3个阶段的学习要点;同时介绍了本书强调实战、内容覆盖网页端和移动端的特点。

第2课“掌握Axure的基础操作——功能模块”讲解软件的基础环境,包括在欢迎界面中快速新建文件和保存文件的方法,以及设置主要工作区的方法。

第3课“组织原型页面——产品结构”通过不同的实例讲解移动端和网页端的产品结构,并介绍了使用Axure组织互联网产品结构的方法。

第4课“制作线框草图——基本元件”讲解线框草图、低保真原型和高保真原型之间的区别和联系,同时介绍如何使用基本元件制作微信线框草图。

第5课“快速原型工具——工具栏”讲解使用工具栏提高原型制作效率的方法,使读者学会如何使用工具栏中的选择模式、连接、绘画、锚点、调整层、锁定和缩放等设计常用设计工具。

第6课“制作流程图——元件库”讲解流程图的作用,基础元件库、流程元件库和图标元件库的使用方法,以及综合运用元件库制作线框流程图和基础流程图的方法。

第7课“用浏览器打开原型——预览和发布”主要讲解发布HTML文件的方法,以及预览原型时该如何设置浏览器;同时介绍使用AxShare在线服务发布和预览原型的知识。

第8课“创建自适应页面——页面设置”讲解自适应页面的作用,如何进行基本页面设置,以及如何设置网页自适应页面和手机自适应页面。

第9课“设计手机原型——APP规范和样式”讲解互联网产品的迭代思维,以及通过APP原型规范设计出手机高保真原型的技巧(注:APP亦可写作App,全书为与截屏图一致,统一写作APP)。

第10课“设计网页原型——网页规范和样式”讲解互联网产品设计的一致性原则,以及通过原型规范设计出网页高保真原型的技巧;同时讲解调整高保真原型的自适应页面的方法,以及“概要”面板的使用方法。

第11课“设计手机登录交互——按钮和文本框”开始讲解交互设计的知识,包括通过添加按钮和文本框了解交互设计的基本原理,以及讲解如何设计手机登录页的交互细节。

第12课“设计网页登录交互——图标和形状”讲解网页登录原型的设计方法,以及添加图标交互状态和新建交互的方法。

第13课“设计状态切换交互——选项组切换”通过注册页面标签切换和微信导航切换的案例,讲解选项组切换的交互设计知识。

第14课“切换频道页面——框架元件”介绍基础元件中内联框架的使用方法,以及在页面中链接外部网址、内部页面、本地视频和本地图片的方法。

第15课“管理相似模块——母版”讲解如何使用母版修改多页面上的元素,从而提升设计效率,以及使用母版管理引发事件的技巧。

第16课“设计动态效果——动态面板”讲解如何通过动态面板实现显示和隐藏、图片轮播、拖动效果,通过添加动态面板固定到浏览器的交互,讲解如何增加页面跟随效果。

第17课“运用变量设计交互——变量和函数”讲解Axure中的变量和函数知识:使用局部变量结合表达式,完成交互中的运算设计;使用全局变量,进行数据的存储和读取,实现跨页面的交互效果。

第18课“添加条件判断——启用情形”讲解梳理交互流程的知识,以及在设计满足多个条件才能触发的交互案例时,如何通过启用情形来完成其交互。

第19课“设计带交互的列表——中继器”通过设计商品列表页案例,讲解中继器的使用方法,以及使用中继器进行排序和筛选的知识。

第20课“制作翻页效果——中继器的变量”讲解使用中继器设计分页效果的方法,以及中继器的默认变量知识。

第21课“设计商品内容页——综合运用中继器”通过添加商品推荐图标案例和商品内容页案例,讲解如何使用中继器变量,以及如何使用中继器的添加行、标记行和删除行功能。

第22课“设计10个拓展案例——变量与函数运用”讲解中继器、元件、窗口、字符串、日期、指针、数字、数学等变量和函数,以及如何使用它们设计出复杂的案例效果,丰富原型中的交互设计。

本书特色

产品理论

本书除了讲解Axure的基础知识之外,还讲解了产品设计过程中涉及的理论知识。读者不但可以学会产品的基本设计规范,还可以学会如何对互联网产品进行迭代。

互联网思维

本书结合了互联网思维设计实战案例。读者可以从前期的线框草图开始学习设计,然后随着对本书的深入学习,慢慢把它迭代成高保真原型图,最后迭代成产品交互原型图。通过这个过程,读者能更好地理解并掌握互联网产品迭代知识。

网页端和移动端

本书覆盖了网页端和移动端的设计技巧。通过学习,读者可以掌握网页端和移动端交互设计的区别与联系,从而在多端口的原型设计中游刃有余,达到熟练掌握Axure的学习目标。

讲解视频

针对一些较为复杂的设计细节和扩展知识,本书在学习体验上进行了精心的设计,在“每日设计”APP中搜索关键字即可观看相关的视频教程。视频教程与书中内容相辅相成、相互补充。

增值服务

在应用商店中搜索并下载“每日设计”APP,打开APP,搜索书号“58621”,即可进入本书的相关页面,获得全方位增值服务。

配套资源

① 图书导读音频:由作者讲解,介绍全书的精华所在。

② 配套视频:针对一些复杂的知识点, 配有讲解视频,让学习更简单。

③ 配套讲义:是对全书知识点的梳理及总结,方便读者更好地掌握学习重点。

④全书思维导图:可通览全书讲解逻辑,帮助读者明确学习目标。

软件操作和作业提交

① 案例和练习题的素材文件与源文件。素材文件和源文件能够让读者的实践之路畅通无阻,便于读者对比本书效果,完善自己的作品。读者在“每日设计”APP 的本书页面“图书详情”栏目底部可以直接下载素材文件和源文件。

② 复杂知识点的详细讲解视频。知识点复杂不易学不用怕,详细讲解视频来帮忙。在“每日设计”APP的本书页面“配套视频”栏目中,读者可以在线观看全部配套视频。此外,读者还可以直接搜索关键字观看对应视频。

③ 训练营。读者做完的练习题可以上传至“每日设计”APP 的“训练营”栏目,获得专业人士的点评。

拓展学习

老师好课。在“每日设计”APP的“老师好课”栏目,读者可以学习其他相关的优质课程,全方位提高自己。

本书说明

书中案例只为讲解软件功能,商品描述与配图无关。制作实际项目时,请注意核查商品信息。

本书难免存在错漏之处,希望广大读者批评指正。如果读者在阅读本书的过程中有任何建议,可以发送电子邮件至dengzhao@live.com或zhaoxuan@ptpress.com.cn联系我们。

编者

2022年5月