扁平化设计是指摈弃多余的装饰 ， 如阴影、透视、纹理、渐变等 ， 以抽象化、简洁化、符号化的设计元素将信息和事物的工作方式展示出来的一种设计风格 。信息结构呈现的是一种扁而宽的结构形式 。其风格特点为抽象新颖、色彩丰富、清新质朴、网格设计明显 。说起扁平化设计就不得不提拟物化设计 。拟物化设计是指以高光、纹理、阴影等效果模仿现实世界实物的造型、材质和颜色 ， 从而达到现实实物的再现 ， 通过这种形象易懂的方式来表达操作方法的一种设计风格 ， 其信息组织结构呈现长而深的纵向树形结构,风格特点是具象写实、华丽逼真 。
扁平化设计在网页界面视觉上的优势
网页界面元素
格式塔心理学家认为 ， 人们的知觉有一种“简化”的倾向 。这种倾向是一种将任何物体以尽可能简单的机构组织起来是能够体现物体最本质的形态的表达 。[3]在拟物化设计中 ， 设计师会模仿现实世界里真实物体的颜色、形状等 。例如：设计师会为按钮添加渐变、阴影等效果以符合真实按钮的特征 ， 以求对用户产生亲切的感觉 。然而 ， 这样的按钮往往带来的是一种不符合用户预期的体验 ， 同时这也一定程度上限制了用户的个性化想象空间 ， 更重要的是设计开发的周期相对更长 。扁平化设计使用的都是基本形状 ， 去除了渐变、阴影等装饰性效果 ， 弱化了视觉上的复杂性 ， 突出了每个元素所表达的信息本身 。另外 ， 由于扁平化设计的元素的这些特点 ， 其具有更广泛的适用性 ， 比如：眼睛近视和弱视的用户也可以方便的使用这类设计 。
【扁平化设计风格在网页设计中的优势】网页布局
之前的网页设计讲求精美的图片和排版效果 ， 漂亮的插画与周到的布局设计 ， 扁平化设计抛弃了复杂的光影效果 ， 更专注于根本的内容呈现 。扁平化设计中大量使用扁平化的图标、矢量图形和图标字体 ， 这种设计更符合现代人的审美观 。一方面 ， 拟物化设计初衷是降低用户的认知成本 ， 目的是让用户在使用科技产品时可以参考现实世界的操作规律 ， 可短时间内轻松掌握数码产品的用法[4] 。而在现今阶段 ， 数码产品普及度已非常高 ， 特别是在年轻用户群体中 ， 拟物化设计的功能性优势已无法凸显 ， 用户已经熟悉了各类数码产品的基本特点 ， 适应了各类界面的操作方法 ， 在扁平化设计风格的界面中更容易更快速地找到所需要的信息 。另一方面 ， 扁平化设计界面更能提升用户操作的效率 。
色彩
扁平化设计页面中 ， 因为追求极简主义 ， 所以没有其他多余的装饰 。因此 ， 网页设计者在设计时需要更加注意色彩的搭配 ， 这样将会收到更好的视觉效果 。总结扁平设计的色彩搭配大致分为两种：同类色搭配：同类色搭配 ， 最常用的是把同一种颜色的黑、白、灰三种色调结合在一起 ， 形成层次上的对比 。在扁平化设计中 ， 单色的使用不仅能分清层次感 ， 同时也能把握住整体感 。对比色搭配:对比色搭配的使用可以使页面看起来极富活力又有丰富的色彩变幻 ， 视觉效果醒目 。在使用对比色进行搭配时 ， 设计师要注意到在设计时应当先了解网页的主题 ， 选用合适的颜色进行搭配 。
推荐阅读
- 网页设计中表格和层排版的使用技巧
- 网页设计中的视觉构成研究
- 网页设计下的数字时代虚拟美学
- ASPNET技术网页设计与实现
- 如何把握网页设计中颜色的适用性？
- 响应式网页设计
- 网页设计及视觉审美性
- 公司网页设计，需要专业人士
- 网页设计中色彩的使用
- 网页设计中使用文字图形化