本书主要介绍移动端App 界面设计的相关知识。全书共5 章,通过分析教育、电商、医疗、游戏、餐饮这几个行业手机界面的特点,讲解Android 系统和iOS 系统App 界面设计规范,带领读者运用Photoshop 软件设计、制作出优秀的手机界面。
本书以真实的移动端商业应用项目为载体,涉及业务需求分析、移动端UI/UE 流程设计、效果图设计、设计图标注与切图等内容,展现了企业移动端UI 设计开发的真实流程和设计技巧。
本书适为设计相关专业的教材,也适合UI 设计相关从业人员和爱好者阅读。
1.选取知识点核心实用,以行业应用组织学习内容,达到学以致用的目的;
2.以任务为驱动,实战为主线,涵盖设计基础、营销、交互设计等理念,注重培养实践能力;
3.以案例为主线组织知识点,配套素材及项目案例通过扫描二维码直接下载
4.充分考虑学习者的认知曲线,由浅入深,边讲边练
首创“智慧教材”,配套视频二维码,提供在线视频,扫描后直接看课。
课工场是专注互联网教育的生态平台,汇聚了中国和北美数百位来自知名互联网企业
的行业大咖,向寻求就业和技术提升的人群提供直播、录播、面授等多模式教学场景,并通过遍布全国的线下服务中心提供成熟的学习服务,形成完善的“互联网+ 教育”解决方案。同时,课工场也为高校、企业、行业提供教育技术赋能,依托Transformer 智能教育生态平台,打造智慧校园、企业大学、行业培训的教育场景,提供一站式教育解决方案。
目录
第 1章 iOS手机教育类App界面设计 1
1.1 项目介绍 2
1.1.1 乐动云课程项目概述 2
1.1.2 教育类App界面设计要求 2
1.2 教育类App设计理论 3
1.2.1 教育类App常见的分类 4
1.2.2 教育类App常见的视觉风格 4
1.2.3 教育类App常见的功能 7
1.3 项目设计规划 8
1.3.1 主要目标用户分析 8
1.3.2 功能层级梳理 9
1.4 教育类App界面设计实操 12
1.4.1 iOS系统启动图标设计 12
1.4.2 手机App首页设计 13
1.4.3 教育类App侧边栏设计 17
知识链接 18
1.5 切图、标注规范及设计技巧 20
1.5.1 切图、标注的常用工具 21
1.5.2 对手机App首页进行标注 21
1.5.3 对教育类App首页进行切图 24
本章总结 27
本章作业 28
第 2章 Android手机电商类App界面设计 29
2.1 项目介绍 30
2.1.1 美丽街项目概述 30
2.1.2 电商类App界面设计要求 30
2.2 电商类App设计理论 32
2.2.1 电商类App常见的分类 32
2.2.2 电商类App的特点 36
2.2.3 电商类App常见的视觉风格 38
2.2.4 电商类App常见的功能 40
2.3 项目设计规划 43
2.3.1 主要目标用户分析 43
2.3.2 功能层级梳理 43
2.4 电商类App界面设计实操 45
2.4.1 Android系统启动图标设计 45
2.4.2 电商类App关注页设计 47
2.4.3 电商类App购买页设计 49
2.4.4 电商类App引导页设计 51
知识链接 53
2.4.5 电商类App按钮点9切图 54
知识链接 56
本章总结 56
本章作业 57
第3章 医疗类App界面设计 59
3.1 项目介绍 60
3.1.1 项目概述 60
3.1.2 医疗类App界面设计要求 61
3.2 医疗类App设计理论 62
3.2.1 医疗类App常见的分类 62
3.2.2 医疗类App常见的视觉风格 65
3.2.3 医疗类App常见的功能 67
3.3 项目设计规划 69
3.3.1 主要目标用户分析 69
3.3.2 功能层级梳理 70
3.4 医疗类App界面设计实操 70
3.4.1 医疗类App启动图标设计 71
3.4.2 手机App界面原型图设计 73
3.4.3 手机App首页设计 75
3.4.4 一号药店手机App书架页设计 78
3.4.5 一号药店手机App登录页设计 81
知识链接 82
本章总结 85
本章作业 86
第4章 游戏类App界面设计 87
4.1 项目介绍 88
4.1.1 项目概述 88
4.1.2 游戏类App界面设计要求 89
4.2 游戏类App设计理论 90
4.2.1 游戏类App常见的分类 90
4.2.2 游戏类App常见的功能 93
4.2.3 游戏类App界面设计的原则 98
4.2.4 游戏类App开发项目组的团队架构 100
4.3 游戏类App设计技巧 102
4.3.1 游戏资源的复用 102
4.3.2 游戏资源的优化 106
4.3.3 游戏资源的配置 110
4.4 项目设计规划 111
4.4.1 主要目标用户分析 112
4.4.2 功能层级梳理 112
4.5 游戏类App界面设计实操 113
4.5.1 游戏类App游戏主页设计 113
4.5.2 游戏类App角色技能页设计 116
4.5.3 游戏类App商城页设计 119
本章总结 120
本章作业 121
第5章 Pad端餐饮类App界面设计 123
5.1 项目介绍 124
5.1.1 项目概述 124
5.1.2 Pad端餐饮类App界面设计要求 124
5.2 餐饮类App设计理论 125
5.2.1 餐饮类App常见的分类 125
5.2.2 餐饮类App常见的功能 128
5.3 Pad终端概述 131
5.3.1 Pad终端基本知识 131
5.3.2 Pad端界面设计规范 132
5.3.3 Pad端界面设计注意事项 133
5.4 项目设计规划 135
5.4.1 主要目标用户分析 135
5.4.2 功能层级梳理 135
5.5 Pad端餐饮类App界面设计实操 137
5.5.1 餐饮类App启动图标设计 137
5.5.2 餐饮类App欢迎页设计 138
5.5.3 餐饮类App点餐页设计 139
本章总结 141
本章作业 142