目前移动设备产品日益增多,移动应用程序的市场呈现出百花齐放的胜景。为了能够迎合用户、提高用户体验,越来越多的移动应用程序产品开始提倡“以用户为中心”的设计理念,这就要求移动UI视觉设计师们要有敏锐的设计嗅觉和完整的设计流程及思维。
本书为移动UI界面设计畅销书全新升级版,包含了大量精美的界面元素、App界面视觉设计的案例,利用详细的布局规划、创意思维、配色方案、组件分析等内容来对案例的创作思路进行阐述,告诉读者移动UI视觉设计的创作技巧。
本书从移动UI视觉设计的基础知识出发,通过分析和讲解两大主流系统的设计规范和设计技巧,将移动UI视觉设计中的创意思路与操作案例有机地结合在一起,力求在帮助读者提高UI界面制作能力的同时,拓展移动UI视觉设计的创作思路。
本书包含三部分,共12个Part的内容。第1部分为基础篇(Part1~Part3):介绍移动UI视觉设计的基础知识,Photoshop软件的常用操作功能,以及移动UI界面中基础元素的设计规范;第2部分介绍两大主流系统(Part4~Part5):分别对两大系统进行有针对性的讲解,通过相关的案例介绍移动UI视觉设计的制作方法和技巧;第3部分讲解App应用实例(Part6~Part12):以完整的App界面设计为主要内容,展示不同风格移动UI界面设计的特点和制作方法。
本书配有下载资源,内含不同类型App应用设计的讲解视频,以及书中的实例源文件及相关素材,读者可以更好、更快地学习移动UI界面设计。
创锐设计,由一支优秀的平面设计师与图形图像资深编辑队伍组成。出版过众多优秀的图形图像方面的专业书籍,不仅在国内处于领先地位,还有大量作品输出过海外版权,备受读者青睐。在课程教材方面,由于他们拥有多年教育培训的经验,因此十分了解初学读者的心理需求,从而研究出了一套行之有效的教学方法;此外,他们又参加过多个商业项目的设计工作,熟悉行业规范、了解客户需求,拥有较高的设计水平,积累了丰富的制作经验、为专业进阶读者指出了技术进阶的明路;在他们的图书中,选择的实例不仅融会贯通了软件技法,更能通过分享图像处理经验,激发读者的灵感、迸发创意火花,达到事半功倍的效果。
Part 1 移动UI设计基础 / 11.1 UI设计存在的意义 / 21.1.1 人机交互的桥梁 / 21.1.2 操作逻辑系统的展现 / 31.1.3 展现系统的整体风格 / 31.2 移动UI设计的原则 / 41.2.1 视觉一致性原则 / 41.2.2 视觉简易性原则 / 51.2.3 从用户的习惯考虑 / 61.2.4 操作的灵活性及人性化 / 81.3 两大主流操作系统的特点对比 / 91.4 不同系统UI视觉的主要组成要素及特征 / 101.4.1 iOS系统中的组成要素及特征 / 101.4.2 Android系统中的组成要素及特征 / 111.5 认识移动终端的分辨率和像素 / 131.6 移动UI的创意与灵感收集 / 141.6.1 各种经验和灵感的记录 / 141.6.2 将对象抽象化 / 151.6.3 设计灵感的转移 / 161.7 移动UI的视觉设计流程 / 18Part 2 PS在移动UI设计中的常用功能简介 / 212.1 绘图工具的介绍 / 222.1.1 规则形状的绘制 / 222.1.2 自定义形状的绘制 / 232.1.3 绘制任意所需的形状 / 252.2 图层样式的运用 / 262.2.1 增强立体感的图层样式 / 262.2.2 发光效果的图层样式 / 282.2.3 更改色彩的图层样式 / 292.3 蒙版的编辑 / 312.3.1 图层蒙版 / 312.3.2 剪贴蒙版 / 322.4 文字的添加 / 342.4.1 文字的添加与设置 / 342.4.2 文字的高级编辑 / 35Part 3 移动UI界面中基本元素的制作 / 373.1 按钮 / 383.1.1 按钮设计的基础知识 / 383.1.2 扁平化按钮的设计 / 393.2 开关 / 423.2.1 开关设计的基础知识 / 423.2.2 简易色块开关的设计 / 443.2.3 拟物化开关的设计 / 453.3 进度条 / 473.3.1 进度条设计的基础知识 / 473.3.2 扁平化进度条的设计 / 493.3.3 层次感强烈的进度条设计 / 503.4 搜索栏 / 543.4.1 搜索栏设计的基础知识 / 543.4.2 扁平化搜索栏的设计 / 563.5 列表框 / 613.5.1 列表框设计的基础知识 / 613.5.2 简易列表框的设计 / 623.5.3 立体化列表框的设计 / 643.6 标签栏 / 683.6.1 标签栏设计的基础知识 / 683.6.2 线性化标签栏设计 / 693.6.3 木纹质感的标签栏设计 / 703.7 图标栏 / 733.7.1 图标栏设计的基础知识 / 733.7.2 线性化图标栏设计 / 743.7.3 纸箱纹理的图标栏设计 / 77Part 4 iOS系统及其组件的设计 / 814.1 iOS系统设计特点 / 824.1.1 充分利用整个屏幕 / 824.1.2 使用半透明底板 / 824.1.3 信息的清晰呈现 / 834.2 iOS系统设计的规范 / 854.2.1 设计原则 / 854.2.2 色彩和字体 / 884.2.3 图标的设计 / 924.3 iOS系统界面设计实训 / 964.3.1 扁平化图标的设计 / 964.3.2 半透明效果的界面设计 / 104Part 5 Android系统及其组件的设计 / 1115.1 Android系统的特点 / 1125.2 Android系统的设计规范 / 1145.2.1 度量单位 / 1145.2.2 字体的使用标准 / 1165.2.3 色彩的应用规范 / 1175.2.4 四种类型的图标 / 1205.3 六种标准的Widget规范 / 1225.3.1 Widget框架简介 / 1225.3.2 Widget框架的标准尺寸 / 1245.3.3 4×1的Widget框架设计 / 1255.3.4 3×3的Widget框架设计 / 1295.3.5 2×2的Widget框架设计 / 1335.3.6 4×1的加长Widget框架设计 / 1365.3.7 3×3的横向Widget框架设计 / 1405.3.8 2×2的横向Widget框架设计 / 1455.4 Android系统界面设计实训 / 1505.4.1 立体化的图标设计 / 1505.4.2 超强立体感的界面设计 / 159Part 6 孕妈帮手App设计 / 171界面布局规划 / 172创意思路剖析 / 172确定配色方案 / 173定义组件风格 / 174制作步骤详解 / 174Part 7 美食网站App设计 / 185界面布局规划 / 186创意思路剖析 / 186确定配色方案 / 187定义组件风格 / 188制作步骤详解 / 188Part 8 篮球运动App设计 / 201界面布局规划 / 202创意思路剖析 / 202确定配色方案 / 203定义组件风格 / 203制作步骤详解 / 204Part 9 流量银行App设计 / 217界面布局规划 / 218创意思路剖析 / 218确定配色方案 / 219定义组件风格 / 219制作步骤详解 / 220Part 10 藏宝游戏App设计 / 231界面布局规划 / 232创意思路剖析 / 232确定配色方案 / 233定义组件风格 / 234制作步骤详解 / 234Part 11 音乐播放App设计 / 247界面布局规划 / 248创意思路剖析 / 248确定配色方案 / 249定义组件风格 / 250制作步骤详解 / 250Part 12 旅游资讯App设计 / 267界面布局规划 / 268创意思路剖析 / 268确定配色方案 / 269定义组件风格 / 270制作步骤详解 / 270
站外推广 广告投放 直播推广 媒体投放 京点书院 广告投放渠道 抖音广告 b站广告投放 排行榜 爱奇艺广告投放 app广告投放 微信广告怎么推广 广告热搜 关键词 电商培训 免费在线办公 图片 微信广告投放 网站地图 线下广告投放 广告创意 快手广告投放 京东智联云 信息流广告 知识库 微信广告推广 新款 价格 企业广告投放 广告投放平台
目前移动设备产品日益增多,移动应用程序的市场呈现出百花齐放的胜景。为了能够迎合用户、提高用户体验,越来越多的移动应用程序产品开始提倡“以用户为中心”的设计理念,这就要求移动UI视觉设计师们要有敏锐的设计嗅觉和完整的设计流程及思维。
本书为移动UI界面设计畅销书全新升级版,包含了大量精美的界面元素、App界面视觉设计的案例,利用详细的布局规划、创意思维、配色方案、组件分析等内容来对案例的创作思路进行阐述,告诉读者移动UI视觉设计的创作技巧。
本书从移动UI视觉设计的基础知识出发,通过分析和讲解两大主流系统的设计规范和设计技巧,将移动UI视觉设计中的创意思路与操作案例有机地结合在一起,力求在帮助读者提高UI界面制作能力的同时,拓展移动UI视觉设计的创作思路。
本书包含三部分,共12个Part的内容。第1部分为基础篇(Part1~Part3):介绍移动UI视觉设计的基础知识,Photoshop软件的常用操作功能,以及移动UI界面中基础元素的设计规范;第2部分介绍两大主流系统(Part4~Part5):分别对两大系统进行有针对性的讲解,通过相关的案例介绍移动UI视觉设计的制作方法和技巧;第3部分讲解App应用实例(Part6~Part12):以完整的App界面设计为主要内容,展示不同风格移动UI界面设计的特点和制作方法。
本书配有下载资源,内含不同类型App应用设计的讲解视频,以及书中的实例源文件及相关素材,读者可以更好、更快地学习移动UI界面设计。
创锐设计,由一支优秀的平面设计师与图形图像资深编辑队伍组成。出版过众多优秀的图形图像方面的专业书籍,不仅在国内处于领先地位,还有大量作品输出过海外版权,备受读者青睐。在课程教材方面,由于他们拥有多年教育培训的经验,因此十分了解初学读者的心理需求,从而研究出了一套行之有效的教学方法;此外,他们又参加过多个商业项目的设计工作,熟悉行业规范、了解客户需求,拥有较高的设计水平,积累了丰富的制作经验、为专业进阶读者指出了技术进阶的明路;在他们的图书中,选择的实例不仅融会贯通了软件技法,更能通过分享图像处理经验,激发读者的灵感、迸发创意火花,达到事半功倍的效果。
Part 1 移动UI设计基础 / 1
1.1 UI设计存在的意义 / 2
1.1.1 人机交互的桥梁 / 2
1.1.2 操作逻辑系统的展现 / 3
1.1.3 展现系统的整体风格 / 3
1.2 移动UI设计的原则 / 4
1.2.1 视觉一致性原则 / 4
1.2.2 视觉简易性原则 / 5
1.2.3 从用户的习惯考虑 / 6
1.2.4 操作的灵活性及人性化 / 8
1.3 两大主流操作系统的特点对比 / 9
1.4 不同系统UI视觉的主要组成要素及特征 / 10
1.4.1 iOS系统中的组成要素及特征 / 10
1.4.2 Android系统中的组成要素及特征 / 11
1.5 认识移动终端的分辨率和像素 / 13
1.6 移动UI的创意与灵感收集 / 14
1.6.1 各种经验和灵感的记录 / 14
1.6.2 将对象抽象化 / 15
1.6.3 设计灵感的转移 / 16
1.7 移动UI的视觉设计流程 / 18
Part 2 PS在移动UI设计中的常用功能简介 / 21
2.1 绘图工具的介绍 / 22
2.1.1 规则形状的绘制 / 22
2.1.2 自定义形状的绘制 / 23
2.1.3 绘制任意所需的形状 / 25
2.2 图层样式的运用 / 26
2.2.1 增强立体感的图层样式 / 26
2.2.2 发光效果的图层样式 / 28
2.2.3 更改色彩的图层样式 / 29
2.3 蒙版的编辑 / 31
2.3.1 图层蒙版 / 31
2.3.2 剪贴蒙版 / 32
2.4 文字的添加 / 34
2.4.1 文字的添加与设置 / 34
2.4.2 文字的高级编辑 / 35
Part 3 移动UI界面中基本元素的制作 / 37
3.1 按钮 / 38
3.1.1 按钮设计的基础知识 / 38
3.1.2 扁平化按钮的设计 / 39
3.2 开关 / 42
3.2.1 开关设计的基础知识 / 42
3.2.2 简易色块开关的设计 / 44
3.2.3 拟物化开关的设计 / 45
3.3 进度条 / 47
3.3.1 进度条设计的基础知识 / 47
3.3.2 扁平化进度条的设计 / 49
3.3.3 层次感强烈的进度条设计 / 50
3.4 搜索栏 / 54
3.4.1 搜索栏设计的基础知识 / 54
3.4.2 扁平化搜索栏的设计 / 56
3.5 列表框 / 61
3.5.1 列表框设计的基础知识 / 61
3.5.2 简易列表框的设计 / 62
3.5.3 立体化列表框的设计 / 64
3.6 标签栏 / 68
3.6.1 标签栏设计的基础知识 / 68
3.6.2 线性化标签栏设计 / 69
3.6.3 木纹质感的标签栏设计 / 70
3.7 图标栏 / 73
3.7.1 图标栏设计的基础知识 / 73
3.7.2 线性化图标栏设计 / 74
3.7.3 纸箱纹理的图标栏设计 / 77
Part 4 iOS系统及其组件的设计 / 81
4.1 iOS系统设计特点 / 82
4.1.1 充分利用整个屏幕 / 82
4.1.2 使用半透明底板 / 82
4.1.3 信息的清晰呈现 / 83
4.2 iOS系统设计的规范 / 85
4.2.1 设计原则 / 85
4.2.2 色彩和字体 / 88
4.2.3 图标的设计 / 92
4.3 iOS系统界面设计实训 / 96
4.3.1 扁平化图标的设计 / 96
4.3.2 半透明效果的界面设计 / 104
Part 5 Android系统及其组件的设计 / 111
5.1 Android系统的特点 / 112
5.2 Android系统的设计规范 / 114
5.2.1 度量单位 / 114
5.2.2 字体的使用标准 / 116
5.2.3 色彩的应用规范 / 117
5.2.4 四种类型的图标 / 120
5.3 六种标准的Widget规范 / 122
5.3.1 Widget框架简介 / 122
5.3.2 Widget框架的标准尺寸 / 124
5.3.3 4×1的Widget框架设计 / 125
5.3.4 3×3的Widget框架设计 / 129
5.3.5 2×2的Widget框架设计 / 133
5.3.6 4×1的加长Widget框架设计 / 136
5.3.7 3×3的横向Widget框架设计 / 140
5.3.8 2×2的横向Widget框架设计 / 145
5.4 Android系统界面设计实训 / 150
5.4.1 立体化的图标设计 / 150
5.4.2 超强立体感的界面设计 / 159
Part 6 孕妈帮手App设计 / 171
界面布局规划 / 172
创意思路剖析 / 172
确定配色方案 / 173
定义组件风格 / 174
制作步骤详解 / 174
Part 7 美食网站App设计 / 185
界面布局规划 / 186
创意思路剖析 / 186
确定配色方案 / 187
定义组件风格 / 188
制作步骤详解 / 188
Part 8 篮球运动App设计 / 201
界面布局规划 / 202
创意思路剖析 / 202
确定配色方案 / 203
定义组件风格 / 203
制作步骤详解 / 204
Part 9 流量银行App设计 / 217
界面布局规划 / 218
创意思路剖析 / 218
确定配色方案 / 219
定义组件风格 / 219
制作步骤详解 / 220
Part 10 藏宝游戏App设计 / 231
界面布局规划 / 232
创意思路剖析 / 232
确定配色方案 / 233
定义组件风格 / 234
制作步骤详解 / 234
Part 11 音乐播放App设计 / 247
界面布局规划 / 248
创意思路剖析 / 248
确定配色方案 / 249
定义组件风格 / 250
制作步骤详解 / 250
Part 12 旅游资讯App设计 / 267
界面布局规划 / 268
创意思路剖析 / 268
确定配色方案 / 269
定义组件风格 / 270
制作步骤详解 / 270