Photoshop智能手机APP UI设计之道

第01章智能手机 APP 界面设计概述

1．1?智能 APP界面设计概述010

1．1．1?什么是智能手机用户界面 010

1．1．2?优秀的界面具有哪些特点 011

1．2? APP界面设计的布局和分类 012

1．2．1? APP 界面设计的布局 012

1．2．2? APP 界面设计的分类 013

1．3?如何制作出优秀的 APP界面 016

1．3．1?你的 UI是不是保持着高度一致016

1．3．2?用户可以自由掌控自己的操作吗017

1．3．3?你对你的用户群了解吗 017

1．3．4?你有预防错误的措施吗 018

1．3．5?你有没有在重要的位置为用户展示出最重要的内容018

1．3．6?你的设计是不是显得很简约018

1．3．7?你有没有使用视觉提示019

1．3．8?你的 UI有操作提示吗 019

1．3．9?你的内容清晰吗 019

1．3．10?你是怎样使用色彩的 019

1．3．11?你的 UI是不是太过花哨 020

1．3．12?你的 UI结构是否清晰明了020

1．4? UI 设计师如何自我提升 020

1．4．1?形状 / 轮廓 021

1．4．2?美术基础021

1．4．3?色彩识别 022

1．4．4?引导视觉 022

设计思路：如何设计出更加友好的界面 024

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

第02章手机 UI设计基础

2．1?关于手机030

2．1．1?智能手机操作系统的分类 030

2．1．2?手机屏幕的分辨率 030

2．1．3?屏幕的色彩 031

2．2? UI 设计相关知识 032

2．2．1?什么是 UI设计 032

2．2．2? UI设计的目的和重要性 033

2．2．3? UI设计中最重要的元素是什么 033

2．2．4?平面 UI与手机 UI的不同 033

2．3? UI 设计的原则 034

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

知识拓展：思考一下 UI设计的流程 037

第03章APP 界面设计的色彩理论

3．1?色彩的意象 040

3．2?色彩的重要性042

3．2．1?色彩的物理效应 042

3．2．2?色彩的心理反应 042

3．3?色彩的属性 043

3．3．1?色彩的分类 043

3．3．2?色相 043

3．3．3?明度 044

3．3．4?饱和度 044

3．3．5?色调 044

3．4?色彩的搭配原则 045

3．4．1?色相配色 045

3．4．2?色调配色 046

3．4．3?明度配色 047

3．5?使用 Kuler配色 047

设计思路：如何找到完美的色彩搭配 050

知识拓展：色彩在 UI设计中起到什么样的作用 056

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

4．1? Photoshop? CC的工作界面 058

4．1．1?了解工作界面 058

4．1．2?了解工具箱 059

4．1．3?了解选项栏 059

4．1．4?了解状态栏 061

4．1．5?了解面板 062

4．2? UI 设计的准则 063

4．3?图标设计的格式和大小 064

4．3．1? JPEG 格式 065

4．3．2? PNG 格式 065

4．3．3? GIF格式 065

4．3．4?图标尺寸大小 065

4．4?跟大师设计一组图标 066

4．4．1?准备工作 066

4．4．2?构思、草图 067

4．4．3?辅助背景制作 067

4．4．4?基本形、放大067

4．4．5?创作过程 068

4．4．6?常用方法——变形 069

4．4．7?成品 070

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

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

第05章手机 UI设计平面图标制作

实战 01? Home 图标制作 078

实战 02?日历图标制作 079

实战 03?录音机图标制作 081

实战 04?文件夹图标制作 083

实战 05?徽章图形 085

实战 06?秒表图形 088

设计思路：绘制基本形状 092

知识拓展 1：了解绘图模式 095

知识拓展 2：了解图层样式 095

第06章手机 UI设计的字效表现

实战 01?车灯字体 098

实战 02?星星字体 102

实战 03?牛仔布料字体 106

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

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

第07章UI的质感表现

实战 01?金属 114

实战 02?胶布 118

实战 03?玻璃 121

实战 04?光滑表面 127

实战 05?木纹 135

实战 06?皮革 138

实战 07?纸张 143

实战 08?陶瓷 144

实战 09?光滑漆皮 147

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

设计思路：Apple 和 Android 移动端尺寸指南 155

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

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

第08章手机 UI设计立体图标制作

实战 01? Dribbbleb 图标制作 160

实战 02?按钮图标制作 164

实战 03? Chrome 图标制作 170

实战 04? twieer 图标制作 173

实战 05?照相机图标制作 176

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

知识拓展：立体图标的设计原则? 183

第09章手机 UI按钮设计

实战 01?发光按钮 186

实战 02?控制键按钮 189

实战 03?播放器按钮 193

实战 04?清新开关按钮 198

实战 05?高调旋钮 203

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

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

第10章手机 UI局部界面设计

实战 01?登录界面 212

实战 02?设置界面开关 217

实战 03?通知列表界面 223

实战 04?日历界面 230

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

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

第11章手机 UI零件设计大集合

实战 01?进度条 242

实战 02?音量设置 251

实战 03?选项设置 265

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

第12章智能手机 UI整体界面制作

实战 01?Windows? Phone 手机界面总体设计 276

实战 02?苹果手机 iOS 界面总体设计 289

实战 03? Android 手机界面总体设计 300

附录 313

随着智能手机在中国的快速发展，APP类软件被越来越多的人青睐。《Photoshop智能手机APP UI设计之道》主要以Android、iOS和Windows Phone三大系统为操作平台讲解用户界面（UI）的设计思路和制作过程。
　　《Photoshop智能手机APP UI设计之道》共12章。分别介绍了图标设计的领域和概念，包括图标设计中材质绘制的色彩理论和图标的设计技巧和用Photoshop制作各种UI常用元素的方法，即常用图形、控件、启动图标以及图片特殊处理以及各种类型APP
　　软件UI设计的实战练习，同时还分析了各平台UI的设计思路。附录还推荐了不少有用的UI设计的网络资源和视觉参考资料。
　　附赠的学习资源，内容丰富，具有极高的学习和使用价值，不仅完整收录了书中所有实例的素材和源文件，还包含书中所有实例的视频教学录像。
　　《Photoshop智能手机APP UI设计之道》适合想要快速掌握UI设计制作方法Photoshop的软件使用者；也适合广大平面设计爱好者和有一定设计经验需要进一步提高图像处理、平面设计水平的相关行业从业人员使用；还可作为各类计算机培训学校、大中专院校的教学辅导用书。