Photoshop智能手机APP 界面设计2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

Photoshop智能手机APP 界面设计PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 移动APP设计基础1

1.1 移动UI设计概述2

1.1.1 什么是UI设计2

1.1.2 移动UI设计的特点3

1.1.3 移动UI与网站UI的区别5

1.2 了解UI设计师7

1.2.1 研究界面——图形设计师（Graphic UI Designer）7

1.2.2 研究人与界面的关系——交互设计师（Interaction Designer）7

1.2.3 研究人——用户测试／研究工程师（User Experience Engineer）7

1.3 了解移动APP7

1.3.1 什么是APP8

1.3.2 APP视觉设计的奥秘8

1.3.3 APP视觉效果的个性化10

1.4 移动APP设计流程及视觉设计11

1.4.1 移动APP设计流程11

1.4.2 视觉设计12

1.5 移动APP设计中的色彩搭配14

1.5.1 认识色彩14

1.5.2 色彩在APP界面设计中的作用15

1.5.3 APP界面配色原则17

1.5.4 使用Kuler配色19

1.6 常见移动设备尺寸标准19

1.6.1 屏幕尺寸19

1.6.2 屏幕分辨率20

1.6.3 屏幕密度21

1.7 本章小结21

第2章 移动APP图标设计22

2.1 了解APP图标23

2.1.1 什么是图标23

2.1.2 图标设计的作用24

2.1.3 iOS系统图标常用尺寸26

2.1.4 Android系统图标常用尺寸28

2.1.5 图标常用格式28

2.2 拟物化图标30

2.2.1 什么是拟物化图标30

2.2.2 拟物化图标的特点31

实战案例——设计拟物化时钟图标32

2.3 扁平化图标40

2.3.1 什么是扁平化图标40

2.3.2 扁平化图标的特点40

2.3.3 基础风格扁平化图标41

实战案例——设计基础风格购物图标42

2.3.4 阴影风格扁平化图标47

实战案例——设计阴影风格设置图标47

2.3.5 长阴影风格扁平化图标53

实战案例——设计长阴影风格日期图标54

2.3.6 微渐变风格扁平化图标62

实战案例——设计微渐变风格天气图标62

2.4 APP图标设计原则68

2.4.1 辨识性68

2.4.2 实用性68

2.4.3 差异性69

2.4.4 创意性69

2.4.5 视觉性70

2.4.6 协调性70

实战案例——设计音乐APP启动图标70

2.5 本章小结77

第3章 移动APP界面基本元素设计78

3.1 认识APP界面基本图形79

3.1.1 直线79

3.1.2 矩形79

3.1.3 圆角矩形80

3.1.4 圆形80

3.1.5 其他图形81

实战案例——设计APP登录界面81

3.2 按钮设计86

3.2.1 按钮设计注意事项86

3.2.2 游戏APP界面按钮87

实战案例——设计游戏APP界面按钮87

3.3 开关与滚动条设计91

3.3.1 开关91

3.3.2 滚动条92

实战案例——设计APP设置界面92

3.3.3 进度条97

实战案例——设计游戏进度条98

3.4 搜索栏设计102

3.4.1 了解APP界面中的搜索栏102

3.4.2 扁平化搜索栏103

实战案例——设计APP搜索栏103

3.5 菜单和工具栏设计106

3.5.1 菜单的重要性106

实战案例——设计APP菜单界面107

3.5.2 菜单的设计要点111

实战案例——设计弹出下拉菜单111

3.5.3 工具栏的作用116

实战案例——设计圆形快捷工具栏116

3.6 本章小结122

第4章 iOS系统界面设计123

4.1 iOS系统124

4.1.1 iOS系统概述124

4.1.2 iOS系统的发展124

4.1.3 iOS系统的基本组件126

4.2 iOS系统UI设计规范127

4.2.1 iPhone界面尺寸127

4.2.2 iPad界面尺寸128

4.2.3 iOS系统APP布局129

实战案例——设计iOS系统待机界面129

4.3 了解全新的iOS 9135

4.3.1 iOS 8与iOS 9的区别135

4.3.2 iOS 9的特点138

4.3.3 iOS 9界面设计遵循的原则140

实战案例——设计iOS 9风格日历界面141

4.4 iOS系统界面设计规范146

4.4.1 iOS系统应用特点146

4.4.2 确保在iPhone和iPad上通用146

4.4.3 重新考虑基于Web的设计147

实战案例——设计iOS系统主界面147

4.5 如何设计出色的iOS系统应用界面154

4.5.1 内容决定设计154

4.5.2 保证清晰的视觉效果155

4.5.3 使用深度层次进行交流156

实战案例——设计iOS系统天气界面158

