移动界面(Web/APP)Photoshop UI设计十全大补

目 录 Chapter 01 智能手机App UI设计 1.1　App UI设计概述 / 2 1.1.1　UI设计的概念 / 2 1.1.2　App客户端 / 2 1.1.3　主要工具软件 / 3 1.2　智能手机平面设计师要掌握的技术 / 3 1.3　优秀App界面 / 4 1.3.1　优秀App界面的特点 / 5 1.3.2　产品团队与设计师 / 6 1.3.3　项目中的App设计流程 / 6 1.3.4　设计灵感 / 7 1.4　设计构图与界面布局 / 8 1.4.1 App界面设计构图 / 8 1.4.2 智能手机界面的布局构成 / 9 1.5　优秀App界面的要求 / 12 Chapter 02 App界面设计的配色意向 2.1　App UI的色彩设计意象 / 18 2.2　色彩的表现力和感染力 / 20 2.2.1 色彩的效应 / 20 2.2.2 色彩的反应 / 22 2.3　色彩研究 / 22 2.4　配色 / 24 2.4.1 色相配色 / 25 2.4.2 色调配色 / 25 2.4.3 明度配色 / 27 2.5　使用Photoshop进行配色 / 28 2.6　配色案例 / 31 2.7　色彩的对比组合 / 38 Chapter 03 Photoshop制作App UI常用的操作 3.1　Photoshop CC的工作界面 / 40 3.1.1　了解Photoshop CC的工作界面 / 40 3.1.2　工具箱 / 41 3.1.3　选项栏 / 42 3.1.4 状态栏 / 44 3.1.5　面板 / 44 3.1.6　调整面板 / 46 3.2　选择工具 / 47 3.2.1 设定选区的工具组 / 48 3.2.2　矩形选框工具的选项栏 / 48 3.2.3　选区的基本运算 / 49 3.3　填充工具 / 51 3.3.1 渐变工具的选项栏 / 52 3.3.2 油漆桶工具的选项栏 / 56 3.4　理解图层的概念 / 57 3.4.1 “图层编组”命令 / 59 3.4.2　“排列”命令 / 60 Chapter 04 手机UI设计平面图标制作 4.1　设计吸引眼球的图标 / 62 4.2　图标的设计方案 / 63 4.3　正确的图标设计流程 / 64 4.4　启动键制作 / 70 4.5　人像图标制作 / 72 4.6　记事本图标制作 / 74 4.7　放大镜搜索图标制作 / 76 4.8　麦克风图标制作 / 78 Chapter 05 UI的质感表现 5.1　质感图标设计的三个阶段 / 82 5.1.1　确定题材 / 82 5.1.2　确定表现风格 / 82 5.1.3　具体实现 / 83 5.2　金属质感 / 84 5.3　磨砂玻璃质感 / 90 5.4　光滑表面质感 / 99 5.5　皮革质感 / 107 Chapter 06 手机UI设计的字效表现 6.1　App UI的字号控制 / 114 6.1.1　字体尺寸的规则 / 114 6.1.2 字体规范 / 115 6.2　字体配色 / 116 6.2.1 配色规则 / 116 6.2.2 叠加、柔光和透明度 / 117 6.3　玻璃字体 / 118 6.4　镶钻字效 / 123 6.5　布料字体 / 133 Chapter 07 手机UI设计立体图标制作 7.1　图标的存储格式 / 140 7.1.1　矢量格式与位图格式 / 140 7.1.2 JPG压缩格式 / 141 7.1.3　PNG非压缩格式 / 142 7.1.4　图像的有损和无损压缩 / 143 7.2　照相机图标制作 / 144 7.3　循环图标制作 / 158 7.4　多云图标制作 / 164 Chapter 08 手机UI界面元素设计 8.1　App UI设计思路 / 172 8.2　图形设计尺寸 / 173 8.3　登录界面 / 175 8.4　设置界面开关 / 181 8.5　通知列表 / 192 Chapter 09 手机UI按钮设计 9.1　App IU中按钮的设计思路 / 202 9.2　启动按钮 / 204 9.3　音乐播放按钮 / 215 9.4　清新彩色按钮 / 221 9.5　选项按钮 / 230 Chapter 10 智能手机UI整体界面制作 10.1　完整App UI界面的设计流程 / 238 10.1.1　需求阶段 / 238 10.1.2　分析设计阶段 / 238 10.1.3　调研验证阶段 / 239 10.1.4　方案改进阶段　 / 239 10.1.5　用户验证反馈阶段 / 240 10.2　Android界面时尚风格设计 / 241 10.2.1　制作锁屏界面 / 241 10.2.2 制作日程安排界面 / 246 10.2.3　制作相册界面 / 249 10.2.4　制作列表界面 / 253 10.3 　iOS界面扁平化风格设计 / 256 10.3.1 制作登录界面 / 256 10.3.2 制作主界面 / 258 10.3.3　制作日程安排界面 / 262 10.3.4　制作提示栏界面 / 265