互联网
类型
可以朗读
语音朗读
102千字
字数
2023-09-01
发行日期
展开全部
主编推荐语
本书由浅入深地介绍产品交互原型的创建方法和设计规范。
内容简介
数字媒体交互设计是在产品创建初期搭建的简单产品框架中实现用户与产品进行交流互动的设计,包括按照客户需求快速创建产品的线框图、流程图、原型和Word说明文档等内容。同时,交互设计还支持多人协作设计和共享版本的控制管理。
本书以“知识解析+课堂案例”为主线展开讲解:知识解析部分帮助读者系统地了解Web端和移动端UI设计的各类规范;课堂案例部分帮助读者快速熟悉交互设计的流程与技巧,提高读者的实战技能。
本书包括6个项目:交互设计概述、Web端“家居”网页交互UI设计、移动端“美食小吃”App交互UI设计、Web端“电商平台”产品交互设计开发、移动端“教学助手”App产品交互设计开发和移动端“茶物语”App产品交互设计开发。
鉴于实践在交互设计学习中的重要作用,本书通过多个案例,对本书编写团队总结的设计方法进行完整而详细的介绍,帮助读者对每个交互设计方法建立更深刻的认识,掌握相关方法的实践与运用技巧。
本书可作为职业院校数字媒体艺术类专业课程的教材,也可供移动UI设计初学者自学参考。
目录
- 版权信息
- 内容提要
- 前言
- 项目1 交互设计概述
- 1.1 交互设计的基本概念
- 1.1.1 交互设计的定义
- 1.1.2 交互设计与用户体验
- 1.1.3 交互设计的可用性原则
- 1.灵活高效原则
- 2.一致性原则
- 3.优美且简约原则
- 4.状态可见原则
- 5.环境贴切原则
- 6.易取原则
- 7.人性化帮助原则
- 8.防错原则
- 9.用户可控原则
- 10.容错原则
- 1.2 交互设计的流程
- 1.需求分析
- 2.原型设计
- 3.视觉设计
- 4.开发/测试/验收
- 5.用户反馈
- 1.3 开发人员的配置
- 1.产品经理
- 2. UI设计师
- 3.前端开发工程师
- 4.后台程序开发人员
- 5.测试人员
- 1.4 产品交互原型的分类
- 1.草图
- 2.低保真原型
- 3.高保真原型
- 1.5 交互设计的常用软件
- 1.5.1 Visio
- 1. Visio简介
- 2. Visio的下载与安装
- 1.5.2 Teambition
- 1. Teambition的使用方向
- 2. Teambition的功能
- 1.5.3 墨刀
- 1.墨刀简介
- 2.墨刀特点
- 1.5.4 Axure RP
- 1. Axure RP简介
- 2. Axure RP 9的下载与安装
- 1.5.5 Adobe XD
- 1. Adobe XD简介
- 2.下载和安装Adobe XD 2021
- 1.6 项目实施
- 1.7 项目小结
- 1.8 素养拓展小课堂
- 1.9 巩固与拓展
- 1.10 习题
- 一、填空题
- 二、单选题
- 三、多选题
- 四、思考题
- 项目2 Web端“家居”网页交互UI设计
- 2.1 Web端“家居”网页交互UI项目背景分析
- 2.2 交互UI布局设计
- 2.2.1 基本理论的分析
- 1.格式塔原理
- 2.栅格系统
- 3.菲茨定律
- 4.希克定律
- 5. 7±2法则
- 6.复杂度守恒定律
- 7.奥卡姆剃刀定律
- 2.2.2 版式设计常见布局类型与分析
- 1.国字型布局
- 2.匡字型布局
- 3.三字型布局
- 4.川字型布局
- 5.海报型布局
- 6.标题文本型布局
- 7.综合型布局
- 2.3 基本元素
- 2.3.1 界面尺寸
- 2.3.2 文字
- 2.3.3 色彩
- 2.4 网页和网页交互UI组件的分类
- 2.4.1 网页的分类
- 2.4.2 网页交互UI组件的分类
- 1.反馈类
- 2.表单类
- 3.基础类
- 4.数据类
- 5.导航类
- 6.其他类
- 2.5 项目实施
- 2.5.1 设计“家居”首页
- 1.确定页面风格
- 2.确定网页类型
- 3.版式设计类型
- 4.设计规范
- 5.布局设计
- 2.5.2 设计“家居”网页交互UI导航菜单组件
- 2.6 项目小结
- 2.7 素养拓展小课堂
- 2.8 巩固与拓展
- 2.9 习题
- 一、单选题
- 二、多选题
- 三、操作题
- 项目3 移动端“美食小吃”App交互UI设计
- 3.1 移动端“美食小吃”App交互UI设计项目背景分析
- 3.2 移动端“美食小吃”App交互UI设计项目需求分析
- 3.3 视觉层次结构与视觉引导
- 3.3.1 视觉层次结构的构建
- 3.3.2 视觉引导和反馈
- 1.视觉引导
- 2.反馈
- 3.4 App界面元素构成设计
- 3.4.1 App界面的构成
- 1.启动页
- 2.引导页
- 3.登录注册页
- 4.首页
- 3.4.2 App界面元素的设计
- 3.5 App界面设计风格
- 3.6 移动端平台的界面设计规范
- 3.6.1 Android平台
- 1.基本概念
- 2.屏幕密度划分
- 3.界面设计尺寸及控件尺寸
- 4.图标规范
- 5.字体规范
- 3.6.2 iOS平台
- 1.基本概念
- 2.栏高度
- 3.标准色规范
- 4.文字规范
- 5.图标规范
- 3.7 App交互UI设计流程分析
- 3.7.1 版式设计
- 1.内容布局
- 2.图片比例
- 3.对齐
- 4.对称
- 5.分组
- 3.7.2 切图的重要性
- 3.7.3 界面标注的注意事项
- 3.7.4 动态元素的优化存储设置
- 3.8 项目实施
- 3.8.1 设计“美食小吃”App界面UI
- 1.确定界面风格
- 2.使用设计规范
- 3.确定界面的构成
- 4.设计页面层次
- 3.8.2 界面适配
- 3.8.3 实现美食App界面素材切片输出
- 1.切图规范
- 2.切图命名规范
- 3.使用Cutterman切图工具对“美食小吃”App切图
- 4. Android平台切图尺寸规范
- 5. iOS平台切图尺寸规范
- 3.8.4 使用Pxcook标注“美食小吃”App界面
- 1.智能标注
- 2.手动标注
- 3.8.5 “美食小吃”App动态加载画面优化
- 3.9 项目小结
- 3.10 素养拓展小课堂
- 3.11 巩固与拓展
- 3.12 习题
- 一、填空题
- 二、单选题
- 三、多选题
- 四、操作题
- 项目4 Web端“电商平台”产品交互设计开发
- 4.1 Web端“电商平台”产品交互设计开发项目背景分析
- 1.电商平台项目市场发展迅速
- 2.国家产业规划或地方产业规划
- 4.2 Web端“电商平台”产品交互设计开发项目需求分析
- 1.目标顾客
- 2.提供的功能与服务
- 3.运行环境
- 4.功能规划
- 5.业务流程
- 4.3 Axure RP 9介绍
- 4.3.1 Axure RP 9的工作界面
- 1.菜单栏
- 2.工具栏
- 3.“页面”和“概要”面板
- 4.“元件”和“母版”面板
- 5.“样式”“交互”“说明”面板
- 6.工作区
- 4.3.2 Axure RP 9的元件库
- 1. Default元件
- 2. Flow元件
- 3. Icons元件
- 4.3.3 Axure RP 9中的交互功能
- 1.事件
- 2.情形
- 3.动作
- 4.3.4 Axure RP 9交互使用说明
- 1. Axure RP 9不同对象的事件分类
- 2.元件的动作集
- 4.3.5 变量说明
- 1.系统函数
- 2.自定义变量
- 3.函数变量的语法
- 4.3.6 元件交互样式
- 1.交互样式常见的例子
- 2. Axure RP 9中的元件交互样式
- 4.3.7 动画和边界
- 1.可见性效果
- 2.运动效果
- 3.设置边界(指定范围内移动)
- 4.4 Axure RP 9的常用元件
- 4.4.1 动态面板
- 1.创建动态面板
- 2.动态面板的遮罩
- 3.设置单个面板状态
- 4.在“概要”面板中设置动态面板
- 5.从首个状态脱离
- 4.4.2 中继器
- 1.间距、布局和分页
- 2.适应HTML内容
- 3.中继器的遮罩
- 4.数据集
- 4.4.3 内联框架
- 1.内联框架样式
- 2.内联框架特殊交互
- 3.内联框架的限制
- 4.5 查看原型
- 4.5.1 快速预览原型
- 4.5.2 预览选项设置
- 4.5.3 生成HTML文件
- 4.5.4 生成Word说明书
- 4.6 项目实施
- 4.6.1 制作Web端Banner轮播效果
- 1.元件基础样式设置
- 2.设置元件自动轮播的交互效果。
- 4.6.2 制作悬浮按钮的显示与隐藏效果
- 1.元件基础样式设置
- 2.元件设置交互效果
- 4.6.3 制作文字跑马灯效果
- 1.元件基础样式设置
- 2.元件交互效果设置
- 4.6.4 制作商品列表页
- 1.元件基础样式设置
- 2.元件交互效果设置
- 4.6.5 制作商品秒杀倒计时效果
- 1.元件基础样式设置
- 2.元件交互效果设置
- 4.6.6 制作面板随鼠标指针滑动效果
- 1.元件基础样式设置
- 2.元件交互效果设置
- 4.6.7 制作播放视频效果
- 1.添加网络视频链接
- 2.添加本地视频
- 4.6.8 制作图片放大预览效果
- 1.元件基础样式设置
- 2.元件交互效果设置
- 4.7 项目小结
- 4.8 素养拓展小课堂
- 4.9 巩固与拓展
- 4.10 习题
- 一、单选题
- 二、多选题
- 三、填空题
- 项目5 移动端“教学助手”App产品交互设计开发
- 5.1 移动端“教学助手”App产品交互设计开发项目背景分析
- 5.2 移动端“教学助手”App产品交互设计开发项目需求分析
- 1.目标用户
- 2.运行环境
- 3.软件规划
- 4.功能需求
- 5.3 墨刀概述
- 5.3.1 工作界面
- 1.功能区
- 2.工具栏
- 3.页面栏
- 4.图层栏
- 5.元件栏
- 6.设置栏
- 7.工作区
- 5.3.2 元件
- 1.内置组件中的重点组件
- 2.我的组件
- 3.图标
- 4.母版
- 5.3.3 添加交互事件
- 1.添加交互链接
- 2.添加事件
- 3.事件的触发分类
- 4.事件行为
- 5.3.4 演示分享
- 1.分享时仅部分页面可见
- 2.重置分享链接
- 3.手机端离线演示的两种方式
- 4.下载原型
- 5.显示、隐藏项目边框
- 6.“PRD”模式
- 5.3.5 工具状态功能详解
- 1.状态的分类
- 2.页面状态的基本操作
- 3.组件状态的使用
- 5.4 项目实施
- 5.4.1 制作底部导航栏切换效果
- 1.元件基础样式设置
- 2.元件交互效果制作
- 5.4.2 制作TAB标签切换效果
- 1.元件基础样式设置
- 2.元件交互效果设置
- 5.4.3 制作点赞效果
- 1.元件基础样式设置
- 2.元件交互效果设置
- 5.4.4 制作图片左右滚动效果
- 5.5 项目小结
- 5.6 素养拓展小课堂
- 5.7 巩固与拓展
- 5.8 习题
- 一、单选题
- 二、多选题
- 项目6 移动端“茶物语”App产品交互设计开发
- 6.1 移动端“茶物语”App产品交互设计开发项目背景分析
- 6.2 移动端“茶物语”App产品交互设计开发项目需求分析
- 1.目标用户
- 2.运行环境
- 3.产品特点
- 4.功能需求
- 6.3 Adobe XD概述
- 6.3.1 Adobe XD的基础操作
- 1.新建、打开和保存文件
- 2.画板
- 3.导入对象
- 4.画布中关于对象的操作
- 6.3.2 Adobe XD的基本工具
- 1.“选择”工具
- 2.“矩形”工具
- 3.“椭圆”工具
- 4.“多边形”工具
- 5.“直线“工具
- 6.“钢笔”工具
- 7.“文本”工具
- 8.图层面板
- 9.资源面板
- 10.布尔运算
- 11.使用蒙版
- 12.创建重复元素
- 13.设置描边、填充、投影和模糊
- 6.3.3 使用Adobe XD完成原型
- 1.链接页面
- 2.设置页面首屏内容
- 3.触发的几种操作
- 4.操作动作
- 6.3.4 使用Adobe XD输出成果
- 6.4 项目实施
- 6.4.1 “茶物语”Loading动画效果
- 1.元件基础样式设置
- 2.元件交互效果设置
- 6.4.2 “茶物语”左右滑动交互的效果
- 1.元件基础样式设置
- 2.元件交互效果设置
- 6.4.3 “茶物语”轮播图的演示效果
- 1.元件基础样式设置
- 2.元件交互效果设置
- 6.5 项目小结
- 6.6 素养拓展小课堂
- 6.7 巩固与拓展
- 6.8 习题
- 一、单选题
- 二、多选题
- 三、填空题
展开全部
出版方
人民邮电出版社
人民邮电出版社是工业和信息化部主管的大型专业出版社,成立于1953年10月1日。人民邮电出版社坚持“立足信息产业、面向现代社会、传播科学知识、服务科教兴国”,致力于通信、计算机、电子技术、教材、少儿、经管、摄影、集邮、旅游、心理学等领域的专业图书出版。