Photoshop CC 移动UI 界面设计与实战（第2版） pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

创锐设计 著

图书标签:

• Photoshop CC
• UI设计
• 移动UI
• 界面设计
• 设计工具
• 移动应用
• 用户体验
• 设计实战
• 第二版
• 平面设计

出版社： 电子工业出版社

ISBN：9787121329807

版次：2

商品编码：12254981

品牌：Broadview

包装：平装

开本：16开

出版时间：2018-01-01

用纸：胶版纸

页数：292

正文语种：中文

产品特色

编辑推荐

适读人群 ：本书适用于移动设备UI视觉设计的初学者学习和参考，也可作为相关院校的专业培训的教材使用。

目前移动设备产品日益增多，移动应用程序的市场呈现出百花齐放的胜景。为了能够迎合用户、提高用户体验，越来越多的移动应用程序产品开始提倡“以用户为中心”的设计理念，这就要求移动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

前言/序言

在科技高速发展的今天，移动设备已经成为人们生活和娱乐的必需品之一，移动设备的用户界面及体验越来越受到用户的关注。对于一个优秀的App应用程序而言，其界面的视觉设计起着关键的作用，它是除交互式设计外，用户能够直接接触到的东西。如果把App的功能比作人的肌肉和骨骼，那么移动UI的视觉设计就是人的外貌和品格，是一款成功的应用程序必不可少的重要组成部分。设计师如何才能设计出让人过目不忘且实用美观的界面呢？在本书中你可以找到答案。

本书从移动UI界面设计的基础开始，针对当今主流的两大移动系统，讲述移动UI视觉设计的创意收集、设计重点、制作规范等一系列的知识，将理论与实践进行有机结合，通过从无到有、从局部到整体的方式讲解App应用程序的界面设计，帮助读者建立正确、实用的移动UI视觉设计的思路与方法。

本书内容梗概

第1部分 基础篇（Part 1~Part 3）：介绍移动UI视觉设计的基础知识，讲解移动UI视觉设计所使用到的Photoshop软件的常用操作功能，以及移动UI界面中基础元素的设计规范。

第2部分 两大主流系统（Part 4、Part 5）：对两大系统进行有针对性的讲解，从界面的图标、设计风格等角度入手，讲述两大系统各自的区别与特点，并利用相关的案例来介绍移动UI视觉设计的制作方法和技巧。

第3部分 App应用实例（Part 6~Part 12）：以完整的App界面设计为主要内容，通过对界面布局、创意、配色和组件等进行详细分析，用不同功能的App的创作思维和制作步骤来展示不同风格的移动UI界面设计的特点和制作方法。

本书特色分析

全面系统的知识体系：书中将两大主流系统的设计规范和风格进行了详细介绍，通过图文并茂、层次清晰的方式直观地展示出全面而系统的移动UI视觉设计的相关知识，帮助读者了解和掌握与移动UI视觉设计相关的概念和必备的基础知识。

精辟的设计思路剖析：在本书的案例中，我们针对案例设计的创意思路、设计来源等进行详细阐述，帮助读者形成自己的设计思维，并将设计创意分析与软件操作相结合，让读者在提升移动UI界面制作技能的同时，拓展创意和设计思维。

呈现精美的设计案例：书中包含了大量精美的App设计案例，每个案例都根据不同类型和功能的App进行构思和创作，并将平面设计知识和软件运用知识贯穿其中，可以帮助读者快速提高设计思维的灵活性和软件操作技能。

读者服务

轻松注册成为博文视点社区用户（www.broadview.com.cn），您即可享受以下服务：

◎下载资源：本书教学视频及资源文件，均可在“下载资源”处下载。

◎提交勘误：您对书中内容的修改意见可在【提交勘误】处提交，若被采纳，将获赠博文视点社区积分（在您购买电子书时，积分可用来抵扣相应金额）。

◎与作者交流：在页面下方【读者评论】处留下您的疑问或观点，与作者和其他读者一同学习交流。