实战案例——设计iOS系统通话界面162

4.6 iOS系统界面的设计原则166

4.6.1 美观性167

4.6.2 一致性167

4.6.3 操作便捷168

4.6.4 及时反馈168

4.6.5 暗喻169

4.6.6 用户控制170

实战案例——设计iOS系统音乐播放界面170

4.7 本章小结176

第5章 Android系统界面设计177

5.1 了解Android系统178

5.1.1 Android系统概述178

5.1.2 Android系统的发展178

5.1.3 Android系统的基本组件179

5.1.4 了解深度定制Android系统179

5.2 Android系统UI设计规范181

5.2.1 Android系统的设计尺寸181

5.2.2 字体的使用标准182

5.2.3 色彩的应用标准184

实战案例——设计Android系统锁屏界面188

5.3 了解全新的Android L系统192

5.3.1 全新的UI设计风格192

5.3.2 优化用户体验193

5.3.3 增强的通知中心194

5.3.4 增强的多任务功能194

5.3.5 性能升级194

5.3.6 增强电池续航能力194

实战案例——设计Android L风格手机主界面194

5.4 认识Android系统APP布局202

5.4.1 Android系统APP布局202

5.4.2 Android与iOS系统界面设计区别203

实战案例——设计Android系统待机界面206

5.5 Android系统界面的特点211

5.5.1 简约大方212

5.5.2 操作便捷212

5.5.3 通用性强212

5.5.4 布局合理213

实战案例——设计Android系统主界面213

5.6 Android系统的设计原则218

5.6.1 美观大方的界面218

5.6.2 使用户操作更加简单219

5.6.3 完善的操作流程222

实战案例——设计Android系统音乐APP界面223

5.7 本章小结233

第6章 Windows Phone系统界面设计234

6.1 了解Windows Phone系统235

6.1.1 Windows Phone系统概述235

6.1.2 Windows Phone系统的发展236

6.1.3 Windows Phone系统的特点237

6.1.4 Windows Phone系统的基本组件239

实战案例——设计Windows Phone系统待机界面239

6.2 认识Windows Phone手机UI界面243

6.2.1 Windows Phone 7手机界面244

6.2.2 Windows Phone 8手机界面245

6.2.3 Windows Phone 8系统的新功能246

6.2.4 Windows Phone界面的设计理念247

实战案例——设计Windows Phone系统主界面249

6.3 Windows Phone系统UI设计规范254

6.3.1 Windows Phone系统手机屏幕尺寸254

6.3.2 主界面254

6.3.3 状态栏255

6.3.4 应用程序栏256

6.3.5 图标256

6.3.6 屏幕方向257

6.3.7 字体257

6.3.8 推送通知258

实战案例——设计Windows Phone系统音乐播放界面259

6.4 Tile（磁贴）与Pivot（枢轴视图）设计264

6.4.1 Tile（磁贴）简介264

6.4.2 Tile（磁贴）的类型265

6.4.3 Tile（磁贴）的大小266

6.4.4 Pivot（枢轴视图）简介266

实战案例——设计Windows Phone平板界面267

6.5 独特的Panorama（全景视图）273

6.5.1 Panorama（全景视图）简介273

6.5.2 全景视图设计注意事项274

实战案例——设计全景视图界面275

实战案例——设计桌球手机游戏界面283

6.6 本章小结291

第7章 APP界面设计292

7.1 常见的APP应用类型293

7.1.1 实用功能类APP应用293

7.1.2 社交类APP应用293

7.1.3 娱乐、游戏类APP应用294

7.2 APP界面设计视觉效果294

7.2.1 简洁型的APP界面294

7.2.2 趣味与个性的APP界面295

7.2.3 华丽的APP界面295

实战案例——设计iPad影视APP界面296

7.3 APP引导界面303

7.3.1 功能介绍类304

7.3.2 使用说明类304

7.3.3 推广类304

7.3.4 问题解决类305

实战案例——设计APP引导界面305

7.4 APP界面设计要求311

7.4.1 APP界面的特点311

7.4.2 APP界面的设计流程312

7.4.3 APP界面的色彩搭配313

7.4.4 平板电脑界面的特点314

实战案例——设计音乐APP界面314

实战案例——设计iPad游戏登录界面322

7.5 APP界面设计原则331

7.5.1 实用性331

7.5.2 统一的色彩与风格331

7.5.3 合理的配色332

7.5.4 规范的操作流程332

7.5.5 视觉元素规范332

实战案例——设计购物APP界面333

7.6 APP界面设计注意事项340

7.6.1 APP界面视觉设计341

7.6.2 APP界面设计的用户体验341

实战案例——设计照片分享APP界面342

7.7 本章小结351