智能手机APP UI设计与应用任务教程 pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

黑马程序员 著

图书标签:

• UI设计
• APP设计
• 智能手机
• 移动应用
• 用户体验
• 设计教程
• 交互设计
• 人机交互
• 软件设计
• 移动端开发

出版社： 中国铁道出版社

ISBN：9787113231019

版次：1

商品编码：12175165

包装：平装

丛书名： 国家信息技术紧缺人才培养工程指定教材

开本：16开

出版时间：2017-08-01

用纸：胶版纸

页数：196

字数：290

内容简介

本书针对有一定Photoshop设计软件操作基础的人群，以既定的编写体例梳理知识结构，通过实际的任务案例让读者掌握UI设计的基本技巧。在内容编排上，本书以手机APP开发模块为主线，结合任务的描述和分析让读者更好地体验设计思路、技巧和理念；在内容选择、结构安排上，更加符合从业人员职业技能水平要求，从而达到老师易教、学生易学的目的。

作者简介

“中关村黑马程序员训练营”是由传智播客教育科技有限公司（简称传智播客）联合中关村软件园、CSDN，并委托传智播客进行教学实施的软件开发高端培训机构，致力于服务各大软件企业，解决当前软件开发技术飞速发展，而企业招不到优秀人才的困扰。 目前，“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地，并被评为中关村软件园重点扶持人才企业。

目录

1.1 UI设计概述2
1.1.1　UI设计的概念2
1.1.2　UI发展史3
1.1.3　UI设计分类7
1.1.4　UI设计师标准9
1.2?认识APP设计9
1.2.1　APP设计的
概念10
1.2.2　APP的优势10
1.2.3　APP设计分类10
1.2.4　APP构成元素11
1.3?APP设计流程14
1.4?移动设备尺寸16
1.4.1　英寸16
1.4.2　像素16
1.4.3　分辨率16
1.4.4　网点密度16
1.4.5　像素密度17
1.4.6　常见手机屏幕
规格17
1.5?APP设计软件17
1.5.1　Photoshop CC17
1.5.2　Illustrator CC18
1.6?APP设计要素19
1.6.1　色彩19
1.6.2　界面布局22
1.7?UI设计风格22
1.7.1　扁平化风格23
1.7.2　拟物化风格25
1.8?智能手机操作系统26
1.8.1　iOS系统26
1.8.2　Android系统27
基础操练29

2.1?图标设计基础知识31
2.1.1　认识图标31
2.1.2　图标设计流程31
2.1.3　图标设计原则34
2.1.4　图标设计技巧35
2.1.5　图标设计规范36
2.2?【任务1】扁平化照相机
?? 图标设计39
2.2.1　任务描述39
2.2.2　思路剖析39
2.2.3　任务实现40
2.3?【任务2】微扁平照相机
? 图标设计42
2.3.1　任务描述42
2.3.2　思路剖析42
2.3.3　任务实现43
2.4?【任务3】照相机写实
?? 图标设计45
2.4.1　任务描述46
2.4.2　思路剖析46
2.4.3　任务实现46
基础操练62

3.1?滑块设计基础知识64
3.1.1　滑块的构成要素64
3.1.2　滑块类型64
3.1.3　滑块的设计
要点66
3.2?【任务4】音量调节滑块
???设计67
3.2.1　任务描述67
3.2.2　思路剖析67
3.2.3　任务实现68
3.3?【任务5】金属质感旋钮
? 滑块设计72
3.3.1　任务描述72
3.3.2　思路剖析73
3.3.3　任务实现73
3.4?【任务6】极简风格滑块
? 设计85
3.4.1　任务描述85
3.4.2　思路剖析85
3.4.3　任务实现86
基础操练88

4.1?按钮设计基础知识91
4.1.1　按钮的不同
状态91
4.1.2　按钮设计技巧91
4.2?【任务7】色块按钮
? 设计93
4.2.1　任务描述93
4.2.2　思路剖析93
4.2.3　任务实现93
4.3?【任务8】渐变质感按钮
? 设计94
4.3.1　任务描述94
4.3.2　思路剖析95
4.3.3　任务实现95
4.4?【任务9】水晶按钮
? 设计99
4.4.1　任务描述99
4.4.2　思路剖析99
4.4.3　任务实现99
基础操练105

