书名:Photoshop移动UI设计从入门到精通(配光盘)
定价:78元
作者:蒋珍珍
出版社:清华大学出版社
出版日期:2017-06-01
ISBN:9787302469643
字数:538000
页码:341
版次:1
装帧:平装-胶订
开本:32开
第1 章新手导航:移动UI 的设计常识……………………………………… 1
1.1 便捷生活:认识移动UI 设计 ………………………………………………… 2
1.1.1 连接工具和人的界面 ………………………………………………………2
1.1.2 连接用户和手机的界面 ……………………………………………………2
1.1.3 移动UI 的设计特点 ………………………………………………………3
1.1.4 移动UI 的设计基础 ………………………………………………………5
1.2 主流系统:深入了解UI 的操作平台 ………………………………………… 7
1.2.1 谷歌Android 系统 …………………………………………………………8
1.2.2 苹果iOS 系统 …………………………………………………………… 10
1.2.3 微软Windows Phone 系统 …………………………………………… 12
1.3 熟悉界面:了解手机与平板的界面 …………………………………………… 15
1.3.1 手机界面 ………………………………………………………………… 15
1.3.2 平板电脑界面 …………………………………………………………… 18
1.3.3 流程分析 ………………………………………………………………… 20
1.3.4 注意事项 ………………………………………………………………… 20
第2 章掌控布局:移动UI 设计的布局原则……………………………… 21
2.1 初级布局:解析移动UI 的纵横布局 ………………………………………… 22
2.1.1 竖向排列布局 …………………………………………………………… 22
2.1.2 横向排列布局 …………………………………………………………… 22
2.1.3 九宫格排列布局 ………………………………………………………… 23
2.2 高级布局:解析移动UI 的特殊布局 ………………………………………… 24
2.2.1 弹出框式布局 …………………………………………………………… 24
2.2.2 热门标签布局 …………………………………………………………… 24
2.2.3 侧边栏式布局 …………………………………………………………… 25
2.2.4 陈列馆式布局 …………………………………………………………… 26
2.2.5 分段菜单式布局 ………………………………………………………… 28
2.2.6 点聚式布局 ……………………………………………………………… 28
2.2.7 转盘式布局 ……………………………………………………………… 29
2.2.8 导航栏置底式布局 ………………………………………………………29
2.2.9 磁贴状态式布局 ………………………………………………………… 30
2.2.10 菜单式布局 ………………………………………………………… 30
2.2.11 导航栏置顶式布局……………………………………………………… 31
2.2.12 幻灯片式布局…………………………………………………………… 32
2.3 优化布局:掌握移动UI 的布局策略 ………………………………………… 33
2.3.1 图表信息布局的设计方法 ……………………………………………… 33
2.3.2 界面细节的设计方法 ……………………………………………………34
2.3.3 移动UI 的布局规则 ……………………………………………………36
第3 章透析本质:移动UI 视觉交互设计法则…………………………… 41
3.1 博人眼球:把握UI 的视觉特色 ……………………………………………… 42
3.1.1 打造简洁与抽象美感 ……………………………………………………42
3.1.2 营造趣味视觉画面 ………………………………………………………43
3.1.3 塑造华丽视觉效果 ………………………………………………………44
3.1.4 把握色彩的使用特点 ……………………………………………………45
3.2 挖掘内涵:提升UI 的文字设计 ……………………………………………… 45
3.2.1 内容设计简化 …………………………………………………………… 46
3.2.2 字体设计合理 …………………………………………………………… 46
3.2.3 突出文字层次 …………………………………………………………… 48
3.2.4 信息表达清晰 …………………………………………………………… 50
3.2.5 掌握文字间距 …………………………………………………………… 52
3.2.6 文字颜色设计 …………………………………………………………… 52
3.2.7 画面美感设计 …………………………………………………………… 54
3.2.8 实用性能优化 …………………………………………………………… 55
3.3 精益求精:优化移动UI 的图案效果 ………………………………………… 56
3.3.1 分辨率影响美感 ………………………………………………………… 56
3.3.2 拉伸影响美感 …………………………………………………………… 57
3.3.3 美化界面 …………………………………………………………… 58
3.3.4 交互动作特性 …………………………………………………………… 59
3.3.5 增加真实感 ……………………………………………………………… 59
3.3.6 透析事物关系 …………………………………………………………… 60
3.3.7 展现复杂效果 …………………………………………………………… 61
3.3.8 展现简单动画 …………………………………………………………… 62
3.3.9 实现夸张想象 …………………………………………………………… 62
第4 章深入解析:移动UI 的构成元素…………………………………… 63
4.1 专注体验:掌握基本元素的设计技巧 ………………………………………… 64
4.1.1 用户体验 ………………………………………………………………… 64
4.1.2 模糊背景 ………………………………………………………………… 65
4.1.3 滚动功能 ………………………………………………………………… 66
4.1.4 色调搭配 ………………………………………………………………… 66
4.1.5 情景感知 ………………………………………………………………… 67
4.1.6 拟物设计 ………………………………………………………………… 69
4.1.7 简洁提示 ………………………………………………………………… 70
4.2 对点切入:灵活地带入情感元素 ……………………………………………… 71
4.2.1 情感切入点 ……………………………………………………………… 72
4.2.2 惊喜拉近距离 …………………………………………………………… 73
4.2.3 真实获得认可 …………………………………………………………… 74
4.3 组件解析:熟知移动UI 的按钮组件 ………………………………………… 75
4.3.1 常规按钮设计 …………………………………………………………… 75
4.3.2 编辑输入框设计 ………………………………………………………… 76
4.3.3 开关按钮设计 …………………………………………………………… 76
4.3.4 浏览模式设计 …………………………………………………………… 77
4.3.5 文本标签设计 …………………………………………………………… 78
4.3.6 警告框设计 ……………………………………………………………… 78
4.3.7 导航栏设计 ……………………………………………………………… 79
4.3.8 页面切换设计 …………………………………………………………… 79
4.3.9 进度条设计 ……………………………………………………………… 80
4.3.10 ico 图标设计 …………………………………………………………… 81
第5 章软件进阶:Photoshop 移动UI 快速上手……………………… 83
5.1 软件进阶:Photoshop 移动UI 快速上手 ………………………………… 84
5.1.1 Photoshop CC 的安装 …………………………………………………84
5.1.2 Photoshop CC 的卸载 …………………………………………………86
5.2 界面详解:熟悉Photoshop CC 的工作界面 ……………………………… 87
5.2.1 菜单栏 …………………………………………………………………… 88
5.2.2 状态栏 …………………………………………………………………… 89
5.2.3 工具属性栏 ……………………………………………………………… 90
5.2.4 工具箱 …………………………………………………………………… 91
5.2.5 图像编辑窗口 …………………………………………………………… 91
5.2.6 浮动控制面板 …………………………………………………………… 92
5.3 图像知识:识别移动UI 设计的基本图像 …………………………………… 93
5.3.1 位图与矢量图形 ………………………………………………………… 93
5.3.2 像素与分辨率 …………………………………………………………… 94
5.3.3 图像颜色模式 …………………………………………………………… 96
5.3.4 存储文件格式 …………………………………………………………… 98
5.4 图像操作:了解移动UI 图像的操作模式 …………………………………… 99
5.4.1 新建空白图像文件 ………………………………………………………99
5.4.2 打开UI 图像文件 ………………………………………………………100
5.4.3 保存UI 图像文件 ………………………………………………………101
5.4.4 关闭UI 图像文件 ………………………………………………………102
5.4.5 完成图像撤销操作 ………………………………………………………103
5.4.6 应用快照还原图像 ………………………………………………………103
5.4.7 恢复图像初始状态 ………………………………………………………104
5.5 窗口调节:掌握移动UI 图像的窗口操作 …………………………………104
5.5.1 调整还原窗口设置 ………………………………………………………105
5.5.2 展开/ 折叠面板设置 ……………………………………………………106
5.5.3 移动调整面板设置 ………………………………………………………107
5.5.4 图像编辑窗口排列设置 …………………………………………………109
5.5.5 图像编辑窗口切换设置 …………………………………………………111
5.5.6 图像编辑窗口大小调整 …………………………………………………112
5.5.7 移动图像编辑窗口 ………………………………………………………114
第6 章视觉美感:UI 的色彩与风格设计…………………………………115
6.1 色彩解析:了解移动UI 图像的颜色属性 …………………………………116
6.1.1 色相区分 …………………………………………………………………116
6.1.2 明度标准 …………………………………………………………………117
6.1.3 色彩饱和度 ………………………………………………………………117
6.1.4 颜色的分布状态 …………………………………………………………118
6.1.5 颜色模式转换 ……………………………………………………………120
6.1.6 色域范围的识别 …………………………………………………………124
6.2 自动调色:自动校正移动UI 图像的色彩 ………………………………… 125
6.2.1 “自动色调”命令 ………………………………………………………125
6.2.2 “自动对比度”命令 ……………………………………………………126
6.2.3 “自动颜色”命令 ………………………………………………………127
6.3 色调调整:调整移动UI 图像的影调 ……………………………………… 129
6.3.1 “色阶”命令 ……………………………………………………………129
6.3.2 “亮度/ 对比度”命令 …………………………………………………131
6.3.3 “曲线”命令 ……………………………………………………………133
6.3.4 “曝光度”命令 …………………………………………………………135
第7 章画龙点睛:移动UI 文字的编排设计………………………………137
7.1 文字排列:掌握移动UI 中文字的排列 …………………………………… 138
7.1.1 常见文字类型 ……………………………………………………………138
7.1.2 文字属性设置 ……………………………………………………………138
7.1.3 横排文字输入 ……………………………………………………………141
7.1.4 直排文字输入 ……………………………………………………………142
7.1.5 段落文字输入 ……………………………………………………………144
7.1.6 选区文字输入 ……………………………………………………………146
7.2 完善效果:设置移动UI 中的文字效果 …………………………………… 149
7.2.1 文字属性的设置 …………………………………………………………149
7.2.2 段落属性的设置 …………………………………………………………150
7.2.3 选择和移动UI 图像文字 ………………………………………………152
7.2.4 设置文字的方向互换 ……………………………………………………153
7.2.5 段落文本与点文本的切换 ………………………………………………153
7.2.6 文字的拼写检查 …………………………………………………………155
7.2.7 文字的查找与替换 ………………………………………………………157
第8 章界面:移动UI 图像的抠取与………………………… 159
8.1 命令抠图:掌握移动UI 图像命令抠图技法 ………………………………160
8.1.1 “反向”命令 ……………………………………………………………160
8.1.2 “色彩范围”命令 ………………………………………………………161
8.1.3 “扩大选取”命令…………………………………………………………163
8.1.4 “选取相似”命令 ………………………………………………………164
8.2 工具抠图:掌握移动UI 图像工具抠图技法 ………………………………165
8.2.1 快速选择工具 ……………………………………………………………165
8.2.2 魔棒工具 …………………………………………………………………167
8.2.3 矩形选框工具 ……………………………………………………………170
8.2.4 椭圆选框工具 ……………………………………………………………173
8.2.5 套索工具 …………………………………………………………………174
8.2.6 多边形套索工具 …………………………………………………………175
8.2.7 磁性套索工具 ……………………………………………………………177
8.2.8 魔术橡皮擦工具 …………………………………………………………179
8.2.9 钢笔工具 …………………………………………………………………181
8.2.10 自由钢笔工具 ……………………………………………………………184
第9 章界面:移动UI 图像质感设计………………………… 187
9.1 解析:为移动UI 图像添加简单的 ………………………………188
9.1.1 编辑智能滤镜 ……………………………………………………………188
9.1.2 添加波浪效果 ……………………………………………………………189
9.1.3 添加玻璃效果 ……………………………………………………………189
9.1.4 添加水波效果 ……………………………………………………………190
9.1.5 添加旋转扭曲效果 ………………………………………………………190
9.1.6 添加点状化效果 …………………………………………………………191
9.1.7 添加彩块化效果 …………………………………………………………191
9.2 实操:为移动UI 图像添加复杂的 ………………………………192
9.2.1 添加彩色半调的方法 ……………………………………………………192
9.2.2 添加液化的方法 …………………………………………………………194
9.2.3 使用滤镜库编辑移动UI 图像的方法 …………………………………195
9.2.4 添加切变效果的方法 ……………………………………………………198
9.2.5 添加波纹的方法 …………………………………………………………199
9.2.6 添加海洋波纹的方法 ……………………………………………………200
9.2.7 添加扩散亮光的方法 ……………………………………………………201
9.2.8 创建智能滤镜 ……………………………………………………………203
第10 章常用元素:图标、图形、按钮设计…………………………… 205
10.1 图标元素:掌握移动UI 图标的设计 ……………………………………… 206
10.1.1 音乐APP 图标的背景效果设计 ………………………………………206
10.1.2 音乐APP 图标的主体效果设计 ………………………………………208
10.1.3 音乐APP 图标的细节效果设计 ………………………………………210
10.2 图形元素:掌握移动UI 图形的设计 ……………………………………… 214
10.2.1 切换条的背景效果设计 …………………………………………………214
10.2.2 切换条的主体效果设计 …………………………………………………215
10.2.3 切换条的细节效果设计 …………………………………………………218
10.3 基础元素:掌握移动UI 按钮的设计 ……………………………………… 222
10.3.1 搜索框的主体效果设计 …………………………………………………222
10.3.2 搜索框搜索图标的效果设计 ……………………………………………224
10.3.3 搜索框二维码的效果设计 ………………………………………………226
第11 章苹果系统:常见苹果系统UI 设计…………………………… 229
11.1 天气界面:掌握天气控件界面的设计 …………………………………… 230
11.1.1 设计天气控件界面的背景效果…………………………………………230
11.1.2 设计天气控件界面的主体效果…………………………………………232
11.2 日历界面:掌握手机日历界面的设计 …………………………………… 238
11.2.1 设计日历APP 界面的背景效果 ………………………………………239
11.2.2 设计日历APP 界面的主体效果 ………………………………………241
第12 章安卓系统:常见安卓系统UI 设计…………………………… 253
12.1 锁屏界面:掌握安卓系统个性锁屏界面的设计 …………………………254
12.1.1 设计安卓系统锁屏界面的背景效果……………………………………254
12.1.2 设计安卓系统锁屏界面的主体效果……………………………………258
12.2 程序界面:掌握安卓系统程序界面的设计 ………………………………261
12.2.1 安卓应用程序界面的主体效果设计……………………………………262
12.2.2 安卓应用程序界面的整体效果设计……………………………………267
第13 章微软系统:常见微软系统UI 设计…………………………… 275
13.1 拨号键盘:掌握微软手机拨号键盘的设计 ………………………………276
13.1.1 微软手机拨号键盘界面的背景效果设计………………………………276
13.1.2 微软手机拨号键盘界面的主体效果设计………………………………281
13.2 用户界面:掌握微软手机用户界面的设计 ………………………………284
13.2.1 微软手机用户界面的背景效果设计……………………………………285
13.2.2 微软系统用户界面的整体效果设计……………………………………290
第14 章登录界面:社交与WiFi 登录UI 设计………………… 299
14.1 云社交:掌握云社交登录界面的设计 …………………………………… 300
14.1.1 云社交APP 登录界面的背景效果设计 ………………………………300
14.1.2 云社交APP 登录界面的文字效果设计 ………………………………304
14.2 WiFi:掌握WiFi 登录界面的设计 ……………………………307
14.2.1 WiFi 应用登录界面的背景效果设计 ……………………………308
14.2.2 WiFi 应用登录界面的表单按钮设计 ……………………………312
14.2.3 WiFi 应用登录界面的细节和文本设计 …………………………320
第15 章影音游戏:影音与游戏UI 设计……………………………… 325
15.1 视频播放:掌握视频播放APP 界面的设计 …………………………… 326
15.1.1 视频播放APP 界面的主体效果设计 …………………………………326
15.1.2 视频播放APP 界面的细节效果设计 …………………………………328
15.2 休闲游戏:掌握休闲游戏APP 界面的设计 …………………………… 331
15.2.1 休闲游戏界面的背景效果设计…………………………………………331
15.2.2 休闲游戏界面的主体效果设计…………………………………………334
15.2.3 休闲游戏界面的文本效果设计…………………………………………337
本书是一本讲解如何使用Photoshop软件进行移动UI设计的实例操作型自学教程,可以帮助UI设计爱好者,特别是手机APP设计人员,提高UI制作能力,拓展移动UI视觉设计的创作思路。 本书从两条线出发,帮助读者学习Photoshop移动UI设计。 一条是横向案例线,通过对各种类型的素材进行后期制作,如安卓界面、苹果界面、微软界面、影音游戏界面等案例,帮助读者快速精通各类型的移动UI设计方法。 另一条是纵向技能线,介绍了Photoshop移动UI设计的核心技法:文字排版 页面布局 素材处理 色彩校正 界面构成 滤镜使用等,对移动UI设计的核心技术与精髓内容进行了全面且详细的讲解,帮助读者快速掌握移动UI设计的精髓。 本书共分为15章,内容包括:移动UI的设计常识,移动UI设计的布局原则,移动UI视觉交互设计法则,移动UI的构成元素,Photoshop移动UI快速上手,UI的色彩与风格设计,移动UI文字的编排设计,移动UI图像的抠取与,移动UI图像质感设计,图标、图形、按钮设计,常见苹果系统UI设计,常见安卓系统UI设计,常见微软系统UI设计,社交与WiFi登录UI设计,影音与游戏UI设计。全书使用自带素材,通过对素材的不同处理,制作出精美的界面效果。制作界面过程已被录制为视频,刻录为光盘,在手机与网络中进行分享,读者学后可以融会贯通、举一反三,从而更好地完成自己的作品。 本书结构清晰,语言简洁,实例丰富,版式精美,适合Photoshop移动UI设计初、中级读者阅读,包括广大UI设计爱好者、UI设计工作者,同时也可以作为各类计算机培训中心、技工学校和大中专职业院校的辅导教材。
这本书的特色在于它对“设计规范化”的深度挖掘。它仿佛在教你如何建立一套属于你自己的设计语言。全书围绕着如何从零开始构建一个清晰、一致的视觉体系展开论述,从图标风格的统一到组件库的建立逻辑,都有详细的图示和解说。我特别欣赏其中关于“设计系统演进”的案例分析,通过一个虚构的产品从V1到V3的迭代过程,展示了如何在高密度的信息中保持设计的连贯性。这部分内容对于团队协作和长期维护项目至关重要。遗憾的是,书中对色彩心理学和文化背景对UI设计影响的探讨略显浅尝辄止。毕竟,一个成功的界面设计不仅仅是功能的堆砌,更是一种文化和情感的传达。如果能在保持现有技术深度的同时,增加一些跨文化设计的思考,这本书的厚度与广度将得到极大的提升,使其从一本优秀的技术指导书,跃升为一本富有洞察力的设计哲学读物。
评分这本书的印刷质量实在让人不敢恭维,纸张略显粗糙,色彩的还原度也有些偏低,尤其是涉及到深色背景和高饱和度色彩的对比展示时,总感觉少了一点锐利感。但抛开这些硬件上的缺陷,内容本身的价值是无法被忽视的。我最欣赏它对“可用性”原则的强调,几乎贯穿了全书的始终。作者似乎对用户体验有着一种近乎偏执的追求,书中大量引用了尼尔森十大可用性原则,并结合具体的界面元素(比如导航栏、表单设计)进行了实战演练。我尝试着按照书中的指导,重新优化了我手头一个正在进行中的项目的一个登录流程,仅仅是根据书中提出的几个微小调整,最终的错误率就下降了近百分之二十。这种基于数据和原则的指导,远比那些只谈“好看”的教程要有说服力得多。不过,书中对新兴设计工具和新兴平台(比如VR/AR的界面设计趋势)的讨论几乎为零,这让它在面对飞速迭代的行业现状时,显得有些力不从心,更像是一部经典的技术手册,而不是一本紧跟潮流的指南。
评分我个人是偏爱在设计中融入更多人文关怀和情感连接的实践者。这本书在软件操作和技术层面的讲解无可挑剔,堪称行业标杆,每一个像素的对齐和间距的处理都遵循着最严格的工程标准。但是,当我期望书中能出现一些关于“情感化设计”或者“微交互如何提升用户愉悦感”的精彩案例时,我感到了明显的落空。书中对交互的描述,多集中于功能实现而非体验的打磨。举个例子,关于按钮点击反馈的讲解,它只告诉你“应该有反馈”,但没有深入探讨不同反馈形式(比如触觉反馈、视觉冲击力)对用户心理预期的影响。这本书更像是一位严谨的工程师在教你如何精确地搭建结构,而不是一位富有想象力的艺术家在教你如何赋予作品灵魂。它是一块坚实无比的地基,但上层建筑的精美装饰和艺术气息,还需要读者自行从其他领域汲取灵感并融入其中。
评分说实话,我买这本书的时候,是带着一种“速成”的期望的,希望能在最短的时间内掌握设计诀窍,做出能拿得出手的作品。这本书显然不是“速成秘籍”,它更像是一堂为期一年的专业基础课程。它的叙述方式非常学术化,逻辑严密,几乎没有一句废话,但对于习惯了快节奏、碎片化学习的现代读者来说,阅读体验可能会有些枯燥。我花了相当长的时间才啃完关于“网格系统与响应式布局”的那几章,因为其中涉及到的数学计算和对齐逻辑,需要高度集中精神去理解。作者在讲解软件操作时,讲解得极其详尽,连鼠标的哪个角度点击,键盘上按哪个快捷键都标注得清清楚楚,这对于完全的新手无疑是巨大的帮助,可以有效避免“光看不练”的窘境。但对于已经有几年经验的设计师来说,这些基础操作的冗余信息可能反而会拖慢阅读的节奏。总而言之,这是一本需要沉下心来,带着敬畏之心去学习的教科书,而非一本消遣读物。
评分这本书的封面设计,坦白说,有点让人提不起精神。那种传统的、略显老旧的排版,让我一度怀疑是不是买到了十年前的教材。不过,当我翻开第一页,还是决定给它一个机会,毕竟在这个信息爆炸的时代,一本能系统梳理基础知识的书籍是难得的。它的内容结构确实是按照“从入门到精通”的路线图设计的,这点毋庸置疑。从最基础的色彩理论、版式布局开始,循序渐进地讲解了如何运用图形软件进行元素创建。我尤其欣赏其中关于“用户旅程图”的章节,讲解得非常透彻,不仅仅停留在工具层面,而是上升到了设计思维的高度。书中给出的案例,虽然大部分都是传统的企业网站界面,缺乏一些前沿的App案例来吸睛,但胜在扎实,每一个步骤的分解都细致入微,对于一个零基础的新手来说,简直就是一份详尽的施工指南。只是,如果在动效和交互逻辑的介绍上能再增加一些当前主流的框架和规范的深度讲解,而不是仅仅停留在静态界面的塑造,那就更完美了。整体而言,它是一本非常可靠的“内功心法”手册,值得放在书架上时常翻阅,巩固基本功。
本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度,google,bing,sogou 等
© 2025 book.idnshop.cc All Rights Reserved. 静思书屋 版权所有