创意UI Photoshop玩转App设计 第2版电子书

内容提要

前言

第1章 一起踏入App的世界

1.1 初识App

1.1.1 什么是App

1.1.2 手机App与平面UI的区别

1.1.3 两大智能手机的操作系统

1.1.4 App的设计要点

1.1.5 常见App设计的经典案例

1.2 两大App主流应用商店

1.2.1 苹果商店

1.2.2 谷歌商店

1.3 App的草图设计流程及方法

1.3.1 制作App的市场定位

1.3.2 草图的绘制

1.3.3 视觉设计

1.3.4 最终定案

1.4 常见App设备标准

1.4.1 屏幕尺寸

1.4.2 屏幕分辨率

1.4.3 屏幕密度

1.5 设备中图标尺寸大小规格

1.5.1 图标尺寸

1.5.2 图标格式

1.6 App的界面构成

1.6.1 导航栏

1.6.2 屏幕栏

1.6.3 下方按钮栏

1.7 给你的App一点颜色看看

1.7.1 冷暖色调对比

1.7.2 色彩搭配技巧

1.7.3 常见App界面色彩

1.8 那些你不可不知的App分类

1.8.1 应用程序

1.8.2 欢迎界面

1.8.3 游戏App设计

1.9 制作App常用的设计软件

1.9.1 Photoshop CS6

1.9.2 Illustrator CS6

第2章 App设计的特点和用户体验

2.1 App的特性

2.1.1 虚拟键盘

2.1.2 目录导航

2.1.3 功能操作

2.1.4 自上而下的操作

2.1.5 减少输入

2.1.6 足够大的按钮面积

2.1.7 多点触控手势

2.2 图标的设计要点

2.2.1 图标的可识别性

2.2.2 注重图标的创新性

2.2.3 图标设计的连续性

2.3 App的下载平台

2.3.1 安卓系统下载平台

2.3.2 iOS系统下载平台

2.4 App与用户体验

2.4.1 App设计要点

2.4.2 用户体验

2.5 两大主流平台与App之间的关系

2.5.1 安卓平台

2.5.2 iOS平台

第3章 Photoshop创作个性App

3.1 基础图形的绘制

3.1.1 圆形、椭圆

3.1.2 正方形、长方形

3.1.3 圆角矩形

3.1.4 组合图形

3.1.5 虚线框

3.1.6 自定义形状

3.2 手机App中常见按钮的制作

3.2.1 开关

3.2.2 下拉选框

3.2.3 滑动条

3.2.4 对话框

3.3 让人过目不忘的启动图标

3.3.1 安卓系统启动图标

3.3.2 iOS系统启动图标

3.4 个性图标的制作

3.4.1 扁平化图标

3.4.2 高清质感图标

3.4.3 游戏图标

3.5 单击图标后的界面

3.5.1 手机App登录页面UI设计

3.5.2 手机App引导页UI设计

3.5.3 手机App启动页UI设计

3.6 化腐朽为神奇的图片效果处理

3.6.1 调整照片色调

3.6.2 画中画效果

3.6.3 外边框效果

3.6.4 卷页效果

第4章 界面要素决定App风格

4.1 扁平化风格界面制作

实战1 安卓手机界面扁平化风格制作

实战2 苹果手机界面扁平化风格制作

4.2 立体图标界面制作

实战1 彩虹立体按钮涂图标界面

实战2 水晶立体图标界面

实战3 金属质感界面

4.3 照片图像界面制作

实战1 日照光效界面

实战2 光效处理界面

实战3 翻页照片界面

4.4 写实风格界面制作

实战1 超写实风格界面

实战2 中国风写实木纹界面

4.5 绘画艺术界面制作

实战1 手绘涂鸦艺术界面

实战2 动漫风格艺术界面

实战3 矢量插画风格界面

第5章 不同应用系统界面

5.1 工具应用系统界面

实战1 通信主界面

实战2 闹钟应用界面

实战3 天气应用界面

实战4 手电应用界面

实战5 计算器应用界面

5.2 主题应用系统界面

实战1 超萌绘画界面

实战2 简洁创意界面

实战3 清新主题手机界面

5.3 程序软件应用系统界面

实战1 手机社交应用界面

实战2 手机相机应用界面

实战3 手机音乐应用界面

5.4 游戏应用系统界面

实战1 经典消除游戏界面

实战2 棋牌游戏界面

实战3 闯关游戏界面

附录

A App资源共享

A.1 App精致图标欣赏

A.2 你不可不知的优秀界面欣赏

A.3 你所需要的分层素材共享

B App界面构成组件

B.1 主屏模式

B.2 声音

B.3 显示

B.4 应用程序管理器

B.5 语言和输入

B.6 日期和时间

B.7 辅助功能

C App产品设计禁忌

C.1 App屏幕设计禁忌

C.2 App文字设计禁忌

C.3 App选项设计禁忌

C.4 App按钮图标设计禁忌

C.5 App空间性设计禁忌