内容简介
本书针对有一定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 UI设计与应用任务教程 下载 mobi epub pdf txt 电子书 格式