
从极简设计的设计思想出发, 讲解极简设计风格的原理 极简设计风格在图标设计/手机界面设计/网页设计和平面媒体设计中的应用。全书所有案例配教学视频,有助读者学习。全书的案例极具针对性,便于读者查找学习。
人类在漫长的进化过程中,习惯把信息简化处理,极简主义的产生除了符合这种习性,也符 合了人们对于艺术的追求目标,“少即是多”一直是艺术家所追求的最高境界。将极简主义用于 现代设计中,通过简化产品的信息来表现产品特征,是现代设计的必然趋势。时代科技发展到 今天,信息的简化方式已经成为各种品牌之间的主要竞争手段。 极简主义设计的目的是突出内容本质,让重要的信息及功能更容易被聚焦,从而帮助用户更 直观地进行操作。然而,很多设计师把极简理解为一种单纯意义上的视觉设计风格,把重要的信 息和元素隐藏,只追求极简的视觉效果,忽视了产品本身的实用性、易用性等,没有以整体的功 能布局为出发点思考问题,不但没有简化操作,反而使其更复杂了。他们只注重了表面形式,没 有领会到极简风格的核心价值。 本书内容安排 本书在介绍极简主义的基础上对极简主义设计进行了全面的分析和讲解,从而使读者能够对 极简主义设计在平面、网页、包装、移动界面等多个方面的设计表现方法和技巧有更加全面的认识, 更好地掌握极简主义设计的精髓。 第1 章 极简主义设计概述。本章介绍了有关极简主义的相关概念和基础,包括极简主义的 主要特征、极简主义的发展、极简主义设计风格、极简主义设计带来的改变等,使读者更加了解 极简主义。 第2 章 极简主义设计趋势。本章介绍了极简主义设计与传统设计的区别、极简主义的设计 要点、设计策略、设计原则,以及情感化设计趋势等相关内容,使读者对极简主义设计有更加深 入的理解。 第3 章 极简平面广告设计。本章讲解了极简主义平面设计的发展、要求、表现手法和技巧 等内容,通过对案例的分析,帮助读者更好地理解极简主义平面设计。 第4 章 极简包装设计。本章从包装设计中的造型与结构、色彩与图形、文字与排版、材料 与工艺等内容,对极简设计理念下包装设计的艺术特征进行了全面的介绍。 第5 章 极简移动界面设计。本章介绍了实现极简移动界面设计的方法,以及相关元素的表 现方法和技巧。 第6 章 极简网页设计。本章从极简主义设计风格的网页的版式布局、配色技巧、字体选择 等多个方面进行讲解,使用户能够更好地理解并掌握极简网页设计的要点和技巧。
1极简主义设计概述 1.1 极简主义 …………………………………… 10 1.1.1 什么是极简主义 ………………………… 10 1.1.2 极简主义的主要特征 …………………… 11 1.1.3 极简主义的发展 ………………………… 13 1.1.4 极简主义的局限性 ……………………… 15 1.1.5 极简主义在生活中的应用 ……………… 15 1.2 极简主义设计风格 ………………………… 19 1.2.1 什么是极简主义设计风格 ……………… 19 1.2.2 极简主义设计与东方传统思想 ………… 21 1.2.3 通过“无印良品”设计看极简主义风格 22 1.2.4 极简主义设计风格的特点 ……………… 24 1.3 极简主义设计带来的改变 ………………… 25 1.3.1 强调简约 ………………………………… 25 1.3.2 快速而高效 ……………………………… 26 1.3.3 信息突出 ………………………………… 26 1.3.4 简洁清晰 ………………………………… 27 1.3.5 方便修改 ………………………………… 27 1.4 极简主义设计带给人们的启示 …………… 28 1.4.1 极简主义设计追求“质” ……………… 28 1.4.2 回归设计的零点——人的“感官体验” 29 1.5 通过极简设计提升产品的用户体验 ……… 30 1.5.1 删除不必要的样式 ……………………… 31 1.5.2 配色是影响极简设计的主要因素 ……… 31 1.5.3 注重排版 ………………………………… 32 1.5.4 合理的动效能够有效提升用户体验 …… 35 1.5.5 交互体验应该更加直观 ………………… 37 1.6 设计欣赏 …………………………………… 38 2 极简主义设计趋势 2.1 极简主义设计与传统设计的区别 ………… 41 2.1.1 表现重点不同 …………………………… 41 2.1.2 极简主义设计营造简约美 ……………… 42 2.1.3 突破传统设计理念的局限性 …………… 43 2.1.4 为市场注入新鲜活力 …………………… 43 2.1.5 从新的角度诠释个性 …………………… 44 2.1.6 提取自然元素的现代设计 ……………… 44 2.2 极简主义设计要点 ………………………… 45 2.2.1 精简 ……………………………………… 45 2.2.2 大胆 ……………………………………… 46 2.2.3 细致 ……………………………………… 47 2.2.4 个性 ……………………………………… 47 2.3 选择极简主义设计风格的理由 …………… 48 2.3.1 为主流用户设计 ………………………… 48 2.3.2 简单意味着控制 ………………………… 49 2.3.3 聚焦核心功能和内容 …………………… 50 2.3.4 满足情感需求 …………………………… 51 2.3.5 简单、直接 ……………………………… 52 2.4 极简主义设计的四个策略 ………………… 52 2.4.1 删除 ……………………………………… 52 2.4.2 分类 ……………………………………… 55 2.4.3 隐藏 ……………………………………… 57 2.4.4 转移 ……………………………………… 58 2.5 极简主义设计原则 ………………………… 59 2.5.1 以人为本 ………………………………… 59 2.5.2 简约而不简单 …………………………… 60 2.5.3 贴合时代发展 …………………………… 61 2.5.4 体现设计的审美价值 …………………… 62 2.6 极简主义的情感化设计趋势 ……………… 63 2.6.1 在极简主义设计中突出情感化 ………… 63 2.6.2 如何体现情感化设计 …………………… 64 2.6.3 融合创新 ………………………………… 67 2.7 设计欣赏 …………………………………… 68 3.1 了解平面设计 ……………………………… 71 3 极简平面广告设计 3.1.1 什么是平面设计 ………………………… 71 3.1.2 极简主义平面设计 ……………………… 71 3.1.3 平面设计中极简主义风格的 应用与发展趋势 ………………………… 72 3.2 淋漓尽致的极简设计语言 ………………… 74 3.2.1 色彩表现 ………………………………… 74 3.2.2 字体表现 ………………………………… 76 3.2.3 图形表现 ………………………………… 77 3.2.4 大面积留白 ……………………………… 78 3.3 极简平面设计要求 ………………………… 79 3.3.1 主题鲜明突出 …………………………… 79 3.3.2 形式与内涵的统一 ……………………… 80 3.3.3 强化整体布局 …………………………… 81 3.3.4 迎合现代生活需求 ……………………… 83 3.4 极简主义平面设计的表现手法 …………… 84 3.4.1 使用“新材料” ………………………… 84 3.4.2 无装饰性 ………………………………… 85 3.4.3 对称构图 ………………………………… 86 3.4.4 与环境和谐 ……………………………… 86 3.4.5 由繁到简的文字处理 …………………… 87 3.4.6 少而精的图形设计 ……………………… 88 3.4.7 简约的配色 ……………………………… 89 3.5 极简Logo 设计技巧 ……………………… 91 3.5.1 专注文字 ………………………………… 91 3.5.2 线条化设计 ……………………………… 92 3.5.3 几何图形 ………………………………… 93 3.5.4 正负空间 ………………………………… 94 3.5.5 多形态标志 ……………………………… 95 3.5.6 去除无用的色彩和装饰 ………………… 96 3.6 极简主义在海报设计中的应用 …………… 97 3.6.1 视觉焦点 ………………………………… 98 3.6.2 形态精炼 ………………………………… 98 3.6.3 色彩衬托 ………………………………… 99 3.6.4 极简海报设计技巧 …………………… 100 3.7 极简主义风格对版式设计的影响 ……… 103 3.7.1 版式设计概述 ………………………… 103 3.7.2 版式设计的构成形式 ………………… 104 3.7.3 极简主义在版式设计中的应用 ……… 105 3.7.4 极简主义影响下的版式设计发展 …… 107 3.8 设计欣赏 ………………………………… 108 4 极简包装设计 4.1 了解极简包装设计 ……………………… 111 4.1.1 什么是极简包装设计 ………………… 111 4.1.2 极简包装设计的表现方式 …………… 112 4.2 极简包装设计的结构造型 ……………… 113 4.2.1 关于商品的过度包装 ………………… 114 4.2.2 实现包装结构造型极简化的方法 …… 114 4.3 极简包装设计要求 ……………………… 116 4.3.1 色彩设计 ……………………………… 116 4.3.2 图形设计 ……………………………… 119 4.3.3 文字设计 ……………………………… 120 4.3.4 版式设计 ……………………………… 122 4.4 极简包装设计的材料与工艺 …………… 123 4.4.1 合理选择包装材料 …………………… 123 4.4.2 技术工艺 ……………………………… 125 4.5 极简包装设计经典案例 ………………… 126 4.5.1 恬淡幽静的日式设计 ………………… 126 4.5.2 简约温情的北欧设计 ………………… 127 4.5.3 典雅大气的法式设计 ………………… 128 4.5.4 尽显张力的德式设计 ………………… 129 4.6 如何让极简设计风格的包装更精致 …… 129 4.6.1 系列产品的设计 ……………………… 130 4.6.2 使用特殊材质提升产品质感 ………… 131 4.6.3 富有创意的包装造型设计 …………… 131 4.6.4 巧妙利用产品本身的色彩 …………… 132 4.6.5 采用传统包装方式 …………………… 133 4.7 设计欣赏 ………………………………… 134 5 极简移动界面设计 5.1 了解极简移动界面设计 ………………… 137 5.1.1 移动App 的设计流程 ………………… 137 5.1.2 精简界面内容 ………………………… 138 5.1.3 简洁的表现形式 ……………………… 140 5.2 极简界面设计元素——界面空间 ……… 142 5.2.1 移除额外的元素和装饰 ……………… 142 5.2.2 留白 …………………………………… 143 5.2.3 极简移动界面使用留白分隔元素, 而非线条………………………………… 145 5.3 极简界面设计元素——色彩 …………… 145 5.3.1 色彩基础 ……………………………… 146 5.3.2 了解色彩对人的心理影响 …………… 147 5.3.3 常用配色方法 ………………………… 147 5.3.4 极简移动界面配色技巧 ……………… 150 5.4 极简界面设计元素——文字 …………… 152 5.4.1 衬线字体与无衬线字体 ……………… 152 5.4.2 移动端常规字体 ……………………… 153 5.4.3 极简移动界面尽可能 只使用一种字体………………………… 154 5.5 极简界面设计元素——图标 …………… 155 5.5.1 图标的功能 …………………………… 155 5.5.2 图标的类型 …………………………… 157 5.5.3 图标的风格 …………………………… 158 5.5.4 极简移动界面图标的选择 …………… 160 5.6 极简界面设计元素——图片 …………… 161 5.6.1 图片比例 ……………………………… 161 5.6.2 常见图片排版方式 …………………… 162 5.6.3 极简移动界面中图片的应用技巧 …… 164 5.7 极简移动界面设计原则 ………………… 165 5.7.1 实用性 ………………………………… 165 5.7.2 统一的色彩与风格 …………………… 165 5.7.3 合理的配色 …………………………… 166 5.7.4 规范的操作流程 ……………………… 166 5.7.5 视觉元素规范 ………………………… 167 5.8 极简移动界面设计注意事项 …………… 167 5.8.1 界面视觉设计 ………………………… 167 5.8.2 界面设计用户体验 …………………… 169 5.9 设计欣赏 ………………………………… 171 6 极简网页设计__ 6.1 了解极简网页设计 ……………………… 174 6.1.1 什么是网页设计 ……………………… 174 6.1.2 极简网页设计的特点 ………………… 175 6.1.3 网页设计的“零界面”趋势 ………… 176 6.2 极简网页设计的视觉体验 ……………… 177 6.2.1 极致的视觉元素之美 ………………… 177 6.2.2 流畅的视觉体验 ……………………… 178 6.2.3 简便的交互设计 ……………………… 179 6.3 极简网页设计元素 ……………………… 180 6.3.1 图标 …………………………………… 180 6.3.2 圆角 …………………………………… 181 6.3.3 折角 …………………………………… 181 6.3.4 标签 …………………………………… 182 6.3.5 徽章 …………………………………… 182 6.3.6 线条 …………………………………… 183 6.3.7 装饰背景 ……………………………… 183 6.4 如何创建极简风格网页 ………………… 183 6.4.1 拥抱扁平化设计 ……………………… 183 6.4.2 留白 …………………………………… 185 6.4.3 设计的加减法哲学 …………………… 186 6.4.4 注重网页版式设计 …………………… 187 6.4.5 简化导航栏 …………………………… 188 6.4.6 善用色彩 ……………………………… 188 6.4.7 全屏背景图片或视频 ………………… 191 6.5 极简网页的版式布局 …………………… 192 6.5.1 对齐 …………………………………… 192 6.5.2 对比 …………………………………… 194 6.5.3 有“气质”的留白 …………………… 196 6.6 极简网页的配色技巧 …………………… 197 6.6.1 无彩色页面点缀鲜艳辅色 …………… 197 6.6.2 选择商品主色调作为网页主色调 …… 198 6.6.3 使用颜色不超过三种 ………………… 199 6.6.4 看似复杂的颜色搭配其实很简单 …… 200 6.7 极简网页的字体选择 …………………… 202 6.7.1 选择符合整体设计风格的字体 ……… 202 6.7.2 选择简单字形结构的字体 …………… 203 6.7.3 选择独特的中文字体 ………………… 204 6.8 极简网页设计布局 ……………………… 205 6.8.1 极简网页布局结构标准 ……………… 205 6.8.2 极简网页布局的两个要点 …………… 206 6.9 设计欣赏 ………………………………… 207