App草图+流程图+交互原型设计教程

App草图+流程图+交互原型设计教程

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

软件知识+实战案例,掌握UI原型设计,Axure与Adobe XD制作,配教学视频,最新设计趋势。

内容简介

该系列图书通过采用软件知识点+行业基础+实战的方式讲解。案例与基础知识相融合,快速带领用户掌握网站UI产品原型设计制作方法和技巧,分别使用流行的Axure和Adobe XD完成网站产品的制作,与实际工作接轨,在每章的最后为读者提供一个操作案例,供读者练习使用。全书所有案例配教学视频,有助读者学习。全书的案例极具针对性,便于读者查找学习。本书采用UI设计最新流行趋势和设计规范,走在同类选题之前。2.全书采取基础知识+实用案例的整体结构,将基础知识合理的融入到实用案例中,即有利于读者理解,又方便案例的制作。3.本书中有大量的操作案例,针对性强,有利于读者学习。4.每章最后的举一反三案例,考察读者学习成果的同时,也能够帮助读者巩固所学内容。5.本系列所配多媒体教学包,包含书中所有案例的视频教学文件,且统一播放界面,使得学习起来更加方便。

章节目录

封面

版权信息

内容简介

前言

读者服务

第1章 了解网站产品原型

1.1 互联网产品开发流程

1.1.1 需求分析

1.1.2 交互设计

1.1.3 视觉设计

1.1.4 技术开发

1.1.5 发布维护

1.2 互联网产品开发人员配置

1.2.1 产品经理

1.2.2 产品助理

1.2.3 设计师

1.2.4 产品运营

1.2.5 产品开发

1.2.6 市场营销

1.3 互联网产品原型的应用

1.3.1 互联网产品原型设计

1.3.2 互联网产品原型的作用

1.3.3 互联网产品原型的重要性

1.3.4 互联网产品原型的设计技巧

1.4 互联网产品原型的设计流程

1.4.1 确定整体结构

1.4.2 确定排版布局

1.4.3 确定功能模块

1.4.4 设计制作原型稿

1.4.5 设计交互效果

1.4.6 调试交互效果

1.5 了解网站产品原型的分类

1.5.1 低保真原型

1.5.2 高保真原型

1.5.3 交互动画原型

1.6 原型设计的常用工具

1.6.1 Axure RP

1.6.2 Adobe XD

1.6.3 墨刀

1.7 本章小结

第2章 了解Axure RP9

2.1 初识Axure RP9

2.1.1 关于Axure RP9

2.1.2 软件下载与安装

2.2 Axure RP9的工作界面

2.2.1 了解Axure RP9的工作界面

2.2.2 自定义工具栏

2.3 页面设置

2.3.1 页面基本属性

实战练习01 使用“页面”面板

2.3.2 页面自适应

2.4 使用Axure RP9的元件库

2.4.1 Default元件

2.4.2 Flow元件

2.4.3 Icons元件

2.4.4 使用“动态面板”

实战练习02 使用“动态面板”制作轮播图

2.4.5 使用中继器

实战练习03 使用“中继器”元件展示商品

2.4.6 下载和导入元件库

2.5 Axure RP9中的基本交互效果

2.5.1 交互事件

2.5.2 链接

2.5.3 元件

2.6 Axure RP9中的高级交互效果

2.6.1 设置条件

2.6.2 添加变量

实战练习04 使用全局变量设置欢迎页面

2.6.3 使用表达式

2.7 使用函数

2.7.1 中继器/数据集

2.7.2 元件函数

2.7.3 指针函数

2.7.4 窗口函数

实战练习05 使用窗口函数显示隐藏元件

2.7.5 页面函数

2.7.6 数字函数

2.7.7 字符串函数

实战练习06 使用字符串函数设置关键字搜索

2.7.8 数学函数

2.7.9 时间函数

实战练习07 使用时间函数显示实时时间

2.8 查看原型

2.8.1 快速预览

2.8.2 预览选项

2.8.3 生成HTML文件

2.8.4 生成Word说明书

2.9 发布与测试

2.10 本章小结

第3章 了解Adobe XD

3.1 Adobe XD的简介

3.1.1 初识Adobe XD

3.1.2 下载和安装Adobe XD

3.1.3 了解主页屏幕

3.1.4 工作界面结构

3.1.5 使用资源

3.1.6 使用辅助工具

3.2 Adobe XD的基础工作流程

3.3 Adobe XD的基础操作

3.3.1 新建、打开和存储文件

3.3.2 使用画板

实战练习01 新建和存储Adobe XD文件

3.3.3 导入对象

3.3.4 创建重复元素

3.3.5 对象的操作

3.4 Adobe XD的基本工具

3.4.1 绘图工具

3.4.2 文本工具

3.4.3 使用图层

3.4.4 使用布尔运算

3.4.5 蒙版技术

实战练习02 使用蒙版遮罩图像

3.4.6 设置描边、填充、投影和模糊

3.5 使用Adobe XD完成原型

3.5.1 链接页面

3.5.2 设置原型首屏内容

3.5.3 使用语音命令创建原型

3.6 使用Adobe XD导出文档

3.7 本章小结

第4章 设计制作PC端网页产品原型

4.1 PC端网页产品原型概述

4.2 PC端网页设计规范

4.2.1 网页尺寸设计规范

4.2.2 网页文本设计规范

4.2.3 网页图像选择规范

实战练习01 制作网页低保真原型

4.3 PC端网页配色设计

