《按钮+菜单+加载+转场UI交互动效设计教程》PDF电子书免费下载

作者:  王欣

出版社: 电子工业出版社

出版年: 2021年01月

ISBN: 9787121401763

~~滚到底部有网盘下载链接~~

内容简介

目录

1.1 UI设计概述·····································1
1.1.1 什么是UI 设计 ···································.1
1.1.2 UI 设计常用术语 ·································.2
1.1.3 UI 设计的特点 ····································.2
1.2 了解UI交互设计·······························5
1.2.1 什么是交互 ········································.5
1.2.2 什么是交互设计 ··································.6
1.2.3 了解UI 交互设计师 ·····························.7
1.2.4 交互设计需要考虑的内容 ····················.8
1.2.5 交互设计需要遵循的习惯 ······················.9
1.3 交互设计与用户体验的关系 ···············9
1.3.1 什么是用户体验 ·································.10
1.3.2 六种基础体验 ····································.10
1.3.3 UI 交互设计的重要性 ························.12
1.3.4 交互设计的五要素 ·····························.13
1.4 交互设计的基本流程 ······················14
1.5 产品需求分析································15
1.5.1 需求分析的误区 ·······························.16
1.5.2 需求分析的路径 ·······························.16
1.6 用户行为流程设计 ·························17
1.6.1 用户行为流程的分类 ··························.18
1.6.2 用户行为流程的设计原则 ····················.18
1.7 产品信息架构设计 ·························20
1.7.1 什么是产品信息架构 ·························.20
1.7.2 如何进行产品信息架构设计 ·················.21
1.8 产品原型设计 ·······························23
1.8.1 什么是原型设计 ································.23
1.8.2 原型设计的流程 ································.23
1.9 移动端App与网站的交互差异 ··········24
1.9.1 设备尺寸不同 ···································.24
1.9.2 交互方式不同 ····································.25
1.9.3 使用环境不同 ····································.27
1.9.4 网络环境不同 ····································.27
1.9.5 基于位置服务的精细度不同 ··················.27
1.10 本章小结 ····································28
2.1 了解iOS系统·································29
2.1.1 iOS 系统的屏幕分辨率 ·······················.29
2.1.2 逻辑点与倍图 ···································.30
2.2 iOS系统UI设计规范 ·······················31
2.2.1 iPhone 常用屏幕尺寸和分辨率 ··············.31
2.2.2 界面元素尺寸规范 ·····························.32
2.2.3 字体规范 ·········································.35
2.2.4 图标规范 ·········································.37
2.2.5 按钮规范 ·········································.39
2.2.6 版式布局规范 ···································.39
2.2.7 边距和间距设置规范 ··························.42
2.2.8 交互手势规范 ···································.45
2.2.9 设计适配 ·········································.49
2.3 iOS系统UI设计三大原则 ·················49
2.3.1 视觉层——清晰 ································.49
2.3.2 交互层——遵从 ·································.50
2.3.3 结构层——深度 ·································.51
2.4 了解Android系统 ···························52
2.4.1 Android 系统的发展 ··························.52
2.4.2 Android 系统常用单位 ·······················.52
2.4.3 单位换算 ········································.53
2.4.4 Android 系统常用分辨率 ····················.54
2.5 Android系统UI设计规范 ·················54
2.5.1 界面基本元素的尺寸设置 ··················.54
2.5.2 字体设计规范 ·································.55
2.5.3 图标设计规范 ·································.56
2.5.4 色彩应用标准 ·································.58
2.5.5 设计适配 ·······································.61
2.6 本章小结 ·····································62
3.1 移动端UI的布局设计 ······················63
3.1.1 UI 版面布局的特征 ····························.63
3.1.2 UI 常见布局形式 ·······························.65
3.1.3 无框设计与卡片式设计 ·······················.69
3.2 UI设计中的平面构成 ······················71
3.2.1 统一与变化 ······································.71
3.2.2 对比与调和 ······································.72
3.2.3 对称与平衡 ······································.72
3.2.4 节奏与韵律 ····································.73
3.3 界面的格式塔原理 ·························74
3.3.1 什么是格式塔原理 ·····························.74
3.3.2 格式塔原理的七大法则 ·······················.75
3.4 UI的交互设计 ·······························80
3.4.1 用户青睐的交互设计模式 ····················.80
3.4.2 如何提升产品转化率 ··························.81
3.4.3 三种新颖的UI 交互技巧 ·····················.82
3.5 优秀的UI交互具有哪些特点 ·············85
3.5.1 明确系统状态 ···································.85
3.5.2 让按钮和操控拥有触感 ·······················.86
3.5.3 有意义的转场动效 ·····························.86
3.5.4 帮助用户开始 ···································.87
3.5.5 强调界面的变化 ································.87
3.5.6 需要注意的细节 ································.87
3.6 本章小结 ·····································88
I交互动画设计
第4章 界面元素的交互设计
4.1 UI设计元素——文字 ······················89
4.1.1 衬线字体与无衬线字体 ························.89
4.1.2 UI 中的字体应用 ····················
显示部分信息

下载价格:免费
立即下载
登入/注册
知识就是力量
没有账号? 忘记密码?