5.1?表单控件设计基础知识108
5.1.1　认识表单控件108
5.1.2　表单控件设计
原则109
5.2?【任务10】单选按钮和
? 复选框设计110
5.2.1　任务描述110
5.2.2　思路剖析110
5.2.3　任务实现111
5.3?【任务11】下拉列表框
? 设计114
5.3.1　任务描述114
5.3.2　思路剖析114
5.3.3　任务实现114
5.4?【任务12】搜索框
? 设计117
5.4.1　任务描述117
5.4.2　思路剖析117
5.4.3　任务实现118
基础操练121

6.1?认识APP导航123
6.2?【任务13】标签式
? 导航设计126
6.2.1　任务描述127
6.2.2　思路剖析127
6.2.3　任务实现127
6.3?【任务14】宫格式导航
? 设计130
6.3.1　任务描述130
6.3.2　思路剖析131
6.3.3　任务实现132
基础操练138

7.1?图片效果设计技巧140
7.2?【任务15】音乐播放
? 界面设计142
7.2.1　任务描述142
7.2.2　思路剖析142
7.2.3　任务实现143
7.3?【任务16】APP引导页
? 设计147
7.3.1?任务描述147
7.3.2?思路剖析148
7.3.3?任务实现148
基础操练151

8.1?产品定位及优势154
8.2?绘制草图和原型图154
8.3?项目设计定位164
8.4?项目设计剖析165
8.4.1　启动图标165
8.4.2　加载页166
8.4.3　引导页166
8.4.4　首页167
8.4.5　搜索页172
8.4.6　搜索结果页174
8.4.7　商品分类页175
8.4.8　商品详情页177
8.4.9　登录页178
8.4.10　购物车页180
8.4.11　订单结算页182
8.4.12　用户中心页183
基础操练186

前言/序言

随着移动互联网行业的迅猛发展，越来越多形式新颖、功能强大的APP出现在人们生活中。面对竞争日趋激烈的APP市场，UI设计成为提升用户对产品直观体验的决定因素，它的美观度、规范化、交互性直接决定了人们对该软件的第一印象。众多公司对用户界面设计的需求让UI设计成为一个热门岗位。
为什么要学习本书
尽管UI行业发展迅速，UI设计师需求量激增，但在国内真正高水平的、能充分满足市场需要的UI设计师却为数甚少。由于缺乏对UI设计规范的深入了解和专业技能训练，缺乏开发经验，一些UI设计师很难适应企业对UI人才的需求。因此，UI设计行业虽然市场前景看似一片光明，但是若不解决人才问题，未来将岌岌可危。因此，我们认为有必要推出一本以任务实践为主线的UI设计教材，为UI设计师提供一个良好的学习与交流的资源，帮助初学者快速入门。
如何使用本书
本书针对的是已掌握Photoshop软件操作工具的人群，以既定的编写体例（案例式）巩固对理论知识点的学习。通过案例式的教学模式寓教于乐，让学生轻松掌握案例中的知识点（任务描述→思路剖析→任务实现）。在内容编排上，本书以手机APP开发模块为主线，结合案例的描述和分析，让读者更好地体验到设计思路、技巧和理念；在内容选择、结构安排上，更加符合从业人员职业技能水平的提高，从而达到老师易教、学生易学的目的。
全书共分8章，以Photoshop CC作为基础操作软件，提供了16个精选案例和1个综合项目。每个精选案例均配备相应的基础练习，以帮助读者全面、快速吸收知识。各章节讲解内容介绍如下：
（1）第1章介绍APP界面设计的基础知识，包括UI设计概述、APP设计流程和要素、移动设备尺寸、UI设计风格、手机操作系统等内容。
（2）第2章介绍图标设计技巧，包括扁平图标、微扁平图标和拟物图标的设计。
（3）第3章介绍滑块设计技巧，主要包括滑块构成要素、滑块类型和设计要点。
（4）第4章介绍按钮设计技巧，包括色块按钮、渐变质感按钮及水晶按钮等设计。
（5）第5章介绍表单控件设计技巧，包括单选按钮和复选框设计、下拉列表框设计、按钮设计。
（6）第6章介绍表单APP导航绘制技巧，包括导航分类介绍，以及标签式导航设计和宫格式导航设计。
（7）第7章介绍图片设计技巧，包括常用的镜面效果、倒影效果、毛玻璃效果等。
（8）第8章介绍优选网APP项目设计，包括产品定位、草图绘制、页面定位和剖析。
本书以案例驱动为导向引出所学知识，涉及图标、滑块、按钮、导航、布局等UI设计相关技巧，案例丰富。读者需要多上机实践，以便熟练掌握UI设计技巧。同时，本书的第2～7章的每个章节中均包含2～3个任务，教师在使用本书时，可以结合教学设计，采用任务式的教学模式，通过不同类型的任务案例，提升学生对知识点的掌握与理解。
致谢
本书的编写和整理工作由传智播客教育科技股份有限公司完成，主要参与人员有吕春林、王哲、连蕊蕊、张鹏、李凤辉、陈亚坤、恩意等，全体人员在近一年的编写过程中付出了很多辛勤的汗水，在此一并表示衷心的
感谢。
意见反馈
尽管我们尽了最大的努力，但教材中仍难免会有疏漏与不妥之处，欢迎各界专家和读者朋友来信来函提出宝贵意见，我们将不胜感激。在阅读本书时，如发现任何问题或有不认同之处，可以通过电子邮件与我们取得联系。
请发送电子邮件至：itcast_book@vip.sina.com