4.3.1 明确主色

4.3.2 明确背景色

4.3.3 确定辅色

4.3.4 协调点缀色

4.3.5 搭配字体颜色

4.4 PC端网页布局方式

4.4.1 布局方式

4.4.2 分列布局

4.4.3 网页构图

实战练习02 制作网页高保真原型

4.5 PC端网页交互效果

4.5.1 页面的链接效果

4.5.2 文字的描述效果

实战练习03 制作网页交互效果

4.6 PC端网页适配

4.6.1 适配的方式方法

4.6.2 适配时需要注意的点

4.7 本章小结

第5章 设计制作Android系统产品原型

5.1 Android系统的原型设计

5.1.1 Android系统的碎片化

5.1.2 Android系统的原型优势

5.2 设计Android系统原型的流程

5.2.1 确定框架

5.2.2 制定全局

5.2.3 绘制页面

5.2.4 输出原型

5.3 Android系统的设计规范

5.3.1 设计单位

5.3.2 页面尺寸

5.3.3 组件尺寸

5.3.4 图标尺寸

5.3.5 间距规范

实战练习01 设计制作App页面的低保真原型

5.4 Android系统的文字规范

5.5 Android系统的页面布局

5.5.1 列表式布局

5.5.2 陈列式布局

5.5.3 宫格式布局

5.5.4 卡片式布局

实战练习02 设计制作App的高保真原型

5.6 Android系统的版式设计

实战练习03 设计制作App页面的交互效果

5.7 Android系统的页面适配

5.7.1 适配方式

5.7.2 整体页面适配

5.7.3 图标适配

5.7.4 文本适配

5.7.5 图片适配

5.8 本章小结

第6章 设计制作iOS系统产品原型

6.1 设计iOS系统的原型页面

6.1.1 确定设计尺寸

6.1.2 指定页面布局

6.1.3 定义内容区域

6.1.4 遵循设计规范

6.2 iOS系统设计规范

6.2.1 设计单位

6.2.2 设计尺寸

6.2.3 组件尺寸

6.3 iOS系统的文字规范

6.3.1 字体

6.3.2 字号

6.3.3 字体颜色

6.3.4 字重

实战练习01 设计iOS系统App的低保真原型

6.4 iOS系统的图标设计规范

6.5 iOS系统的边距设计规范

6.5.1 全局边距

6.5.2 卡片边距

6.5.3 内容间距

实战练习02 设计iOS系统App的高保真原型

6.6 iOS系统的图片设计规范

6.6.1 图片比例

6.6.2 图片格式

实战练习03 设计iOS系统App的交互效果

6.7 iOS系统的页面适配

6.7.1 向下适配

6.7.2 向上适配

6.8 本章小结

第7章 了解标注与输出

7.1 Android系统界面的输出

7.1.1 Android系统界面标注

实战练习01 使用PxCook标注效果图

7.1.2 Android系统界面切图

7.2 iOS系统界面的输出

7.2.1 iOS系统界面标注

7.2.2 iOS系统界面切图

实战练习02 使用Adobe XD导出资源

7.3 项目输出

7.4 本章小结

封底

App草图+流程图+交互原型设计教程是2020年由电子工业出版社出版,作者刘源。

得书感谢您对《App草图+流程图+交互原型设计教程》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
Axure RP8网站与App原型设计经典实例教程 电子书
原型设计已经是互联网行业产品设计过程中不可缺少的环节,也是检验互联网产品经理能力的标配指标。本书以Windows系统下流行的快速原型设计工具AxureRP为基础,以丰富的案例展示了Axure强大的原型设计能力。本书首先介绍为什么要进行原型设计?它到底能给我们带来什么样的好处?然后了解工作环境的构成;从第3章开始进入原型设计操作阶段,从简单的元件命名开始,到一些技巧的应用,提炼了原型设计过程中的常用
数字媒体交互设计(中级)—— App产品交互设计方法与案例 电子书
本书共10章,系统讲解了App产品交互设计的要素、规范、流程和工具,App项目管理和协作方法,App产品交互创意的梳理方法,App产品流程图、原型图的制作方法,以及组件设计、微交互设计、运营设计等内容,并辅以App项目实战案例,带领读者一步步加深对App产品交互设计的认知,提升自己的工作能力。本书重点章后附有同步强化模拟题和作业,以帮助读者检验知识掌握程度并学会灵活运用所学知识。
Axure RP8 入门手册  网站和App原型设计从入门到精通 电子书
Axure RP 8.0软件,从0 开始操作,从小白到打下扎实基础、有效稳步地提升; 讲解Axure RP 8.0系统全面的知识结构,以及如何使原型开发的思路更加清晰流畅,提高产出效率; 包含实战项目引导,根据产品设计实际工作需求及实现快速完成学习到产出的转化。
创意UI Photoshop玩转App设计 电子书
本书通过案例的方式介绍了如何使用Photoshop制作各类App,全书分为5章,每章都包含丰富的App设计知识和设计制作过程的详细讲解,包括一起踏入App的世界、App设计的特点和用户体验、Photoshop创作个性App、界面要素决定App风格、不同应用系统界面,以及附录。通过案例逐一讲解,使读者由浅入深,逐步了解使用Photoshop制作App设计的整体设计思路和制作过程。以逐渐深化的方式为用
Axure RP8实战手册:网站和APP原型制作案例精粹 电子书
本书是一本介绍使用Axure RP 8.0 软件制作Web和App原型的图书。