APP UI设计之道
作 者:甘霖,李雪 编著 著作
定 价:98
出 版 社:清华大学出版社
出版日期:2018年04月01日
页 数:394
装 帧:平装
ISBN:9787302495567
《APP UI设计之道》以Photoshop UI图标制作和界面交互设计为中心,通过50余个典型实例,讲解了当前热门的手机APP UI设计技术,主要有图标制作、质感效果制作、字体制作、三维ICON制作、图形设计、各类控件制作等,以及手机整体界面的制作方法,帮助读者在短的时间内精通UI设计技术,迅速从新手变为UI界面和APP界面的设计高手。适合UI设计爱好者,想进入UI设计领域的读者朋友,以及设计专业的大中专学生阅读。 《APP UI设计之道》的内容设计以让读者学有所依、学有所用为宗旨,采用以例带点的讲解方式,即将每个知识点的讲解都融入到具体的典型实例中,范例丰富、情景生动、图文并茂、内容翔实,可以带给读者独特而高效的学习体验。
《APP UI设计之道》是全面学习APP UI设计和Photoshop使用方法与技巧的快速入门与提高教程, 内容包括Photoshop系统的使用基础、APP UI设计基础、APP中的光影设计、APP中的字体设计、简约Icon设计、三维Icon设计、多种图形设计、控件设计、界面设计、导航设计等。在内容安排上,为了使读者更快地掌握软件的基本功能,书中结合大量的UI实例讲解Photoshop 软件中一些抽象的概念、命令和功能。在写作方式上,《APP UI设计之道》紧贴软件的实际操作界面,使用软件中真实的对话框、操控板和按钮等进行讲解,使初学者能够直观、准确地操作软件进行学习,从而尽快上手,提高学习效率。《APP UI设计之道》内容全面,条理清晰,实例丰富,讲解详细,适合UI设计爱好者阅读,也可供想进入UI设计领域的读者朋友,以null
甘霖, 现任华北理工大学艺术学院动画与数字艺术系主任,副教授、硕士生导师。作品获第五届华北地区包装设计大赛金奖并入选《中国设计年鉴》,监制作品26集原创三维动画片《七星传奇》于2011年6月在中央电视台一套综合频道播出;出版学术专著4部,高等学校教材2部;多幅艺术作品、学术论文发表于《装饰》、《电影文学》等核心期刊。
第3 章 APP 中的光影设计本章收录了四个界面和图标的设计实践练习,包含图形绘制、图层样式技巧等操作。通过这些练习,可以使读者更加深刻地认识到光与影在设计中起到的重要作用。关键知识点矢量工具的应用透视感和玻璃质感图层样式光与影3.1 玻璃质感图标设计玻璃质感被广泛应用于设计中,可以说是设计师的宠儿。这不仅因为玻璃看上去玲珑剔透、透明质感很好好,还因为玻璃的反光会轻松营造出清新、唯美的感觉。3.1.1 设计构思本案例制作具有玻璃质感的界面。首先利用绿色作为背景,为圆角矩形添加图层样式表现出玻璃的质感,再加上反光的设计,使玻璃质感更加突出,很后绘制APP 图标,完成本例的制作。3.1.2 操作步骤(1) 新建文档。执行“文件”→“新建”命令,null
目 录第1 章 Photoshop 系统的使用基础 11.1 Photoshop 的安装、卸载、启动和退出 21.1.1 安装Photoshop 21.1.2 卸载Photoshop 21.1.3 启动Photoshop 21.1.4 退出Photoshop 31.2 图形图像文件的基本操作 41.3 Photoshop 系统界面调整 81.3.1 界面组成部分 91.3.2 调整界面 14第2 章 APP UI 设计基础 152.1 APP UI 设计概述 162.1.1 UI 设计概述 162.1.2 APP 概述 162.1.3 Photoshop 软件 172.1.4 APP UI 设计推荐技术 182.2 APP UI 界面设计团队与流程 202.2.1 APP 界面设计者与产品团队 202.2.2 APP 界面设计与项目流程 212.2.3 视觉设计 222.3 APP UI 界面设计理论 232.3.1 用户操作习惯 232.3.2 界面布局 232.3.3 操作简单 282.3.4 在操作方式上创新 292.3.5 在设计中投入情感 292.3.6 APP UI 的配色理论 292.4 APP UI 界面设计技巧 332.4.1 完整的APP UI 设计流程 342.4.2 图标设计的流程 372.4.3 让图标更具吸引力 37第3 章 APP 中的光影设计 393.1 玻璃质感图标设计 403.1.1 设计构思 403.1.2 操作步骤 403.2 牛仔裤质感设计 493.2.1 设计构思 493.2.2 操作步骤 493.3 木纹质感设计 643.3.1 设计构思 643.3.2 操作步骤 643.4 绚丽光线界面设计 943.4.1 设计构思 943.4.2 操作步骤 943.5 UI 设计师推荐技能:颜色搭配 1023.5.1 简约配色设计 1023.5.2 混合特效设计 1033.5.3 具体案例 104第4 章 APP 中的字体设计 1054.1 斜面浮雕字体设计 1064.1.1 设计构思 1064.1.2 操作步骤 1064.2 钻石字体设计 1124.2.1 设计构思 1124.2.2 操作步骤 1134.3 立体岩石材质字体设计 1184.3.1 设计构思 1184.3.2 操作步骤 1184.4 UI 设计师推荐技能:文字设计 1264.4.1 字号设计 1264.4.2 UI 文字设计标准 127第5 章 APP 中的简约Icon设计 1295.1 联系人图标设计 1305.1.1 设计构思 1305.1.2 操作步骤 1305.2 搜索图标设计 1325.2.1 设计构思 1325.2.2 操作步骤 1335.3 照相机图标设计 1355.3.1 设计构思 1355.3.2 操作步骤 1355.4 闹钟图标设计 1405.4.1 设计构思 1405.4.2 操作步骤 1405.5 简约平面图标整套设计 1505.5.1 设计构思 1505.5.2 操作步骤 1515.6 设计师推荐技能:图标大小选择 163第6 章 APP 中的三维Icon设计 1656.1 音乐图标设计 1666.1.1 设计构思 1666.1.2 操作步骤 1666.2 录音器图标设计 1726.2.1 设计构思 1726.2.2 操作步骤 1736.3 电话簿图标设计 1776.3.1 设计构思 1776.3.2 操作步骤 1776.4 立体勾选框图标设计 1826.4.1 设计构思 1826.4.2 操作步骤 1826.5 实体手机设计 1886.5.1 设计构思 1886.5.2 操作步骤 1886.6 UI 设计师推荐技能:图标的设计 2026.6.1 表现形态 2026.6.2 图标特性 2036.6.3 图标设计的构思 204第7 章 APP 中的多种图形设计 2057.1 二维码扫描图形设计 2067.1.1 设计构思 2067.1.2 操作步骤 2067.2 徽标图形设计 2107.2.1 设计构思 2107.2.2 操作步骤 2107.3 个性条形码设计 2187.3.1 设计构思 2187.3.2 操作步骤 2187.4 夏日海景宣传海报设计 2227.4.1 设计构思 2227.4.2 操作步骤 2227.5 UI 设计师推荐技能:构图技巧 2317.5.1 粗细对比 2317.5.2 远近对比 2317.5.3 疏密对比 2317.5.4 动静对比 2317.5.5 中西对比 2327.5.6 古今对比 232第8 章 APP 中的控件设计 2338.1 立体旋钮设计 2348.1.1 设计构思 2348.1.2 操作步骤 2348.2 开关按钮设计 2438.2.1 设计构思 2438.2.2 操作步骤 2438.3 金属质感旋钮设计 2508.3.1 设计构思 2518.3.2 操作步骤 2518.4 进度按钮设计 2608.4.1 设计构思 2608.4.2 操作步骤 2608.5 透明界面按钮设计 2668.5.1 设计构思 2668.5.2 操作步骤 2668.6 滑动控件设计 2878.6.1 设计构思 2878.6.2 操作步骤 2878.7 UI 设计师推荐阅读:如何设计按钮 2928.7.1 关联分组 2928.7.2 层级关系 2928.7.3 善用阴影 2928.7.4 圆角边界 2938.7.5 强调重点 2938.7.6 按钮尺寸 2938.7.7 表述必须明确 294第9 章 APP 中的界面设计 2959.1 Loading 游戏加载界面设计 2969.1.1 设计构思 2969.1.2 操作步骤 2969.2 日历和拨号界面设计 3049.2.1 设计构思 3049.2.2 操作步骤 3049.3 清新主题的对话框设计 3269.3.1 设计构思 3279.3.2 操作步骤 3279.4 个性化报错界面设计 3339.4.1 设计构思 3339.4.2 操作步骤 3349.5 UI 设计师推荐技能:界面设计 3439.5.1 清晰地展现信息层级 3439.5.2 采用一致的设计语言 3449.5.3 在细节上给予惊喜 344第10 章 APP 中的导航设计 34510.1 导航栏设计 34610.1.1 设计构思 34610.1.2 操作步骤 34610.2 透明列表界面设计 34910.2.1 设计构思 35010.2.2 操作步骤 35010.3 设置界面设计 35910.3.1 设计构思 36010.3.2 操作步骤 36010.4 扁平化手机界面的设计 36510.4.1 设计构思 36610.4.2 操作步骤 36610.5 UI 设计师推荐技能:UI 设计原则 37310.5.1 可视性 37310.5.2 反馈 37410.5.3 37410.5.4 映射 37410.5.5 一致性 37410.5.6 启发性 374第11 章 APP 综合案例设计 37511.1 引导界面设计 37611.1.1 设计构思 37611.1.2 操作步骤 37611.2 登录/ 注册界面的设计 38111.2.1 设计构思 38111.2.2 操作步骤 38111.3 扁平化选择列表设计 38511.3.1 设计构思 38511.3.2 操作步骤 38511.4 欢迎界面的设计 38911.4.1 设计构思 38911.4.2 操作步骤 389