《Photoshop CC 移动UI界面设计与实战（第2版）》—— 匠心打造，不止于技巧 在数字浪潮汹涌澎湃的今天，移动应用的UI界面设计已不再是单纯的视觉呈现，它承载着用户体验的重塑、品牌形象的传递，更是产品生命力的核心驱动力。本书，《Photoshop CC 移动UI界面设计与实战（第2版）》，并非仅仅是一本软件操作指南，它是一次深入移动UI设计核心的探索之旅，一次将理论与实践完美结合的系统训练，一次为 aspiring 和资深设计师量身定制的蜕变契机。我们旨在为你构建一个坚实的设计思维框架，让你在Photoshop CC的强大功能辅助下，能够独立、高效、有策略地创作出既符合市场趋势又具备独特魅力的移动UI界面。 洞察设计趋势，把握用户脉搏： 移动UI设计的风向标瞬息万变，从扁平化到拟物化，从Material Design的严谨到新浪微博的“轻”，每一场设计语言的演进都源于对用户行为的深刻洞察和对技术发展的敏锐捕捉。本书开篇即聚焦于当前最前沿的移动UI设计理念与发展趋势。我们将带你系统梳理不同平台（iOS与Android）的设计规范与差异，理解它们的演变逻辑，并深入剖析近年来备受推崇的“微交互”、“动态设计”、“情感化设计”等前沿概念。更重要的是，我们会结合大量真实案例，解析优秀App如何通过界面设计触及用户的情感，建立品牌与用户之间的深度连接。这不仅仅是学习“怎么做”，更是理解“为什么这样做”，从而培养你独立思考和判断设计方向的能力。 Photoshop CC的精妙运用，化繁为简的强大工具： Photoshop CC作为一款历史悠久且功能强大的图形处理软件，在UI设计领域依然拥有无可替代的地位。然而，单纯掌握其基础功能远不足以应对复杂的移动UI设计需求。本书将带领你解锁Photoshop CC在UI设计中的“隐藏技能”。我们会从画布设置、图层管理、矢量工具的灵活运用、蒙版与剪贴蒙版的妙用，到样式、效果的应用，逐一深入。你将学会如何利用智能对象确保素材的可扩展性与非破坏性编辑，如何高效地创建和管理切片以优化导出流程，如何运用画笔工具实现更具表现力的细节刻画，以及Photoshop CC新增的诸多矢量编辑功能如何为UI设计带来更高的效率和精确度。我们会特别强调“非破坏性设计”的理念，让你在反复修改和迭代过程中，始终保持工作的灵活性和可控性。 从构思到落地的全流程实战演练： 理论的再精妙，终究需要落到实践。本书的核心价值在于其贯穿始终的实战训练。我们不回避设计过程中的真实挑战，而是将它们拆解，提供清晰、可操作的解决方案。从最初的用户需求分析，到信息架构的梳理，再到线框图的绘制，接着是交互流程的设计，最后才是高保真界面的视觉落地，每一个环节都将通过丰富的案例进行详细讲解。 概念到线框： 如何将模糊的用户需求转化为清晰的信息层级和功能布局。我们会介绍多种线框图绘制方法，并讲解如何使用Photoshop CC的矢量工具和基本形状快速搭建原型。 视觉风格探索： 从色彩理论、字体选择、排版规则，到图标设计、控件样式，我们将提供一套系统的方法论，帮助你为App定义独特的视觉语言。你将学习如何运用Photoshop CC的画板、样式库、组件化设计理念，来确保设计的一致性和可复用性。 交互细节的打磨： 移动UI设计不仅仅是静态的画面，交互的流畅性是用户体验的关键。我们会深入讲解如何通过Photoshop CC创建按钮状态、加载动画、转场效果等微交互元素，让你的界面“活”起来。 高保真界面制作： 这是本书的重头戏。通过一系列由浅入深的实战项目，涵盖不同类型的App（如社交、电商、资讯、工具类），你将亲手构建出多个完整的高保真UI界面。我们会详细演示每一个步骤，从网格系统的搭建，到图层命名规范，再到切图导出与交付，力求让你掌握一套严谨、高效的设计工作流程。 适配与响应式设计： 移动设备的屏幕尺寸多样，分辨率各异。本书将详细讲解如何在Photoshop CC中考虑不同屏幕尺寸的适配问题，并介绍响应式设计的基本原理和实现思路。 提升专业素养，走向职业巅峰： 一本优秀的UI设计书籍，不仅要传授技术，更要塑造思维。本书将引导你思考“设计背后的逻辑”，理解“为什么”比“怎么做”更重要。 用户体验导向： 我们始终将用户置于设计的中心。你会学会如何从用户视角出发，发现痛点，解决问题，创造真正易于使用、令人愉悦的界面。 设计规范与原则： 严格遵循平台设计指南，同时又能在此基础上进行创新，是优秀UI设计师的必备素质。本书将系统讲解iOS Human Interface Guidelines和Material Design的核心要点，并教你如何在Photoshop CC中有效地应用这些规范。 高效工作流程： 在快节奏的互联网行业，效率至关重要。我们会分享大量提高Photoshop CC工作效率的技巧，如快捷键运用、素材库管理、组件化设计、自动化脚本的使用等，帮助你节省宝贵的时间。 设计评审与协作： 理解团队协作的重要性，学会清晰地表达设计思路，并有效地参与设计评审，是迈向专业设计师的必经之路。 作品集打造： 书中大量的实战项目，将是你构建专业作品集的宝贵素材。我们会指导你如何整理和展示你的设计作品，为求职或项目争取机会。 《Photoshop CC 移动UI界面设计与实战（第2版）》，旨在成为你在移动UI设计领域最可靠的伙伴。它不仅仅是一本关于Photoshop CC的教程，更是对现代移动UI设计理念、方法论和实战技巧的全面梳理与深度解析。我们相信，通过本书的学习，你将能够： 建立起清晰、科学的设计思维体系。 熟练掌握Photoshop CC在移动UI设计中的高级应用技巧。 独立完成从概念到高保真界面的全流程设计。 创作出兼具美学价值和用户体验的优秀移动App界面。 显著提升设计效率，优化工作流程。 为你的职业生涯奠定坚实的基础，开启无限可能。 无论你是初入UI设计领域的学习者，还是希望进一步精进技能的在职设计师，本书都将为你提供一条清晰、可行、充满启发的设计之路。让我们一起，用Photoshop CC，雕琢出下一个引爆市场的移动体验！