黑马程序员
2017年3月

《指尖上的创意：精通交互式App界面设计与实用开发指南》 在这个数字浪潮席卷一切的时代，应用程序（App）已成为我们日常生活不可或缺的一部分，从社交互动、信息获取到娱乐消遣、效率管理，无处不在。而支撑这些强大功能的，正是用户眼前那一扇扇精美、直观、易用的交互界面。本书旨在为渴望在这个充满活力的领域崭露头角的读者，提供一份系统而深入的指导。我们不仅仅聚焦于“看”得好，更强调“用”得顺，将美学设计与实际应用开发无缝对接，帮助您打造出真正能够打动用户、解决实际问题的优秀App。 第一部分：洞察用户心理，奠定设计基石 在着手任何设计之前，理解目标用户是成功的首要前提。本部分将带领您深入探索用户研究的方方面面。我们将从用户画像的构建入手，教您如何识别目标用户的年龄、性别、职业、兴趣、使用习惯、技术水平以及痛点需求。通过用户访谈、问卷调查、可用性测试等多种方法，搜集真实的用户反馈，确保设计决策有据可依。 接着，我们将转向用户旅程的梳理。理解用户在使用App过程中可能经历的每一个触点、每一个环节，绘制出详细的用户旅程图。这有助于我们发现潜在的设计瓶颈和用户流失点，从而有针对性地进行优化。我们还将探讨同理心地图的应用，帮助设计者站在用户的角度去感受、去思考，从而设计出更贴合用户情感和需求的界面。 在明确用户需求和使用场景之后，信息架构（IA）的设计显得尤为重要。本部分将详细讲解如何对App的内容和功能进行逻辑性的组织和分类，构建清晰、直观的信息层级。我们将学习卡片分类法、树状图等工具，确保用户能够轻松地找到他们所需的信息和功能，避免信息过载和迷失方向。 第二部分：掌握视觉语言，塑造品牌灵魂 一个成功的App界面，不仅要有清晰的结构，更要有独特的视觉风格。本部分将深入剖析App界面设计的核心视觉元素，并指导您如何有效地运用它们。 我们将从色彩理论开始，讲解色彩的情感联想、色彩搭配原则以及如何在App设计中运用色彩来引导用户注意力、传递品牌信息、提升用户体验。了解色彩心理学，能够帮助您选择最能引起目标用户共鸣的色彩方案。 接着，我们将聚焦于排版设计。字体是界面中的“声音”，不同的字体会传递不同的情感和信息。我们将学习字体选择的原则，如可读性、情感表达、品牌契合度等，并掌握字号、行距、字间距等排版要素的黄金法则，确保文本信息清晰易读，提升整体界面的专业度和美感。 图形与图标的设计也是App界面中不可或缺的元素。本部分将探讨图标的易识别性、一致性以及如何通过图形来增强界面的信息传达效率。我们将学习不同风格的图标设计，并了解如何制作一套风格统一、表达清晰的图标系统。 此外，我们还将深入讲解留白（Negative Space）的重要性。留白并非“浪费空间”，而是用来突出重要内容、引导用户视线、营造舒适视觉感受的强大工具。我们将学习如何在界面中巧妙运用留白，让设计呼吸，让信息更聚焦。 第三部分：精炼交互逻辑，驱动用户行为 界面设计的核心在于交互。一个流畅、直观的交互设计能够极大地提升用户的使用效率和满意度。本部分将带领您构建强大的交互设计能力。 我们将从交互动词和用户操作入手，分析用户在App中最常执行的操作，并为这些操作设计最自然、最便捷的交互方式。我们将学习原型设计工具，如Figma、Sketch、Adobe XD等，并掌握如何利用它们来快速构建低保真和高保真原型，以验证交互逻辑的有效性。 导航设计是App交互的骨骼。本部分将详细介绍各种主流的导航模式，如底部标签栏、汉堡菜单、侧边栏导航等，并指导您如何根据App的复杂度和用户的使用习惯选择最合适的导航方案。我们还将讨论如何设计清晰的导航路径，确保用户始终清楚自己的位置以及如何到达目的地。 控件与组件的设计是交互体验的基石。本部分将深入讲解各种常用UI控件的设计原则，如按钮、输入框、滑动条、切换开关等，以及它们应该如何响应用户的操作。我们将学习如何设计具有良好反馈机制的控件，让用户明确知道他们的操作是否被成功接收。 动效与微交互的运用，能够为App注入生命力，提升用户体验的愉悦感。本部分将探讨如何在界面过渡、状态变化、反馈提示等方面运用恰当的动效，让App更具活力和趣味性。我们将学习如何运用微交互来引导用户、提供即时反馈，并增强用户与App之间的情感连接。 第四部分：打造高效工作流，实现落地开发 优秀的设计离不开高效的工作流程和对技术实现的理解。本部分将帮助您将设计想法转化为可执行的方案，并为与开发团队的协作打下坚实基础。 我们将详细介绍设计规范的制定。一套完整的设计规范，包括颜色、字体、间距、控件样式、动效规范等，能够确保App在不同平台和不同页面之间保持高度的一致性，提高开发效率，并最终提升产品的整体质量。 接着，我们将转向切图与资源管理。学习如何高效地导出不同分辨率和格式的设计资源，并掌握资源命名规范、文件夹管理等技巧，方便开发人员快速准确地获取所需素材。 我们将探讨响应式设计与自适应设计的理念。理解如何为不同的设备尺寸和屏幕分辨率设计出统一而又适配良好的界面，确保App在各种设备上都能呈现最佳的用户体验。 最后，本部分将聚焦于设计与开发的协作。我们将讲解如何在设计过程中与开发人员进行有效的沟通，如何理解开发的技术限制，以及如何通过标注、原型演示等方式清晰地传达设计意图。掌握跨职能团队协作的技巧，将极大地提高项目推进的效率和成功率。 第五部分：实践出真知，案例分析与进阶探索 理论学习需要与实践相结合，方能真正掌握精髓。本部分将通过大量的真实案例分析，帮助读者巩固所学知识，并进一步拓展视野。 我们将剖析市场上成功的App界面设计案例，深入分析其设计思路、亮点之处以及背后的用户洞察。通过拆解优秀作品，学习其精髓，并从中汲取灵感。 同时，我们也将探讨一些常见的UI设计陷阱，以及如何避免这些问题。例如，过度的动画、混乱的信息架构、不友好的交互流程等，都可能导致用户流失。 此外，本部分还将涉及一些进阶的UI设计主题，如无障碍设计（Accessibility Design），确保App能够被所有用户，包括残障人士使用；以及跨平台设计（Cross-Platform Design）的考量，如何在一个设计方案下满足iOS和Android等不同平台的设计规范和用户习惯。 结语 《指尖上的创意：精通交互式App界面设计与实用开发指南》不仅仅是一本技术手册，更是一本激发创意、赋能实践的指南。我们相信，通过系统学习本书内容，您将能够掌握从用户洞察到视觉表现，从交互逻辑到落地开发的完整流程，成为一名出色的App界面设计师，用您的创意和技能，点亮用户的数字生活，创造更多可能。无论您是初学者还是有一定基础的设计师，本书都将是您在App设计道路上不可或缺的伙伴。

