具体描述
《Photoshop CC移动UI界面设计与实践(含DVD光盘1张)》一共包含三部分,共14个Part的内容。第1部分基础篇(Part1~Part3):介绍移动UI视觉设计的基础知识,Photoshop软件的常用操作功能,以及介绍移动UI界面中基础元素的设计规范;第2部分三大主流系统(Part4~Part6):分别对三大系统进行有针对性的讲解,利用相关的案例介绍移动UI视觉设计的制作方法和技巧;第3部分App应用实例(Part7~Part14):以完整的App界面设计为主要内容,展示不同风格移动UI界面设计的特点和制作方法。
《Photoshop CC移动UI界面设计与实践(含DVD光盘1张)》包含了大量精美的界面元素、App应用程序界面视觉设计的案例,利用较详细的布局规划、创意思维、配色方案、组件分析等部分来对案例的创作思路进行阐述,告诉读者移动UI视觉设计的创作技巧。
《Photoshop CC移动UI界面设计与实践(含DVD光盘1张)》特别适合移动设备UI视觉设计的初学者,同时对Photoshop使用者、平面设计师和App开发设计人员也有参考价值。
作者简介
创锐设计,由一支优秀的平面设计师与图形图像资深编辑队伍组成。出版过众多优秀的图形图像方面的专业书籍,不仅在国内处于领先地位,还有大量作品输出过海外版权,备受读者青睐。在课程教材方面,由于他们拥有多年教育培训的经验,因此十分了解初学读者的心理需求,从而研究出了一套行之有效的教学方法;此外,他们又参加过多个商业项目的设计工作,熟悉行业规范、了解客户需求,拥有较高的设计水平,积累了丰富的制作经验、为专业进阶读者指出了技术进阶的明路;在他们的图书中,选择的实例不仅融会贯通了软件技法,更能通过分享图像处理经验,激发读者的灵感、迸发发创意火花,达到事半功倍的效果。
目录信息
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系统中的组成要素及特征 / 12
1.4.3 WP系统中的组成要素及特征 / 13
1.5 认识移动终端的分辨率和像素 / 14
1.6 移动UI的创意与灵感收集 / 16
1.6.1 各种经验和灵感的记录 / 16
1.6.2 将对象抽象化 / 17
1.6.3 设计灵感的转移 / 18
1.7 移动UI的视觉设计流程 / 20
Part 2 PS在移动UI设计中的常用功能简介 / 23
2.1 绘图工具的介绍 / 24
2.1.1 规则形状的绘制 / 24
2.1.2 自定义形状的绘制 / 25
2.1.3 绘制任意所需的形状 / 27
2.2 图层样式的运用 / 28
2.2.1 增强立体感的图层样式 / 28
2.2.2 发光效果的图层样式 / 30
2.2.3 更改色彩的图层样式 / 31
2.3 蒙版的编辑 / 33
2.3.1 图层蒙版 / 33
2.3.2 剪贴蒙版 / 34
2.4 文字的添加 / 36
2.4.1 文字的添加与设置 / 36
2.4.2 文字的高级编辑 / 37
Part 3 移动UI界面中基本元素的制作 / 39
3.1 按钮 / 40
3.1.1 按钮设计的基础知识 / 40
3.1.2 扁平化按钮的设计 / 41
3.2 开关 / 45
3.2.1 开关设计的基础知识 / 45
3.2.2 简易色块开关的设计 / 47
3.3 进度条 / 49
3.3.1 进度条设计的基础知识 / 49
3.3.2 扁平化进度条的设计 / 49
3.3.3 层次感强烈的进度条设计 / 52
3.4 搜索栏 / 56
3.4.1 搜索栏设计的基础知识 / 56
3.4.2 扁平化搜索栏的设计 / 58
3.5 列表框 / 63
3.5.1 列表框设计的基础知识 / 63
3.5.2 简易列表框的设计 / 64
3.5.3 立体化列表框的设计 / 68
3.6 标签栏 / 70
3.6.1 标签栏设计的基础知识 / 70
3.6.2 线性化标签栏设计 / 71
3.6.3 木纹质感的标签栏设计 / 72
3.7 图标栏 / 75
3.7.1 图标栏设计的基础知识 / 75
3.7.2 线性化图标栏设计 / 76
3.7.3 纸箱纹理的图标栏设计 / 79
Part 4 iOS系统及其组件的设计 / 83
4.1 iOS系统的发展及其特点 / 84
4.1.1 iOS系统的发展 / 84
4.1.2 iOS 8系统的设计特点 / 86
4.2 iOS系统设计的规范 / 89
4.2.1 设计原则 / 89
4.2.2 色彩和字体 / 92
4.2.3 图标的设计 / 96
4.3 iOS系统界面设计实训 / 100
4.3.1 扁平化图标的设计 / 100
4.3.2 半透明效果的界面设计 / 108
Part 5 Android系统及其组件的设计 / 115
5.1 Android系统的特点 / 116
5.2 Android系统的设计规范 / 118
5.2.1 度量单位 / 118
5.2.2 字体的使用标准 / 118
5.2.3 色彩的应用规范 / 121
5.2.4 四种类型的图标 / 124
5.3 六种标准的Widget规范 / 126
5.3.1 Widget框架简介 / 126
5.3.2 Widget框架的标准尺寸 / 128
5.3.3 4×1的Widget框架设计 / 129
5.3.4 3×3的Widget框架设计 / 133
5.3.5 2×2的Widget框架设计 / 137
5.3.6 4×1的加长Widget框架设计 / 140
5.3.7 3×3的横向Widget框架设计 / 144
5.3.8 2×2的横向Widget框架设计 / 149
5.4 Android系统界面设计实训 / 154
5.4.1 立体化的图标设计 / 154
5.4.2 超强立体感的界面设计 / 163
Part 6 WP系统及其组件的设计 / 175
6.1 WP系统的特点 / 176
6.2 高自由度的Live Tiles / 178
6.2.1 Live Tiles简介 / 178
6.2.2 Live Tiles常见表现形式 / 180
6.2.3 Live Tiles设计的十大要点 / 181
6.2.4 Live Tiles设计 / 185
6.3 独特的Panorama / 183
6.3.1 Panorama(全景视图)简介 / 187
6.3.2 Panorama设计注意事项 / 188
6.3.3 Panorama设计 / 193
6.4 WP系统界面设计实训 / 196
6.4.1 线性图标的设计 / 196
6.4.2 极简风格的界面设计 / 200
Part 7 孕妈帮手App设计 / 207
界面布局规划 / 208
创意思路剖析 / 208
确定配色方案 / 209
定义组件风格 / 210
制作步骤详解 / 210
Part 8 新闻网站App设计 / 221
界面布局规划 / 222
创意思路剖析 / 222
确定配色方案 / 223
定义组件风格 / 224
制作步骤详解 / 224
Part 9 美食网站App设计 / 237
界面布局规划 / 238
创意思路剖析 / 238
确定配色方案 / 239
定义组件风格 / 240
制作步骤详解 / 240
Part 10 篮球运动App设计 / 253
界面布局规划 / 254
创意思路剖析 / 254
确定配色方案 / 255
定义组件风格 / 255
制作步骤详解 / 256
Part 11 流量银行App设计 / 269
界面布局规划 / 270
创意思路剖析 / 270
确定配色方案 / 271
定义组件风格 / 271
制作步骤详解 / 272
Part 12 藏宝游戏App设计 / 283
界面布局规划 / 284
创意思路剖析 / 284
确定配色方案 / 285
定义组件风格 / 286
制作步骤详解 / 286
Part 13 音乐播放App设计 / 209
界面布局规划 / 300
创意思路剖析 / 300
确定配色方案 / 301
定义组件风格 / 302
制作步骤详解 / 302
Part 14 旅游资讯App设计 / 319
界面布局规划 / 320
创意思路剖析 / 320
确定配色方案 / 321
定义组件风格 / 322
……
· · · · · · (收起)
读后感
用户评价
总结来说,如果一位读者,像我一样,正在寻找一本能帮助他从Photoshop顺利过渡到高效、现代的移动UI/UX设计流程的实战指南,这本书无疑会令人感到力不从心。它过分强调了Photoshop作为一个老牌图形编辑器的能力,却未能有效将这些能力转化为适用于快速迭代和高保真原型制作的移动设计方法论。它更像是一个针对PS软件功能列表的“翻译本”,而非一本聚焦于“移动界面设计”这一特定应用领域的“实战手册”。在当前设计生态工具链已经发生巨大迁移的背景下(比如向Figma、XD倾斜),以如此重的篇幅和过时的视角来探讨基于PS的移动设计,其时效性和实用价值都大打折扣。对于希望站在行业前沿,掌握最新设计思维和高效工具链的读者而言,这本书提供的价值非常有限,更像是一份对过去设计软件操作方法的记录,而非对未来设计方向的指引。
这本号称聚焦于移动界面设计的“Photoshop CC实战”书籍,坦白讲,读完之后我有一种被误导的感觉。首先,它在“Photoshop CC”这个工具层面的讲解深度远不及我预期的那样精湛。作为一个已经使用PS多年的设计者,我本以为能从中挖掘出一些针对移动端特定工作流的独家技巧,比如如何高效地管理高分辨率屏幕适配的PSD文件结构,或者更复杂的矢量形状与智能对象在移动原型制作中的高级运用。然而,书中的内容更多地停留在PS基础操作的复述上,比如图层混合模式、基础滤镜的使用等,这些对于任何一个接触过PS半年以上的设计师来说,都属于“常识”范畴。它更像是一本面向零基础用户的PS入门手册,而非一本针对“移动UI界面设计”这个前沿领域的专业进阶指南。如果我期待的是掌握如何利用PS的最新特性来应对iOS或安卓的最新设计规范,这本书提供的知识颗粒度实在太粗,缺乏针对性。尤其是关于响应式设计和组件化思维的探讨,几乎是蜻蜓点水,这在如今以Sketch或Figma为主要工具的移动设计领域,显得尤为落伍和乏力。
我对这本书在“移动UI界面设计”理念层面的阐述感到非常失望。如今的UI/UX设计早已超越了单纯的“界面美化”阶段,它更侧重于用户体验流程、交互逻辑的梳理以及遵循平台设计语言的适配性。这本书给我的感觉,仿佛还停留在Web 2.0的视觉设计阶段。它花了大量的篇幅去讲解色彩搭配、字体排版这些基础的视觉元素处理,但对于如何构建一个流畅的用户旅程(User Journey Map),如何进行可用性测试(Usability Testing)后的设计迭代,以及如何理解苹果Human Interface Guidelines或Google Material Design背后的哲学思想,几乎没有涉及。内容更像是“教你如何把元素画得好看”,而不是“教你如何设计出好用的App”。这种重视觉轻交互的倾向,使得这本书在指导实际项目落地时,提供的价值非常有限。我更希望看到的是关于信息架构、动效设计在移动端的重要性,以及如何利用设计系统(Design System)的理念来管理庞大的界面资产,但这些重要的现代设计议题,在这本书里几乎找不到影子。
阅读体验上,这本书的逻辑组织和行文风格也存在明显问题,使得学习过程变得拖沓和低效。它在不同章节间跳跃性较大,例如在介绍完基础绘图工具后,突然插入了一段关于设计史的冗长叙述,随后又跳回到色彩理论的具体应用,缺乏一个清晰、递进的学习路径。对于一个希望快速掌握特定技能的读者来说,这种结构上的混乱极大地阻碍了知识的吸收和构建。此外,书中的文字表达偏向于教科书式的堆砌,语言缺乏必要的生动性和对读者困惑点的精准预判。很多关键步骤的解释过于简略,而对一些不那么重要的工具属性却进行了详尽的篇幅描述,这种主次不分的编排方式,使得读者在遇到实际操作瓶颈时,很难从书中快速定位到解决问题的核心思路。整体而言,阅读起来更像是在翻阅一本整理得不太理想的旧版软件帮助文档,而不是一本精心打磨过的设计教程。
从实战角度来看,这本书的“实战”部分做得非常单薄且过时。它展示的案例界面风格,带有明显的时代局限性,很多设计元素和布局方式,在当前的App Store和Google Play界面中已经很难见到。举例来说,案例中对于扁平化设计(Flat Design)的理解还停留在早期的纯色块堆砌阶段,对于如今流行的微交互、拟物化回归的趋势,以及如何利用深色模式(Dark Mode)进行体验优化,这本书完全没有提供任何有效的指导框架。更糟糕的是,对于如何将Photoshop中的设计稿转化为可交付的开发资源,其讲解也显得笨拙而低效。在专业团队中,设计稿的标注、切图规范是至关重要的环节,但本书对此的介绍仅仅停留在“导出PNG/JPEG”的层面,完全忽略了如今设计师需要与前端工程师进行更紧密协作的现实需求,例如矢量图标的SVG交付规范或者尺寸倍数的精确控制,这些细节处理完全缺失,让人感觉作者对当代移动开发环境的理解存在脱节。
分类介绍,主要针对安卓系统的界面设计。没有详细步骤不适合新手学习。
分类介绍,主要针对安卓系统的界面设计。没有详细步骤不适合新手学习。
很不错的参考资料
很不错的参考资料
分类介绍,主要针对安卓系统的界面设计。没有详细步骤不适合新手学习。