所有分类
  • 所有分类
交互设计的“扁平化”!

交互设计的“扁平化”!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本页地址:http://www.uiya.cn/27671.html; 所有素材均来自于互联网,经网友投稿后发布,仅供学习请勿商用。如有侵权,请联系 3147141550@qq.com 或 提交工单

分享海报

评论0

站点公告

 

新注册用户福利,免费领取7~90天VIP会员

点击领取

没有账号? 注册  忘记密码?