交互设计的“扁平化”！

文/崔天剑 董甜甜 交互设计的扁平化，不仅是功能性特征的本质，是以用户为中心的设计原则的必然要求。交互设计的扁平化，作为现代简约主义的一种集中呈现形式，具体表现为形式结构简易化、功能表达简便化、视觉呈现简洁化。

用户界面是交互设计的主要形式，交互设计的基 础则是界面结构。 在结构设计中，最基本的是界面布局和界面层级的设计，这是界面结构中横向性和纵向性的两个层面。

①界面布局简洁。 界面布局是指将页面中的图形、图像及文字等内容的位置，在一个限定面积范围内按照整体需要及其内在联系而组织排列，通过推敲文字与图形的空间关系，形成流畅的视觉体验，从而激发用户的使用动机。 界面布局应尽可能满足界面简洁的基本要求，减少操作步骤，以方便用户快速获取有效信息。

为突出功能性界面的信息布局，应加强大区块感，减少小区块化。 如果增加功能布局，会给人信息冗杂、散乱的感觉，难以形成较强的区块感，给用户的使用增加难度，造成一定的困惑。 而简洁化的设计则会 减少小区块化，增强结构逻辑性，使功能突出，易于用户学习。

②界面层级扁浅。 为使用户快速找到目标信息，避免页面间不必要的切换，可将底层信息上移，减少或取消中间层的类目标签，其组织结构与传统层级化界面设计“尖而高”的杉树状相比，呈现“宽而扁”的灌木状。 对于用户来说，只有界面层级越少、越扁”，界面才更易学、好用。

为了减少设计师与用户之间的“认知摩擦”，使得用户可以快速准确理解设计师的意图，必然要求操作方式的简便化。

①操作引导生动， 操作引导是为了突出交互特性,降低与用户间的认知摩擦”。 生动的引导方式，可以迅速吸引用户关注，赢得用户好感并易学好用。 通过考虑各元素间的关系，从图片到字体的色调、大小及粗细在视觉上分清主次，突出重要信息，顺应用户的阅读习惯，使原本可能复杂的过程变得一目了然。

②操作反馈明确， 良好的反馈是用户判断操作正确与否的重要标准。 当点击行为发生时，立刻向用户提供清晰明确的反馈，称之为正面反馈。正面反馈机制不仅可以提升 用户在做出正确的操作行为之后的体验满意度，还可以打消不必要的顾虑。

交互设计除了在结构和功能上呈现简易、简便 外，视觉呈现上的简洁要求更是突出。 普遍认同的扁平化设计，是指抛弃那些已经流行多年的渐变、阴影、高光等拟真的视觉效果，打造更“平”的界面，使视觉清晰、操作简单。

①拟物效果淡化， 尽管拟物化界面曾经凭借精美逼真的设计，低成本的学习方式，成为当时主流的设计方式。 ，但随着交 互设计的不断成熟，拟物化的界面爆发了越来越多的问题，如人们审美的疲劳化，对过度设计的反感等。 这些使得拟物化设计呈现减热的趋势。去除不必要 的过度装饰，突出功能，体现当代设计的本质，是交互设计的如今的热门。

② 视觉形式扁平， 在视觉形式上通过抽象、简化、符号化设计元素，来 创建一个二次元世界，从而更好地实现体验功能，在这 里，没有阴影、透视、纹理、渐变等效果，来帮助界面元素 产生相对于屏幕的立体效果。

扁平化设计并不是彻底放弃立体效果，它只是不追求那些让人产生立体拟物的逼真效果，形式上的极简扁平，使人的关注更多地转移到色彩上，扁平化设计常常呈现出明亮炫丽的色彩效果。

除了鲜亮的色彩搭配之外，柔和的复古色、清爽的单一色也正被广泛使用。 文字是交互设计 中必不可少的元素，扁平化设计一般使用无衬线字体，并通过调整字体的大小和色彩来与所要表达的信息相协调统一。

技术的发展使得反馈趋于多样化，交互设计所涉及的要素也随之复杂化，人们开始摒弃“花纹式”的装饰，思考如何通过良好的信息架构、交互模式、界面视觉来建立良好的交互。 遵循功能第一的设计准则、采用扁平化的设计形 式是交互设计合理的发展趋势。