评分☆☆☆☆☆

读完这本《智能手机APP UI设计与应用任务教程》，我个人感觉它更像是给初学者准备的一份“快速上手”的清单，而不是一本真正能够引领你成为优秀UI设计师的“指南”。书中的案例确实非常多，覆盖了生活、社交、工具等多个领域，这倒是挺好的，可以让你快速对各种APP的设计风格有一个初步的认识。但是，每一个案例的讲解都比较浅显，更多的是展示最终的界面，然后简单介绍一下实现过程，比如“这个按钮用了什么组件，颜色是什么”。我真正期待的是能够看到设计师是如何思考这些界面的，比如他们是如何进行用户需求分析的？在进行信息架构设计时，是如何组织内容的？在视觉风格的确定上，有没有什么设计原则的参考？这些更偏向于“设计思维”和“设计流程”的部分，在这本书里非常欠缺。很多时候，它只是告诉“怎么做”，而没有深入解释“为什么这么做”。例如，书中讲到某个APP的导航设计，只是给出了一种常见的模式，但并没有分析这种模式的优缺点，也没有提及在不同情况下，有哪些更优的导航设计方案。我希望能够看到一些关于设计决策背后的思考过程，一些案例分析，而不是简单的“拿来主义”式的展示。对于那些想深入理解UI设计原理，掌握解决实际设计问题的读者来说，这本书的内容可能就显得过于肤浅了。

