互联网 类型
可以朗读 语音朗读
156千字 字数
2021-01-01 发行日期
展开全部

主编推荐语

全面提升UI交互设计水平，学以致用。

内容简介

UI交互设计是设计人与UI之间的“对话”，交互设计包括对UI的有用性、易用性和吸引性方面进行设计和改善。近年来，随着互联网化进程的加快，特别是进入数字时代，多媒体让交互设计变得更加多元化。产品和用户体验日益复杂，人们对交互设计的需求越来越明显。本书从研究交互设计与用户体验的关系开始，图文并茂、循序渐进地讲解了UI交互设计的基础、UI设计规范、交互设计的UI布局、UI中各种元素的交互设计方法和技巧，并且还向读者介绍了交互动效设计的相关知识，通过交互动效案例的制作讲解，使读者能够轻松掌握交互动效的制作方法和技巧，全面提升读者的UI交互设计水平，达到学以致用的目的。本书适合正准备学习或者正在学习UI设计的初、中级读者，也可以作为各类在职设计人员在实际UI设计工作中的理想参考用书。

目录

  • 封面
  • 版权信息
  • 内容简介
  • 前言
  • 读者服务
  • 第1章 UI交互设计基础
  • 1.1 UI设计概述
  • 1.1.1 什么是UI设计
  • 1.1.2 UI设计常用术语
  • 1.1.3 UI设计的特点
  • 1.2 了解UI交互设计
  • 1.2.1 什么是交互
  • 1.2.2 什么是交互设计
  • 1.2.3 了解UI交互设计师
  • 1.2.4 交互设计需要考虑的内容
  • 1.2.5 交互设计需要遵循的习惯
  • 1.3 交互设计与用户体验的关系
  • 1.3.1 什么是用户体验
  • 1.3.2 六种基础体验
  • 1.3.3 UI交互设计的重要性
  • 1.3.4 交互设计的五要素
  • 1.4 交互设计的基本流程
  • 1.5 产品需求分析
  • 1.5.1 需求分析的误区
  • 1.5.2 需求分析的路径
  • 1.6 用户行为流程设计
  • 1.6.1 用户行为流程的分类
  • 1.6.2 用户行为流程的设计原则
  • 1.7 产品信息架构设计
  • 1.7.1 什么是产品信息架构
  • 1.7.2 如何进行产品信息架构设计
  • 1.8 产品原型设计
  • 1.8.1 什么是原型设计
  • 1.8.2 原型设计的流程
  • 1.9 移动端App与网站的交互差异
  • 1.9.1 设备尺寸不同
  • 1.9.2 交互方式不同
  • 1.9.3 使用环境不同
  • 1.9.4 网络环境不同
  • 1.9.5 基于位置服务的精细度不同
  • 1.10 本章小结
  • 第2章 UI设计规范
  • 2.1 了解iOS系统
  • 2.1.1 iOS系统的屏幕分辨率
  • 2.1.2 逻辑点与倍图
  • 2.2 iOS系统UI设计规范
  • 2.2.1 iPhone常用屏幕尺寸和分辨率
  • 2.2.2 界面元素尺寸规范
  • 2.2.3 字体规范
  • 2.2.4 图标规范
  • 2.2.5 按钮规范
  • 2.2.6 版式布局规范
  • 2.2.7 边距和间距设置规范
  • 2.2.8 交互手势规范
  • 2.2.9 设计适配
  • 2.3 iOS系统UI设计三大原则
  • 2.3.1 视觉层——清晰
  • 2.3.2 交互层——遵从
  • 2.3.3 结构层——深度
  • 2.4 了解Android系统
  • 2.4.1 Android系统的发展
  • 2.4.2 Android系统常用单位
  • 2.4.3 单位换算
  • 2.4.4 Android系统常用分辨率
  • 2.5 Android系统UI设计规范
  • 2.5.1 界面基本元素的尺寸设置
  • 2.5.2 字体设计规范
  • 2.5.3 图标设计规范
  • 2.5.4 色彩应用标准
  • 2.5.5 设计适配
  • 2.6 本章小结
  • 第3章 交互设计的UI布局
  • 3.1 移动端UI的布局设计
  • 3.1.1 UI版面布局的特征
  • 3.1.2 UI常见布局形式
  • 3.1.3 无框设计与卡片式设计
  • 3.2 UI设计中的平面构成
  • 3.2.1 统一与变化
  • 3.2.2 对比与调和
  • 3.2.3 对称与平衡
  • 3.2.4 节奏与韵律
  • 3.3 界面的格式塔原理
  • 3.3.1 什么是格式塔原理
  • 3.3.2 格式塔原理的七大法则
  • 3.4 UI的交互设计
  • 3.4.1 用户青睐的交互设计模式
  • 3.4.2 如何提升产品转化率
  • 3.4.3 三种新颖的UI交互技巧
  • 3.5 优秀的UI交互具有哪些特点
  • 3.5.1 明确系统状态
  • 3.5.2 让按钮和操控拥有触感
  • 3.5.3 有意义的转场动效
  • 3.5.4 帮助用户开始
  • 3.5.5 强调界面的变化
  • 3.5.6 需要注意的细节
  • 3.6 本章小结
  • 第4章 界面元素的交互设计
  • 4.1 UI设计元素——文字
  • 4.1.1 衬线字体与无衬线字体
  • 4.1.2 UI中的字体应用
  • 4.1.3 在界面中尽可能只使用一种字体
  • 4.1.4 如何体现文字的层次感
  • 4.1.5 文字适配的四种方式
  • 4.2 UI设计元素——图标
  • 4.2.1 图标的功能
  • 4.2.2 图标的类型
  • 4.2.3 图标的表现形式及适用场景
  • 4.3 图标交互的意义
  • 4.3.1 预见性
  • 4.3.2 美观性
  • 4.3.3 统一性
  • 4.4 UI设计元素——按钮
  • 4.4.1 按钮的功能与表现
  • 4.4.2 常见的按钮形状
  • 4.4.3 交互按钮的样式与应用
  • 4.5 如何设计出色的交互按钮
  • 4.5.1 按钮需要看起来可点击
  • 4.5.2 按钮的色彩很重要
  • 4.5.3 按钮的尺寸
  • 4.5.4 合适的摆放位置
  • 4.5.5 良好的对比效果
  • 4.5.6 按钮样式需要统一
  • 4.5.7 明确告诉用户按钮的功能
  • 4.5.8 注意按钮的视觉层级
  • 4.6 UI设计元素——图片
  • 4.6.1 图片比例
  • 4.6.2 常见的图片排版方式
  • 4.6.3 UI中图片的应用技巧
  • 4.7 UI设计元素——导航
  • 4.7.1 底部标签式导航
  • 4.7.2 舵式导航
  • 4.7.3 选项卡式导航
  • 4.7.4 抽屉式导航
  • 4.8 UI设计元素——表单
  • 4.8.1 文本输入表单元素
  • 4.8.2 搜索表单的常见表现形式
  • 4.8.3 搜索表单的不同交互状态
  • 4.9 本章小结
  • 第5章 UI交互动效基础
  • 5.1 交互动效与UI设计
  • 5.1.1 UI动效的发展
  • 5.1.2 优秀的交互动效具有哪些特点
  • 5.1.3 交互动效的优势是什么
  • 5.1.4 功能型动效与展示型动效
  • 5.2 哪些场合可以使用动效表现UI交互
  • 5.2.1 转场过渡
  • 5.2.2 层级展示
  • 5.2.3 空间扩展
  • 5.2.4 关注聚焦
  • 5.2.5 内容呈现
  • 5.2.6 操作反馈
  • 5.3 基础动效类型有哪些
  • 5.3.1 基础动效
  • 5.3.2 属性变化
  • 5.3.3 运动节奏
  • 5.3.4 基础动效组合应用
  • 5.4 认识主流交互动效制作软件——After Effects
  • 5.4.1 了解After Effects
  • 5.4.2 After Effects的工作界面
  • 5.4.3 After Effects的基本操作
  • 5.4.4 导入素材
  • 5.4.5 导入PSD格式素材
  • 实战练习01 导入PSD格式素材创建合成
  • 5.5 交互动效制作基础
  • 5.5.1 认识“时间轴”面板
  • 5.5.2 理解帧与关键帧
  • 5.5.3 创建关键帧
  • 5.5.4 编辑关键帧
  • 5.5.5 五种基础“变换”属性
  • 实战练习02 制作App启动界面动效
  • 5.5.6 关于缓动效果
  • 5.6 关于蒙版动效
  • 5.6.1 蒙版动效原理
  • 5.6.2 创建蒙版的工具
  • 5.6.3 蒙版属性
  • 实战练习03 制作界面蒙版显示动效
  • 5.6.4 轨道遮罩
  • 实战练习04 制作iOS系统解锁文字遮罩动效
  • 5.7 交互动效的渲染输出
  • 5.7.1 渲染选项设置
  • 5.7.2 使用Photoshop将动效输出为GIF文件
  • 实战练习05 将动效渲染输出为GIF动画文件
  • 5.7.3 将动效嵌入手机模板
  • 实战练习06 将动效嵌入手机模板
  • 5.8 本章小结
  • 第6章 UI交互动效设计与实现
  • 6.1 开关按钮交互动效
  • 6.1.1 开关按钮的功能与特点
  • 6.1.2 制作开关按钮交互动效
  • 实战练习01 制作开关按钮交互动效
  • 6.2 加载进度交互动效
  • 6.2.1 了解加载等待动效
  • 6.2.2 常见的加载进度动效表现形式
  • 6.2.3 制作矩形进度条动效
  • 实战练习02 制作矩形进度条动效
  • 6.3 文字交互动效
  • 6.3.1 文字动效的表现优势
  • 6.3.2 常见的文字动效表现形式
  • 6.3.3 制作手写文字动效
  • 实战练习03 制作手写文字动效
  • 6.4 图标交互动效
  • 6.4.1 常见的图标动效表现形式
  • 6.4.2 制作图标路径变换动效
  • 实战练习04 制作图标路径变换动效
  • 6.4.3 图标工具栏交互动效
  • 6.4.4 制作工具图标动感展开动效
  • 实战练习05 制作工具图标动感展开动效
  • 6.5 导航菜单交互动效
  • 6.5.1 交互式导航菜单的优势
  • 6.5.2 交互式导航菜单的设计要点
  • 6.5.3 制作侧滑交互导航菜单动效
  • 实战练习06 制作侧滑交互导航菜单动效
  • 6.6 UI交互动效
  • 6.6.1 UI交互动效的作用
  • 6.6.2 常见的UI交互动效表现形式
  • 6.6.3 制作火箭加载等待动效
  • 实战练习07 制作火箭加载等待动效
  • 6.7 UI转场交互动效
  • 6.7.1 常见的UI转场动效形式
  • 6.7.2 UI转场交互动效设计要求
  • 6.8 UI交互动效设计规范
  • 6.8.1 UI交互动效设计要点
  • 6.8.2 通过交互动效设计提升UI用户体验
  • 6.8.3 制作登录转场动效
  • 实战练习08 制作登录转场动效
  • 6.9 本章小结
  • 封底
展开全部

评分及书评

尚无评分
目前还没人评分

出版方

电子工业出版社

电子工业出版社成立于1982年10月，是国务院独资、工信部直属的中央级科技与教育出版社，是专业的信息技术知识集成和服务提供商。经过三十多年的建设与发展，已成为一家以科技和教育出版、期刊、网络、行业支撑服务、数字出版、软件研发、软科学研究、职业培训和教育为核心业务的现代知识服务集团。出版物内容涵盖了电子信息技术的各个分支及工业技术、经济管理、科普与少儿、社科人文等领域，综合出版能力位居全国出版行业前列。