APP UI设计之道

《APP UI设计之道》是全面学习APP UI设计和Photoshop使用方法与技巧的快速入门与提高教程， 内容包括Photoshop系统的使用基础、APP UI设计基础、APP中的光影设计、APP中的字体设计、简约Icon设计、三维Icon设计、多种图形设计、控件设计、界面设计、导航设计等。 在内容安排上，为了使读者更快地掌握软件的基本功能，书中结合大量的UI实例讲解Photoshop 软件中一些抽象的概念、命令和功能。在写作方式上，《APP UI设计之道》紧贴软件的实际操作界面，使用软件中真实的对话框、操控板和按钮等进行讲解，使初学者能够直观、准确地操作软件进行学习，从而尽快上手，提高学习效率。 《APP UI设计之道》内容全面，条理清晰，实例丰富，讲解详细，适合UI设计爱好者阅读，也可供想进入UI设计领域的读者朋友，以及设计专业的大中专学生阅读。

甘霖， 现任华北理工大学艺术学院动画与数字艺术系主任，副教授、硕士生导师。作品获第五届华北地区包装设计大赛金奖并入选《中国设计年鉴》，监制作品26集原创三维动画片《七星传奇》于2011年6月在中央电视台一套综合频道播出；出版学术专著4部，高等学校教材2部；多幅艺术作品、学术论文发表于《装饰》、《电影文学》等核心期刊。

