Photoshop智能手机UI设计电子书

扉页

目录

内容提要

前言

Chapter 01 手机UI设计概述

1.1 手机UI设计概述

1.1.1 什么是UI？

1.1.2 优秀的UI具有哪些特点

1.2 UI设计的布局和分类

1.2.1 UI设计的布局

1.2.2 UI设计的分类

1.3 如何制作出优秀的UI

1.4 UI设计师如何自我提升

1.4.1 形状/轮廓

1.4.2 美术基础

1.4.3 色彩识别

1.4.4 引导视觉

设计思路：如何设计出更加友好的UI

知识扩展：浏览本书所有范例，从视觉上总结UI设计的基本要素

Chapter 02 手机UI设计基础

2.1 关于手机

2.1.1 智能手机操作系统的分类

2.1.2 手机屏幕的分辨率

2.1.3 屏幕的色彩

2.2 UI设计相关知识

2.2.1 什么是UI设计

2.2.2 UI设计的目的和重要性

2.2.3 UI设计中最重要的元素是什么

2.2.4 平面UI与手机UI的不同

2.3 UI设计的原则

设计思路：一个UI设计师去找工作，如何展示他的价值

知识扩展：思考一下UI设计的流程？

Chapter 03 Photoshop制作图标常用的编辑操作

3.1 UI设计的准则

3.2 图标设计的格式和大小

3.2.1 JPEG格式

3.2.2 PNG格式

3.2.3 GIF格式

3.2.4 图标尺寸大小

3.3 跟大师设计一组图标

3.3.1 准备工作

3.3.2 构思、草图

3.3.3 辅助背景制作

3.3.4 基本形、放大

3.3.5 创作过程

3.3.6 常用方法——变形

3.3.7 成品

设计思路：设计图标的三个阶段

知识扩展：图标格式的那点事

Chapter 04 手机UI的平面图标制作

实战 01 Home图标制作

实战 02 日历图标制作

实战 03 录音机图标制作

实战 04 文件夹图标制作

实战 05 徽章图形

实战 06 秒表图形

设计思路：绘制基本形状

知识扩展1：了解绘图模式

知识扩展2：了解图层样式

Chapter 05 手机UI的字效表现

实战 01 车灯字体

实战 02 星星字体

实战 03 牛仔布料字体

设计思路：在APP UI中如何控制字号

知识扩展：字体配色的那点事

Chapter 06 手机UI的质感表现

实战 01 金属

实战 02 胶布

实战 03 玻璃

实战 04 光滑表面

实战 05 木纹

实战 06 皮革

实战 07 纸张

实战 08 陶瓷

实战 09 光滑漆皮

实战 10 塑料、金属和玻璃综合表现

设计思路2：iOS扁平化系统有哪些特色

知识扩展：关于透明元素和透明度使用的艺术

Chapter 07 手机UI的立体图标制作

实战 01 Dribbbleb图标制作

实战 02 按钮图标制作

实战 03 Chrome图标制作

实战 04 twieer图标制作

实战 05 照相机图标制作

设计思路1：图标设计的流程

设计思路2：如何让图标更具吸引力

知识扩展：立体图标的设计原则

Chapter 08 手机UI的按钮设计

实战 01 发光按钮

实战 02 控制键按钮

实战 03 播放器按钮

实战 04 清新开关按钮

实战 05 高调旋钮

设计思路：如何设计和谐的交互

知识扩展：设计师关于按钮设计的几点建议

Chapter 09 手机UI局部设计

实战 01 登录UI

实战 02 设置UI开关

实战 03 通知列表UI

实战 04 日历UI

设计思路：如何制作配色卡

知识扩展：关于进度条设计的几点建议

Chapter 10 手机UI零件设计大集合

实战 01 进度条

实战 02 音量设置

实战 03 选项设置

设计思路：导航列表的设计原则

Chapter 11 手机UI整体制作

实战 01 Windows Phone手机UI总体设计

实战 02 苹果手机IOS UI总体设计

实战 03 Android手机UI总体设计

附录 网络资源与常用UI设计工具

1.网络资源

2.原型设计辅助工具