“扁平化”的交互设计

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

交互设计的"扁平化"!
交互设计的"扁平化"!

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

交互设计的"扁平化"!

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

交互设计的"扁平化"!

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

交互设计的"扁平化"!

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

交互设计的"扁平化"!
交互设计的"扁平化"!

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

交互设计的"扁平化"!

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

交互设计的"扁平化"!

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

交互设计的"扁平化"!
交互设计的"扁平化"!

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

交互设计的"扁平化"!

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

交互设计的"扁平化"!

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

交互设计的"扁平化"!

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

交互设计的"扁平化"!

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

交互设计的"扁平化"!

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

交互设计的"扁平化"!

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/surface/7018.html

发表评论

登录后才能评论