本书是一本专门介绍使用Photoshop设计制作APP元素的图书。全书分为6章,每章都包含丰富的APP设计知识和设计制作过程的详细讲解,包括APP UI元素设计基础、APP图标设计、APP按钮设计、APP导航设计、APP其他界面元素设计和APP整体框架界面设计,通过案例逐一讲解,使读者由浅及深逐步地了解使用Photoshop进行APP设计的整体设计思路和制作过程。
小到图标、按钮、导航制作,大到整体界面设计APP各类控件及同类型控件元素之间的效果区分将理论融入案例,先分析后操作,强调实操性适合APP UI设计师、相关从业者及设计类学生
随着智能手机和各种移动终端设备的普及,APP 作为第三方应用程序已逐渐把人们带入一个习惯使用APP 客户端上网的时期。目前,各种APP 应用层出不穷,APP UI 设计师也成为了人才市场上十分紧俏的职业。 本书内容本书是一本专门介绍使用Photoshop 设计制作APP 元素的图书。全书分为6 章,第1 章介绍了APP UI 元素设计基础,帮助读者了解APP UI 基础以及使用Photoshop 绘制基础元素;第2 章~ 第4章介绍了APP 图标设计、APP 按钮设计和APP 导航设计,通过理论知识与案例制作的结合逐一讲解这些APP 中最常见的元素;第5 章介绍了APP 其他元素的设计,包括表单设计、对话框设计和主页桌面小工具设计等,前面章节的安排使读者由浅及深逐步地了解使用Photoshop 进行APP 元素设计的设计思路和制作过程;第6 章介绍了APP 整体框架界面设计,包括界面设计基础知识,以及系统界面、应用程序界面和手机主题界面的制作,通过完整界面的制作来综合前面各章知识,帮助读者巩固学习,并能将理论应用到实际工作中。 本书特色讲练结合,专业性强。本书将APP UI 元素设计的相关理论与实例操作相结合,不仅能使读者学到专业知识,也能在实例操作中掌握实际应用,全面掌握APP UI 的元素设计方法。 案例丰富,实操性强。书中案例涉及APP 中的界面元素设计,如图标设计、按钮设计、导航设计等,最后一章介绍了完整的APP 界面设计,将前面所学应用到实际操作中去。 创意灵感,全面性强。书中每章添加了“设计师心得”模块,全面讲解了APP UI 设计中的行业知识、准则知识,帮助读者拓展APP UI 的相关知识。 海量资源,轻松学习。本书配套光盘中包括书中所有案例的相关设计素材、效果文件和视频教学,读者可以通过书盘结合轻松掌握书中知识。 本书适合读者本书不仅适合APP UI 设计爱好者,以及准备从事APP UI 设计的人员,也适合Photoshop 使用者,包括平面设计师、网页设计师等相关人员,同时也可作为大中专相关专业及培训中心学生的辅助教材。 由于时间仓促、作者水平有限,书中不足之处在所难免,欢迎广大读者批评指正。
第1 章 APP UI 元素设计基础1.1 认识APP UI 设计 1.1.1 APP UI 设计与网页UI 设计的区别 1.1.2 APP UI 设计流程 1.1.3 APP 界面配色1.1.4 APP 界面设计原则 1.1.5 APP UI 设计师必须掌握的基本技能 1.2 APP UI 元素质感 1.2.1 质感的体现 1.2.2 用Photoshop 图层样式实现UI 质感 1.3 用Photoshop 绘制基础元素图形 1.3.1 椭圆 1.3.2 矩形、圆角矩形 1.3.3 椭圆矩形 1.3.4 组合图形 1.4 APP UI 设计师心得 1.4.1 图形绘制中的布尔运算 1.4.2 APP 设计规范第2 章 APP 图标设计2.1 图标设计基础 2.1.1 图标尺寸 2.1.2 图标分类 2.1.3 图标设计优点 2.1.4 图标设计原则 2.1.5 图标设计流程 2.1.6 设计技巧 2.2 不同风格图标设计 2.2.1 立体图标设计 2.2.2 写实拟物图标设计 2.2.3 线性图标设计 2.2.4 扁平化图标设计 2.3 不同质感与纹理的图标 2.3.1 糖果质感 2.3.2 木头纹理 2.3.3 织布纹理 2.4 应用图标设计 2.4.1 时间图标 2.4.2 照相机图标 2.4.3 日历图标 2.5 APP UI 设计师心得 2.5.1 图标设计的重要细节 2.5.2 如何提升应用图标的点击率 第3 章 APP 按钮设计3.1 按钮设计基础 3.1.1 按钮尺寸 3.1.2 按钮的形态 3.1.3 按钮设计技巧 3.2 不同质感与纹理按钮 3.2.1 水晶质感 3.2.2 金属质感 3.2.3 纸盒质感 3.2.4 发光效果 3.3 不同功能按钮设计案例 3.3.1 开关按钮 3.3.2 滑块按钮 3.3.3 进度条滑块 3.4 APP UI 设计师心得 3.4.1 设计新手使用Photoshop 的技巧 3.4.2 设计师需要熟记的Photoshop快捷键 第4 章 APP 导航设计4.1 如何设计导航 4.2 主要导航样式 4.2.1 标签式导航 4.2.2 抽屉式导航 4.2.3 宫格式导航 4.2.4 列表式导航 4.2.5 混合组合导航 4.2.6 滑动式导航 4.3 其他导航 4.3.1 次要导航模式4.3.2 悬浮导航 4.3.3 个性导航 4.4 APP UI 设计师心得 4.4.1 APP 界面中的文字排版设计原则 4.4.2 将iOS 的UI 设计转换成安卓平台的技巧 第5 章 APP 其他界面元素设计5.1 表单设计 5.1.1 登录表单 5.1.2 注册表单 5.1.3 搜索表单 5.2 对话框设计 5.2.1 聊天对话框 5.2.2 操作提示对话框 5.3 主页桌面小工具设计 5.3.1 天气插件 5.3.2 音乐插件 5.4 APP UI 设计师心得 5.4.1 设计师不得不知的安卓屏幕知识 5.4.2 APP 动效设计第6 章 APP 整体框架界面设计6.1 APP 界面设计基础 6.1.1 APP 分类 6.1.2 APP 界面设计的原则 6.1.3 界面的构图 6.1.4 常见的界面 6.1.5 界面切图与导出 6.2 主流类型APP 界面设计 6.2.1 手机系统照相APP 界面 6.2.2 手机系统收音机APP 界面 6.2.3 天气预报APP 界面 6.2.4 平板电脑音乐APP 界面 6.2.5 手机主题APP 界面 6.3 APP UI 设计师心得 6.3.1 APP 界面切图命名和文件整理规范 6.3.2 APP 设计师必知的用户体验十大原则