Photoshop 智能手机App图标和界面设计(附视频)电子书

精彩案例展示

内容提要

前言

1 进入App的世界

1.1 初识App

1.1.1 什么是App

1.1.2 为什么开发App

1.1.3 App的开发过程

1.2 App的获取途径

1.2.1 苹果应用商店

1.2.2 谷歌应用商店

1.2.3 小米应用商店和魅族应用中心

1.3 运行App的三大系统

1.3.1 Android系统

1.3.2 iOS系统

1.3.3 Windows 10 Mobile系统

1.4 App的类型

1.4.1 影音类App

1.4.2 电商类App

1.4.3 社交类App

1.4.4 音乐类App

2 App设计基础

2.1 App的界面构成

2.1.1 状态栏

2.1.2 导航栏与菜单栏

2.1.3 内容区域

2.1.4 虚拟键盘

2.1.5 简化操作

2.2 App界面设计规范

2.2.1 手机屏幕尺寸

2.2.2 手机屏幕分辨率

2.2.3 手机像素密度

2.2.4 常用的屏幕分辨率

2.3 App图标设计规范

2.3.1 图标尺寸

2.3.2 图标格式

2.4 快速颜色搭配

2.4.1 取色配色法

2.4.2 同色系配色法

2.4.3 邻近色配色法

2.4.4 类似色配色法

2.4.5 互补色配色法

2.5 App设计与用户体验

2.5.1 App设计的要点

2.5.2 用户体验

2.6 常用的设计软件

2.6.1 Photoshop CS6

2.6.2 Illustrator CS6

3 使用Photoshop创作App

3.1 绘制各种图形的工具

3.1.1 正方形和长方形

3.1.2 圆和椭圆

3.1.3 圆角矩形

3.1.4 自定义形状

3.2 App常见的组件制作

3.2.1 按钮

3.2.2 滑动条

3.2.3 对话框

3.2.4 选项框

3.3 图形的效果处理

3.3.1 镜面效果

3.3.2 倒影效果

3.3.3 画中画效果

3.3.4 弥散阴影效果

3.3.5 长阴影效果

3.3.6 缺角阴影效果

4 不同风格App图标设计

4.1 扁平化风格图标

4.1.1 时钟图标

4.1.2 火箭图标

4.2 物化风格图标

4.2.1 水晶质感按钮

4.2.2 调节按钮图标

4.3 卡通风格图标

4.3.1 描边卡通一

4.3.2 描边卡通二

5 不同风格App界面设计

5.1 浅谈App界面设计

5.2 扁平化界面风格

5.3 拟物化界面风格

5.4 真实照片界面风格

5.5 根据主题制作的App

5.6 常见工具界面

6 影音App

6.1 登录界面

6.2 主界面

6.3 热门界面

6.4 筛选界面

7 电商App

7.1 主界面

7.2 商店界面

7.3 商品界面

7.4 购物车界面

8 社交App

8.1 个人界面

8.2 主界面

附录

A 网站资源共享

B 图标资源共享

C 图片资源共享

D App设计禁忌