第1 章 Photoshop 系统的使用基础 1 1.1 Photoshop 的安装、卸载、启动和退出 2 1.1.1 安装Photoshop 2 1.1.2 卸载Photoshop 2 1.1.3 启动Photoshop 2 1.1.4 退出Photoshop 3 1.2 图形图像文件的基本操作 4 1.3 Photoshop 系统界面调整 8 1.3.1 界面组成部分 9 1.3.2 调整界面 14 第2 章 APP UI 设计基础 15 2.1　APP UI 设计概述 16 2.1.1 UI 设计概述 16 2.1.2 APP 概述 16 2.1.3 Photoshop 软件 17 2.1.4 APP UI 设计必备技术 18 2.2　APP UI 界面设计团队与流程 20 2.2.1　APP 界面设计者与产品团队 20 2.2.2　APP 界面设计与项目流程 21 2.2.3　视觉设计 22 2.3　APP UI 界面设计理论 23 2.3.1　用户操作习惯 23 2.3.2　界面布局 23 2.3.3　操作简单 28 2.3.4　在操作方式上创新 29 2.3.5　在设计中投入情感 29 2.3.6　APP UI 的配色理论 29 2.4　APP UI 界面设计技巧 33 2.4.1 完整的APP UI 设计流程 34 2.4.2 图标设计的流程 37 2.4.3 让图标更具吸引力 37 第3 章 APP 中的光影设计 39 3.1　玻璃质感图标设计 40 3.1.1 设计构思 40 3.1.2 操作步骤 40 3.2　牛仔裤质感设计 49 3.2.1 设计构思 49 3.2.2 操作步骤 49 3.3 木纹质感设计 64 3.3.1 设计构思 64 3.3.2 操作步骤 64 3.4　绚丽光线界面设计 94 3.4.1 设计构思 94 3.4.2 操作步骤 94 3.5　UI 设计师必备技能：颜色搭配 102 3.5.1　简约配色设计 102 3.5.2　混合特效设计 103 3.5.3　具体案例 104 第4 章 APP 中的字体设计 105 4.1　斜面浮雕字体设计 106 4.1.1 设计构思 106 4.1.2 操作步骤 106 4.2　钻石字体设计 112 4.2.1 设计构思 112 4.2.2 操作步骤 113 4.3　立体岩石材质字体设计 118 4.3.1 设计构思 118 4.3.2 操作步骤 118 4.4　 UI 设计师必备技能：文字设计 126 4.4.1　字号设计 126 4.4.2　UI 文字设计标准 127 第5 章 APP 中的简约Icon设计 129 5.1　联系人图标设计 130 5.1.1 设计构思 130 5.1.2 操作步骤 130 5.2　搜索图标设计 132 5.2.1 设计构思 132 5.2.2 操作步骤 133 5.3　照相机图标设计 135 5.3.1 设计构思 135 5.3.2 操作步骤 135 5.4　闹钟图标设计 140 5.4.1 设计构思 140 5.4.2 操作步骤 140 5.5　简约平面图标整套设计 150 5.5.1 设计构思 150 5.5.2 操作步骤 151 5.6　设计师必备技能：图标大小选择 163 第6 章 APP 中的三维Icon设计 165 6.1　音乐图标设计 166 6.1.1 设计构思 166 6.1.2 操作步骤 166 6.2　录音器图标设计 172 6.2.1 设计构思 172 6.2.2 操作步骤 173 6.3　电话簿图标设计 177 6.3.1 设计构思 177 6.3.2 操作步骤 177 6.4　立体勾选框图标设计 182 6.4.1 设计构思 182 6.4.2 操作步骤 182 6.5　实体手机设计 188 6.5.1 设计构思 188 6.5.2 操作步骤 188 6.6 UI 设计师必备技能：图标的设计 202 6.6.1 表现形态 202 6.6.2 图标特性 203 6.6.3 图标设计的构思 204 第7 章 APP 中的多种图形设计 205 7.1　二维码扫描图形设计 206 7.1.1 设计构思 206 7.1.2 操作步骤 206 7.2　徽标图形设计 210 7.2.1 设计构思 210 7.2.2 操作步骤 210 7.3　个性条形码设计 218 7.3.1 设计构思 218 7.3.2 操作步骤 218 7.4　夏日海景宣传海报设计 222 7.4.1 设计构思 222 7.4.2 操作步骤 222 7.5 UI 设计师必备技能：构图技巧 231 7.5.1 粗细对比 231 7.5.2 远近对比 231 7.5.3 疏密对比 231 7.5.4 动静对比 231 7.5.5 中西对比 232 7.5.6 古今对比 232 第8 章 APP 中的控件设计 233 8.1 立体旋钮设计 234 8.1.1 设计构思 234 8.1.2 操作步骤 234 8.2　开关按钮设计 243 8.2.1 设计构思 243 8.2.2 操作步骤 243 8.3　金属质感旋钮设计 250 8.3.1 设计构思 251 8.3.2 操作步骤 251 8.4 进度按钮设计 260 8.4.1 设计构思 260 8.4.2 操作步骤 260 8.5 透明界面按钮设计 266 8.5.1 设计构思 266 8.5.2 操作步骤 266 8.6 滑动控件设计 287 8.6.1 设计构思 287 8.6.2 操作步骤 287 8.7　UI 设计师必读：如何设计按钮 292 8.7.1　关联分组 292 8.7.2　层级关系 292 8.7.3　善用阴影 292 8.7.4　圆角边界 293 8.7.5　强调重点 293 8.7.6　按钮尺寸 293 8.7.7　表述必须明确 294 第9 章 APP 中的界面设计 295 9.1　Loading 游戏加载界面设计 296 9.1.1 设计构思 296 9.1.2 操作步骤 296 9.2　日历和拨号界面设计 304 9.2.1 设计构思 304 9.2.2 操作步骤 304 9.3　清新主题的对话框设计 326 9.3.1 设计构思 327 9.3.2 操作步骤 327 9.4　个性化报错界面设计 333 9.4.1 设计构思 333 9.4.2 操作步骤 334 9.5 UI 设计师必备技能：界面设计 343 9.5.1 清晰地展现信息层级 343 9.5.2 采用一致的设计语言 344 9.5.3 在细节上给予惊喜 344 第10 章 APP 中的导航设计 345 10.1　导航栏设计 346 10.1.1 设计构思 346 10.1.2 操作步骤 346 10.2　透明列表界面设计 349 10.2.1 设计构思 350 10.2.2 操作步骤 350 10.3　设置界面设计 359 10.3.1 设计构思 360 10.3.2 操作步骤 360 10.4　扁平化手机界面的设计 365 10.4.1 设计构思 366 10.4.2 操作步骤 366 10.5 UI 设计师必备技能：UI 设计原则 373 10.5.1 可视性 373 10.5.2 反馈 374 10.5.3 限制 374 10.5.4 映射 374 10.5.5 一致性 374 10.5.6 启发性 374 第11 章 APP 综合案例设计 375 11.1　引导界面设计 376 11.1.1 设计构思 376 11.1.2 操作步骤 376 11.2　登录/ 注册界面的设计 381 11.2.1 设计构思 381 11.2.2 操作步骤 381 11.3　扁平化选择列表设计 385 11.3.1 设计构思 385 11.3.2 操作步骤 385 11.4　欢迎界面的设计 389 11.4.1 设计构思 389 11.4.2 操作步骤 389