评分☆☆☆☆☆

拿到这本《智能手机APP UI设计与应用任务教程》后，我抱着学习如何构建现代化、用户友好的APP界面去的，但说实话，这本书的内容并没有完全满足我的期望。它在讲解基本的UI元素和布局方面做得还算可以，比如如何使用各种图层工具、如何调整元素的间距等等，这些基础的知识点讲解得比较清晰。然而，当涉及到更深层次的设计理念和实际应用时，我就感觉有点力不从心了。我原本希望这本书能提供一些关于用户体验（UX）设计的进阶内容，比如如何进行用户测试，如何通过A/B测试来优化设计，或者如何运用数据分析来驱动UI设计决策。书中对这些方面的触及实在是太少了，更多的是集中在“表层”的设计技巧。举个例子，书中在讲解某个社交APP的评论区设计时，只是简单地演示了如何排版，如何设置点赞和回复按钮，却没有深入探讨如何通过UI设计来提升用户参与度和互动性，比如如何通过视觉引导鼓励用户发表评论，或者如何通过友好的交互设计来减少用户负面情绪。此外，对于一些前沿的设计趋势，比如暗黑模式的适配策略、或者如何设计具有包容性的UI，让不同残障程度的用户都能方便使用，书中也几乎没有提及。总的来说，这本书更像是一本“工具书”，告诉你如何使用工具，但对于如何运用工具来解决复杂的“设计问题”，提供的内容就显得有些不足了。

评分☆☆☆☆☆

