Photoshop智能手机UI设计

第１章　手机UI 设计概述

1.1　手机UI 设计概述　002

1.1.1　什么是UI ？　002

1.1.2　优秀的UI 具有哪些特点　003

1.2　UI 设计的布局和分类　003

1.2.1　UI 设计的布局　003

1.2.2　UI 设计的分类　005

1.3　如何制作出优秀的UI　008

1.4　UI 设计师如何自我提升　012

1.4.1　形状/ 轮廓　012

1.4.2　美术基础　013

1.4.3　色彩识别　013

1.4.4　引导视觉　014

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

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

第2　章 手机UI 设计基础

2.1　关于手机　021

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

2.1.2　手机屏幕的分辨率　021

2.1.3　屏幕的色彩　022

2.2　UI 设计相关知识　023

2.2.1　什么是UI 设计　023

2.2.2　UI 设计的目的和重要性　024

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

2.2.4　平面UI 与手机UI 的不同　025

2.3　UI 设计的原则　026

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

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

第3　章 Photoshop 制作图标常用的编辑操作

3.1　UI 设计的准则　032

3.2　图标设计的格式和大小　034

3.2.1　JPEG 格式　034

3.2.2　PNG 格式　034

3.2.3　GIF 格式　034

3.2.4　图标尺寸大小　035

3.3　跟大师设计一组图标　036

3.3.1　准备工作　036

3.3.2　构思、草图　036

3.3.3　辅助背景制作　037

3.3.4　基本形、放大　038

3.3.5　创作过程　038

3.3.6　常用方法——变形　040

3.3.7　成品　041

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

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

第4　章 手机UI 的平面图标制作

实战01　Home 图标制作　049

实战02　日历图标制作　051

实战03　录音机图标制作　053

实战04　文件夹图标制作　055

实战05　徽