Photoshop智能手机APP界面设计之道

第1章 APP 界面设计基础

1.1 APP 界面设计基础 02

1.1.1 APP 简介 02 

1.1.2 iOS的界面设计原则 02 

1.1.3 Android 的界面设计原则 05 

1.1.4 界面美观  05

1.2 APP 设计概述 07

1.2.1 设计界面元素要统一 07 

1.2.2 以用户为中心的设计 09 

1.2.3 手机界面设计常用的5种布局 10 

1.2.4 提升关注内容 11 

1.2.5 启动和退出 11

1.3 手机界面设计尺寸标准 12

1.3.1 英寸(Inch) 12 

1.3.2 分辨率(Resolution) 12 

1.3.3 网点密度 (DPI) 13 

1.3.4 屏幕密度 (Screen Densities) 13 

1.3.5 图标尺寸大小与格式 14

1.4 手机界面的色彩搭配与视觉效果 15

1.4.1 色彩的重要性 15 

1.4.2 色彩的分类 15 

1.4.3 色彩搭配方法 16 

1.4.4 简约明快型 17

1.4.5 趣味与独创型 17 

1.4.6高贵华丽型 17

1.5APP 设计教程之色彩搭配信息图标 18

1.5.1色彩三要素 18 

1.5.2配色工具 18 

1.5.3色彩搭配 20 

1.5.4色彩的强度与选择 23 

第2章 APP 设计流程

2.1 定位设计 26

2.2 核心功能的确认 26

2.3 ADS 26

2.4 草图的绘制 26

2.5 低保真原型与高保真原型 27

2.6 视觉设计 28 

第3章 iOS APP 基本元素的制作

3.1 块面组成界面 30

3.2 巧用圆角矩形设计 40

3.3 色彩化的手机天气预报 56

3.4 妙用圆形设计 64

3.5 深浅色系手机天气APP 74 

第4章 常用软件界面设计

4.1 生活类型 APP 界面设计 80

4.2 基础色调设计常用图形 92

4.3 单色系的界面设计 105 

第5章 APP 常用效果制作

5.1 常用登录界面设计 118

5.2 纯色的天气预报界面 132

5.3 统一风格的 APP 设计 145 

第6章 APP 常用图标设计

6.1 木质效果 158

6.2 有金属质感的按钮 165

6.3 纯平面效果 176

6.4 色块效果 181

6.5 纹理效果按钮设计 192

6.6 清新效果界面 200

 第7章 设计手机整体界面

7.1 常用选项框界面 210

7.2 主屏显示 218

7.3 音乐播放器主屏 223

7.4 特效相机界面 229