这本书的封面设计倒是挺吸引人的，简洁大方，色彩搭配也很和谐，一眼就能看出是关于技术类书籍，但具体内容嘛，我只能说，我当初是被这个封面“骗”进来的。拿到书之后，我翻了几页，就觉得内容有点…怎么说呢，感觉它更像是一本入门级别的操作指南，讲的都是一些非常基础的知识点，比如如何新建一个项目，如何添加一个按钮，如何调整颜色等等。我本来期望能看到一些更深入的探讨，比如在用户研究方面，如何通过用户画像来指导设计，或者在用户体验的评估方法上，能有一些案例分析和实际操作的技巧。但是，这本书在这方面的内容几乎是空白的，更多的是停留在“怎么做”的层面，而没有触及“为什么这么做”的深层逻辑。比如，在讲到按钮的尺寸和位置时，只是给出了一个通用的建议，但并没有解释为什么这个尺寸和位置对于不同类型的用户群体和不同的使用场景会有不同的影响，也没有提及一些根据人体工程学原理进行的优化。而且，书中对于一些高级的设计技巧，比如动效设计、交互逻辑的复杂化处理、或者是如何运用AI来辅助设计，更是只字未提。总的来说，这本书更适合那些完全没有接触过UI设计，想快速了解一下大概流程的朋友，但对于想要提升设计能力，或者想深入理解UI设计背后原理的读者来说，这本书的内容可能就有些不够看了。

评分☆☆☆☆☆

坦白说，这本书的宣传点在于“任务教程”，我以为它会提供一系列循序渐进的、有挑战性的任务，引导读者从零开始，逐步掌握APP UI设计的精髓，并且在完成任务的过程中，能够深入理解设计背后的逻辑和原理。然而，实际翻阅下来，这本书的任务设置感觉有些“水”，更像是简单的模仿和套用。每一个任务都相对独立，而且完成的门槛并不高，很多时候只需要按照书中的步骤“照猫画虎”就能完成。我期待的是能够看到一些能够激发思考和创新的任务，比如“设计一个能够提升用户学习效率的学习APP界面”，或者“为一款面临用户流失问题的APP设计一套新的交互流程”。这样的任务能够促使读者去分析问题、寻找解决方案，从而真正地锻炼设计能力。但这本书的任务更像是“完成一个界面”，缺乏了深度和广度。而且，书中对于完成任务后的“复盘”和“总结”也做得不够，没有引导读者去思考如何将学到的知识应用到其他项目中，也没有提供一些“进阶”的挑战，让读者在完成基础任务后，能够进一步提升自己的设计水平。因此，我认为这本书在“任务”的设计和内容的深度上，还有很大的提升空间，不足以让读者真正掌握“智能手机APP UI设计与应用”的精髓。

评分☆☆☆☆☆

收到这本《智能手机APP UI设计与应用任务教程》，我原本是想深入了解如何在实际的APP开发流程中，将优秀的UI设计理念转化为可执行的设计方案，并且希望能够学习到一些关于跨平台设计、或者针对不同设备尺寸的响应式设计策略。然而，这本书的内容似乎更侧重于孤立的界面元素讲解，而对整个设计流程和更宏观的设计考量缺乏系统性的阐述。比如，书中在介绍颜色和字体时，只是给出了一些基础的搭配原则，并没有深入探讨色彩心理学在APP设计中的应用，或者不同字体在不同文化背景下的解读差异。更让我感到遗憾的是，关于APP的性能优化对UI设计的影响，以及如何通过UI设计来提升APP的加载速度和流畅度，书中几乎没有提及。我希望能够看到一些关于如何平衡美观与性能的设计案例，或者如何根据用户设备硬件条件来调整UI设计方案的指导。此外，对于一些在实际开发中非常重要的环节，比如与开发人员的协作沟通，如何输出规范的设计稿，以及如何利用设计工具的插件来提高效率，书中也只是泛泛而谈，没有提供具体的操作方法和实用的技巧。总的来说，这本书在内容的系统性和实践指导性上，还有待加强，对于那些希望全面掌握APP UI设计，并将其有效应用于实际项目的读者来说，这本书可能需要搭配其他更具深度和广度的书籍一起阅读。