评分☆☆☆☆☆

我是一名正处于职业转型期的平面设计师，对移动端交互逻辑的理解还比较薄弱。因此，我最看重的是这本书在“交互逻辑与用户心智模型”方面的讲解深度。我希望作者能够用通俗易懂的语言，讲解诸如“费茨定律”、“席克定律”等设计原则在实际移动布局中的具体应用。特别是针对新手，如何避免常见的交互误区，比如过度依赖手势操作导致的功能隐藏，或者层级结构过于扁平化导致的用户迷失。如果书中能提供大量的“反面教材”对比分析，指出哪里设计出了问题，以及应该如何修正，对我这种需要补课的读者来说，价值是无可估量的。这不仅仅是关于“看起来美不美”，更是关于“用起来顺不顺手，合不合乎用户的操作习惯”。

评分☆☆☆☆☆

说实话，我购买这本书时，最大的期待是它能提供一套系统性的、可复用的设计流程框架。现在市面上的很多教程往往是零散的技巧堆砌，缺乏从需求分析到最终交付的全链路梳理。我特别希望作者能在书中清晰地阐述一套从用户画像构建、信息架构梳理，到高保真原型制作的“标准操作程序”。如果能提供一些针对Sketch或Figma的高级插件使用技巧，来提高设计效率，那简直是锦上添花。例如，在处理复杂数据展示界面时，如何利用组件库快速生成一致性的布局，而不是每次都从零开始搭建网格系统。我关注的重点在于效率和规范性，一套好的规范体系可以有效降低团队协作中的沟通成本。读完后，我希望能建立起一套属于自己的、能应对各种复杂项目需求的设计方法论，而不是仅仅学会几个操作按钮的位置。

评分☆☆☆☆☆

我对设计的前瞻性趋势非常敏感，因此，我希望这本书的内容能展现出对未来移动技术，如折叠屏设备、AR/VR界面过渡等领域的洞察力。虽然目前这些技术尚未完全普及，但领先的设计师必须提前布局。我期待看到一些关于“多形态适应性布局”的探讨，不仅仅是简单的响应式调整，而是如何基于屏幕形态的根本性变化来重构信息展示逻辑。例如，在折叠屏模式下，如何优化主屏和辅屏之间的信息传递，以及如何设计出能自然过渡的动画效果。如果作者能够结合一些行业白皮书或者研究报告的数据来支撑其观点，而不是纯粹的主观臆断，那么这本书的权威性和参考价值将大大提升，真正成为一本能够引领设计思潮的著作。

评分☆☆☆☆☆

对于一个资深的UI设计师来说，技术层面的工具操作早已不是难点，真正难的是如何将“品牌语言”无缝地融入到移动界面设计中。我非常期待这本书能花大量篇幅讨论如何进行“品牌视觉资产的数字化提炼”。比如，当一个拥有深厚品牌历史的企业需要转型到移动端时，如何巧妙地在扁平化的趋势下保留其独特的视觉调性，同时又不显得陈旧和笨重。这需要设计师具备极强的抽象和再创造能力。书中如果能分析一些成功的品牌重塑案例，剖析其UI策略背后的商业逻辑，那就太棒了。我关注的不是如何绘制一个漂亮的图标，而是如何让每一个界面元素——从字体选择到间距设定——都在潜移默化中讲述品牌的故事，强化用户心智中的品牌认知。

评分☆☆☆☆☆

这本书的封面设计确实抓人眼球，那种鲜明的色彩搭配和现代感的字体选择，一下子就让人觉得这本书的内容一定紧跟潮流。我翻阅了一下目录，对那些关于“动态组件与交互逻辑构建”的章节尤其感兴趣，感觉作者在讲解上应该会非常深入。尤其是在数字产品迭代如此迅速的今天，光是停留在静态界面的设计已经远远不够了。我期望书中能有大量的实战案例，最好能结合当下流行的无障碍设计标准，让读者不只是学会“怎么做”，更能理解“为什么这么做”背后的设计哲学。如果能深入剖析几个不同行业（比如金融科技与文娱类App）的界面差异，并给出针对性的优化策略，那这本书的价值就不仅仅停留在技术层面，而上升到了战略指导的高度了。我个人对界面中的动效优化非常关注，希望它能提供一些关于如何平衡视觉吸引力和加载性能的独到见解。那种既美观又流畅的体验，才是衡量一个优秀移动UI设计的金标准。