| 作者 |
| 胡卫军 |
| 丛书名 |
| 出版社 |
| 电子工业出版社 |
| ISBN |
| 9787121389184 |
| 简要 |
| 简介 |
| 内容简介书籍计算机书籍 本书是一本使用Photoshop CC 2018进行UI界面设计制作的案例教程，语言浅显易懂，配合大量精美的UI界面设计案例，讲解了有关UI界面设计的相关知识和使用Photoshop CC 2018进行UI界面设计制作的方法和技巧。使读者在掌握UI界面设计各方面知识的同时，能够在UI界面设计制作基础上做到活学活用。 本书共分为15章，全面介绍了UI界面设计中的理论设计知识以及具体案例的制作方法，第1章UI设计基础，第2章UI设计配色，第3章图标按钮设计，第4章应用软件UI设计，第5章游戏UI设计，第6章网页UI设计，第7章淘宝店铺UI设计,第8章移动端APP设计,第9章图标按钮综合案例,第10章UI配色设计综合案例,第11章应用软件综合案例,第12章游戏UI综合案例,第13章网页UI综合案例,第14章淘宝店铺综合案例,第15章移动端APP综合案例。 |
| 目录 |
| 第1 章 关于UI 设计…………………………………………………………… 1 1.1 关于UI 设计……………………………………………………………………… 2 1.1.1 UI 设计概念 ………………………………………………………………… 2 1.1.2 设计类别 ……………………………………………………………………… 2 1.1.3 UI 设计流程 ………………………………………………………………… 6 1.2 了解UI 设计师…………………………………………………………………… 8 1.2.1 研究界面图形设计师 …………………………………………………… 8 1.2.2 研究人与界面的关系交互设计师 ……………………………………… 8 1.2.3 研究人用户测试/ 研究工程师 ………………………………………… 9 1.3 UI 设计应用软件………………………………………………………………… 9 1.3.1 图片处理Photoshop……………………………………………………… 9 1.3.2 矢量绘图Illustrator …………………………………………………… 10 1.3.3 矢量绘图Sketch ……………………………………………………… 10 1.3.4 交互效果Axure RP …………………………………………………… 11 1.3.5 小动画Flash …………………………………………………………… 11 1.4 UI 设计的构成元素…………………………………………………………… 12 1.4.1 文字元素 …………………………………………………………………… 12 1.4.2 图形符号元素 ……………………………………………………………… 13 1.4.3 图像元素 …………………………………………………………………… 13 1.4.4 多媒体元素 ………………………………………………………………… 13 1.4.5 色彩元素 …………………………………………………………………… 13 1.5 UI 设计的重要原则…………………………………………………………… 14 1.5.1 清晰明了的设计 …………………………………………………………… 14 1.5.2 记忆负担最小化 …………………………………………………………… 14 1.5.3 设计的一致性 ……………………………………………………………… 15 1.5.4 美观大方的设计 …………………………………………………………… 15 Ⅵ 1.5.5 从用户习惯考虑 …………………………………………………………… 15 1.5.6 安全性 ……………………………………………………………………… 16 1.5.7 灵活性 ……………………………………………………………………… 16 1.5.8 人性化 ……………………………………………………………………… 16 1.6 专题讨论… …………………………………………………………………… 17 1.6.1 为什么要培养设计师的产品思维？ ……………………………………… 17 1.6.2 产品层面思考 ……………………………………………………………… 18 1.7 本章小结… …………………………………………………………………… 18 第2 章 UI 设计配色… ……………………………………………………… 19 2.1 初识色彩… …………………………………………………………………… 20 2.1.1 色彩属性 …………………………………………………………………… 20 2.1.2 基础配色 …………………………………………………………………… 21 2.2 软件界面中的色彩搭配… …………………………………………………… 23 2.2.1 色调的一致性 ……………………………………………………………… 23 2.2.2 保守地使用色彩 …………………………………………………………… 24 2.2.3 色彩的选择尽可能符合人们的视觉习惯 ………………………………… 24 2.2.4 使用色彩作为功能分界的识别元素 ……………………………………… 25 2.2.5 用户拥有调整界面的配色方案 …………………………………………… 25 2.2.6 色彩搭配要便于阅读 ……………………………………………………… 26 2.2.7 控制色彩的使用数量 ……………………………………………………… 26 2.3 色彩在网站UI 设计中的作用………………………………………………… 26 2.3.1 突出主题 …………………………………………………………………… 27 2.3.2 划分视觉区域 ……………………………………………………………… 27 2.3.3 吸引用户 …………………………………………………………………… 28 2.3.4 增强艺术性 ………………………………………………………………… 35 2.4 网站UI 设计中的色彩搭配…………………………………………………… 36 2.4.1 网站UI 设计配色基础 …………………………………………………… 36 2.4.2 网站UI 设计配色原则 …………………………………………………… 38 2.5 网站UI 设计配色方法………………………………………………………… 40 2.5.1 主色 ………………………………………………………………………… 40 2.5.2 背景色 ……………………………………………………………………… 40 2.5.3 辅色 ………………………………………………………………………… 41 2.5.4 点缀色 ……………………………………………………………………… 42 2.6 网站文本配色… ……………………………………………………………… 50 2.6.1 网页与文本的配色关系 …………………………………………………… 51 2.6.2 良好的网页文本配色 ……………………………………………………… 51 2.6.3 网页文本配色要点 ………………………………………………………… 52 2.7 网页元素的色彩搭配… ……………………………………………………… 52 2.7.1 Logo 与广告 ………………………………………………………………… 52 2.7.2 导航菜单 …………………………………………………………………… 53 2.7.3 背景与文字 ………………………………………………………………… 53 2.7.4 链接文字 …………………………………………………………………… 54 2.8 手机游戏界面配色… ………………………………………………………… 55 2.8.1 手机游戏界面设计中的色彩表现 ………………………………………… 55 2.8.2 手机游戏界面设计中的色彩设计方法 …………………………………… 56 2.9 专题讨论… …………………………………………………………………… 57 2.9.1 网站界面配色的基本方法是什么？ ……………………………………… 57 2.9.2 怎样培养对色彩的敏感度？ ……………………………………………… 57 2.10 本章小结……………………………………………………………………… 58 第3 章 图标按钮设计……………………………………………………… 59 3.1 图标按钮设计概述… ………………………………………………………… 60 3.1.1 图标按钮的起源 …………………………………………………………… 60 3.1.2 图标按钮的分类 …………………………………………………………… 61 3.2 软件图标按钮设计… ………………………………………………………… 63 3.2.1 图标设计规范 ……………………………………………………………… 63 3.2.2 图标常用格式 ……………………………………………………………… 65 3.2.3 软件按钮设计 ……………………………………………………………… 66 3.3 图标设计风格… ……………………………………………………………… 66 3.3.1 简约化软件图标 …………………………………………………………… 66 3.3.2 扁平化软件图标 …………………………………………………………… 70 3.3.3 拟物化软件图标 …………………………………………………………… 76 3.4 网页图标按钮设计… ………………………………………………………… 77 3.4.1 网页中按钮的设计规则 …………………………………………………… 77 3.4.2 网页中常见的按钮类型 …………………………………………………… 79 3.4.3 网页中按钮的特点 ………………………………………………………… 80 3.4.4 网页图标的应用 …………………………………………………………… 86 3.5 网页中按钮的实际作用… …………………………………………………… 87 3.5.1 具有提交功能的按钮 ……………………………………………………… 87 3.5.2 具有链接功能的按钮 ……………………………………………………… 88 3.6 游戏界面中的按钮设计… …………………………………………………… 89 3.6.1 按钮元素 …………………………………………………………………… 89 3.6.2 游戏按钮的视觉表现 ……………………………………………………… 90 3.7 专题讨论… …………………………………………………………………… 96 3.7.1 图标的常用尺寸有哪些？ ………………………………………………… 96 3.7.2 如何设计出好的图标或按钮？ …………………………………………… 96 3.8 本章小结… …………………………………………………………………… 97 第4 章 应用软件UI 设计…………………………………………………… 99 4.1 了解软件UI 设计……………………………………………………………… 100 4.1.1 软件UI 设计基础 ………………………………………………………… 100 4.1.2 软件UI 设计原则 ……………………………… |