Photoshop手机App界面设计实战入门电子书

内容提要

前言

第01章 App界面基础知识

1.1 UI设计快速入门

1.1.1 UI设计概念

1.1.2 什么是App

1.1.3 手机UI与平面UI的不同

1.2 UI设计与产品团队合作流程关系

1.2.1 团队成员

1.2.2 UI设计流程

1.3 UI设计组成部分

1.3.1 ADS（Application Definition Statement）

1.3.2 画草图

1.3.3 低保真原型与高保真原型

1.3.4 Axure即 Axure RP

1.3.5 图形界面设计

1.4 常用UI设计单位解析

1.4.1 英寸（Inch）

1.4.2 分辨率（Resolution）

1.4.3 网点密度（DPI）

1.4.4 屏幕密度（Screen Densities）

1.5 UI设计常用图像格式

1.5.1 JPEG

1.5.2 GIF

1.5.3 PNG

1.5.4 ICO格式

1.5.5 ICL格式

1.5.6 IP格式

1.6 手机操作系统简介

1.6.1 Android系统

1.6.2 iOS系统

1.6.3 Windows Phone

1.7 UI界面设计常用的软件

1.7.1 Photoshop

1.7.2 Illustrator

1.7.3 CorelDRAW

1.8 UI设计原则

1.9 提升UI视觉效果的设计技巧

1.10 App界面组成说明

1.11 熟悉各系统组件

1.11.1 iOS的基础UI组件

1.11.2 Android的基础UI组件

1.11.3 Windows Phone的基础UI组件

第02章 UI界面设计色彩学

2.1 色彩学基础知识

2.1.1 颜色的概念

2.1.2 色彩的分类

2.1.3 色彩三要素

2.1.4 加法混色

2.1.5 减法混色

2.1.6 芒塞尔色彩系统（Munsell color system）

2.2 UI设计常见配色方案

2.2.1 单色搭配

2.2.2 近似色搭配

2.2.3 补色搭配

2.2.4 分裂补色搭配

2.2.5 原色的搭配

2.3 UI设计色彩学

2.3.1 色彩与生活

2.3.2 色彩意象

2.4 色彩的性格

第03章 App行业规则及设计分析

3.1 移动App按钮尺寸分析

3.1.1 一般规范标准

3.1.2 手指与尺寸大小

3.1.3 理想状态和特殊情况

3.2 常见界面设计解析

3.2.1 扁平化设计

3.2.2 写实设计

3.3 了解图标

3.3.1 图标的分类

3.3.2 图标的作用

3.3.3 图标和图像尺寸规范

3.4 UI界面设计尺寸标准

3.4.1 iPhone和Android设计尺寸

3.4.2 Android 系统换算及主流手机设置

第04章 App基本元素绘制

4.1 常用几何图形绘制

4.1.1 绘制工具分析

4.1.2 正方形、长方形

4.1.3 正圆、椭圆

4.1.4 圆角化处理

4.1.5 Squircle

4.1.6 虚线的绘制

4.1.7 多种形状组合

4.1.8 多种现有形状的绘制

4.2 App常见控件绘制

4.2.1 按钮

4.2.2 开关按钮

4.2.3 分段控件

4.2.4 滑块控件

4.2.5 泡泡对话框

4.2.6 文本框控件

4.3 App启动图标的制作

4.3.1 iOS启动图标制作

4.3.2 Windows Phone启动图标制作

4.3.3 Android启动图标制作

4.4 常见图片设计效果处理

4.4.1 色彩调节控制

4.4.2 一般投影的处理

4.4.3 镜面倒影的处理

4.4.4 镜面高光处理

4.4.5 画中画效果

4.4.6 翘边效果

4.4.7 经典白边框效果

4.4.8 App背景的处理

第05章 App界面设计实战

5.1 Android实例

5.1.1 页面模块分析

5.1.2 页面拆分详解

5.1.3 设计尺寸分析

5.1.4 如何设计

5.1.5 如何保存

5.2 iOS实例

5.2.1 新浪微博简介

5.2.2 拆分页面

5.2.3 未登录页面

5.2.4 注册页面

5.2.5 登录页面

5.3 Windows Phone实例

5.3.1 MixRadio页面模块分析

5.3.2 Windows Phone页面布局参数

附录

UI设计实用辅助工具

Axure

优秀国内外网站推荐

UI设计中常见名词释义

优秀炫酷图标赏析

经典拟物化图标

游戏类图标

质感类控件

扁平化界面

游戏界面

激发创作灵感的界面欣赏

iOS优秀界面欣赏

Android优秀界面欣赏

Windows Phone优秀界面欣赏