【浅深设计】浅谈扁平化设计趋势

什么是扁平化设计

在实际当中，“扁平化设计”一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果，从而打造出一种看上去更“平”的界面。

越来越多的设计网站已在UI上走扁平式设计的路线。谈到设计，无论是一个网站还是一个应用程序，扁平化和极简的设计正在成为新的趋势。人们正在远离一直很受欢迎的skeuomorphism设计（模仿实物纹理），苹果推出iOS时许多设计师都采用它。
 

但随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸，创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计，你可以一次保证在所有的屏幕尺寸上它会很好看。
 

设计的好坏不是“美学”可以决定的

对设计风格的选取终还是要取决于具体产品的实际情况。在我个人看来，相比于拟物化而言，扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。

无论采用怎样的风格，优秀的界面设计都需要遵从一些共通的设计原则：

一致性

通过具有一致性的设计模式及视觉风格，为用户建立起完整一致的心智模型，使产品更加易用，提升整体体验。

对比

通过对配色、尺寸和布局的调整，使可点击的界面元素在视觉上与其他元素形成鲜明的对比。

布局

可以尝试使用960gs一类的网格布局为界面设定视觉规范，使用户的视线可以跟随内容本身所界定出的路径自然的移动，增强界面的视觉平衡。

层级化

重要的东西要比相对次要的东西更容易被看到。关于这个话题我可以写一整篇文章出来，简单的说，就是在界面设计中着重突出那些与核心功能与常见用例相关的交互元素，而将其他操作元素置于次要位置，这可以使界面得到有针对性的优化和简化。

“我个人的经验是，无论扁平化还是拟物化都没什么所谓，重要的是界面能够让用户在短的时间内清楚的识别出信息和功能的层级关系，并且很容易的知道接下来应该做什么。” – Caroline Keem

目标用户

不同类型的用户所青睐的界面风格也有所不同。建筑、设计、时尚等领域的用户可以更好的拥抱扁平化风格，而其他更加“普通”的用户则更容易接受相对传统的拟物化界面。

反馈

当点击行为发生时，要立刻向用户提供清晰明确的视觉反馈。动画过渡效果就是一种比较常见的反馈方式，例如在用户执行操作后，使用旋转图标提示用户系统正在进行响应。

降低“摩擦力”

无论采用怎样的视觉风格，都要使界面尽量简化，减少用户完成目标所需执行的操作，打造更加流畅的交互体验。任何一点障碍或额外的步骤都会提高操作成本，增加功能的复杂度，进而降低转化率。
 

鼓励探索

了解目标用户有可能对产品进行哪些方面的探索。一旦他们习惯了产品的界面与基础功能，并开始向“高级用户”的阶段进发时，要为他们的探索和学习行为进行必要的指引与“奖励”回馈。

原型

无论风格如何，界面形式都取决于实际的功能。好的设计方案离不开产品前期的规划工作，特别是通过草图或线框原型进行的探索。识别出核心的用例需求，使用原型不断尝试和验证，为接下来的界面设计工作打下坚实的基础。

“扁平化风格的逐渐盛行固然有它的道理，但本质上它只是设计美学当中的一种；与仿古、高光、金属质感、木质等视觉效果相同，对视觉风格的选择必须以良好的信息架构及交互模式为基础。”

PS：大晚上的，阅读到有关扁平化设计的相关文章，特别特别有感触，特摘录至此，与大家共同学习。