
App草图+流程图+交互原型设计教程
作品简介
产品原型是在产品创建初期搭建的简单产品框架,它能够按照客户需求快速创建网站的线框图、流程图、原型和Word说明文档等内容。同时原型设计还支持多人协作设计和共享版本的控制管理。
本书由浅入深地讲解了产品原型的创建方法和设计规范,以知识点+实战案例+讲解技巧的形式,帮助读者快速掌握Axure RP9和Adobe XD的使用方法和技巧,同时了解网站UI产品原型设计需要掌握的设计规范。全书共分为7章:了解网站产品原型、了解Axure RP9、了解Adobe XD、设计制作PC端网页产品原型、设计制作Android系统产品原型、设计制作iOS系统产品原型和了解标注与输出。
本书配套的资源包提供了书中所有案例的源文件和制作素材,并提供了全面的教学视频,读者可以边阅读边制作,遇到问题可以通过操作视频演示解决。从零起步,快速掌握。本书实例丰富、讲解细致,注重激发读者兴趣和培养动手能力。本书适合从事网站规划与设计的产品经理、网站策划、网页设计和网页制作相关人员阅读,也可用作网页设计及相关专业教材。
刘源,男,从事App项目开发多年,有丰富的策划与制作能力。能熟练完成草图、流程图和高保真原型的制作。对APP设计中的原型策划有独特的见解。曾参与多款APP项目的研发与制作。能够熟练掌握Axure RP、Photoshop、Adobe XD等设计软件的使用。
作品目录
内容简介
PREFACE 前言
读者服务
第1章 了解网站产品原型
1.1 互联网产品开发流程
1.2 互联网产品开发人员配置
1.3 互联网产品原型的应用
1.4 互联网产品原型的设计流程
1.5 了解网站产品原型的分类
1.6 原型设计的常用工具
1.7 本章小结
第2章 了解Axure RP9
2.1 初识Axure RP9
2.2 Axure RP9的工作界面
2.3 页面设置
2.4 使用Axure RP9的元件库
2.5 Axure RP9中的基本交互效果
2.6 Axure RP9中的高级交互效果
2.7 使用函数
2.8 查看原型
2.9 发布与测试
2.10 本章小结
第3章 了解Adobe XD
3.1 Adobe XD的简介
3.2 Adobe XD的基础工作流程
3.3 Adobe XD的基础操作
3.4 Adobe XD的基本工具
3.5 使用Adobe XD完成原型
3.6 使用Adobe XD导出文档
3.7 本章小结
第4章 设计制作PC端网页产品原型
4.1 PC端网页产品原型概述
4.2 PC端网页设计规范
4.3 PC端网页配色设计
4.4 PC端网页布局方式
4.5 PC端网页交互效果
4.6 PC端网页适配
4.7 本章小结
第5章 设计制作Android系统产品原型
5.1 Android系统的原型设计
5.2 设计Android系统原型的流程
5.3 Android系统的设计规范
5.4 Android系统的文字规范
5.5 Android系统的页面布局
5.6 Android系统的版式设计
5.7 Android系统的页面适配
5.8 本章小结
第6章 设计制作iOS系统产品原型
6.1 设计iOS系统的原型页面
6.2 iOS系统设计规范
6.3 iOS系统的文字规范
6.4 iOS系统的图标设计规范
6.5 iOS系统的边距设计规范
6.6 iOS系统的图片设计规范
6.7 iOS系统的页面适配
6.8 本章小结
第7章 了解标注与输出
7.1 Android系统界面的输出
7.2 iOS系统界面的输出
7.3 项目输出
7.4 本章小结