扁平化设计如何提升可用性

发布时间:2017/12/15 15:33:21

描述:

扁平化风格设计不意味着设计工作本身可以得到简化,更不意味着界面可用性的衡量标准可以被降低。“内容应当先于设计,缺乏内容的设计算不上设计,最多算装饰。”由此可见,可用性的重要。那么扁平化设计如何提升可用性?

  扁平化风格设计不意味着设计工作本身可以得到简化,更不意味着界面可用性的衡量标准可以被降低。“内容应当先于设计,缺乏内容的设计算不上设计,最多算装饰。”由此可见,可用性的重要。那么扁平化设计如何提升可用性?


  1、定义信息架构


  要确保扁平界面的可用性,首先要梳理清楚内容的层级结构,尤其是在网站的前期规划及线框稿阶段。无论视觉风格是扁平还是拟物,坚实的信息架构都是最重要的基础。


  2、强化交互性


  说到扁平化界面的可用性,一个比较关键的设计挑战就是怎样让可交互元素看上去是“可交互”的。扁平风格意味着视觉表现形式上通常只有两个维度可以使用,以往用来构建“可点击”效果的渐变与阴影成为了历史。


  扁平风格并不意味着简单粗暴的将原先的拟真元素拍平然后丢到界面当中。扁平化与拟物化各自擅长解决的问题是不同的,如果你决定使用扁平风格打造产品界面,那么必须以新的思路来解决设计上的问题。


  试着通过提升对比度来增强交互元素的表现力。这里所说的对比度包括配色、字号、位置布局等方面的要素。另外,要为交互元素提供必要的视觉线索及反馈效果,帮助用户建立认知,例如当鼠标悬停在元素上,或是用户点击、触摸这些元素的时候,其视觉形式需要有所变化,以体现出元素的交互特性以及用户行为所产生的结果。


  3、加强人性化


  由于那些非内容性的、模仿现实物体的元素被剥离,所以在设计扁平化界面时常会让人感觉冰冷而无趣,缺乏亲切感及品牌个性。虽然这不会直接降低界面的可用性,但对于产品的整体体验来说依然有着重要影响作用。


  要让扁平化界面带来更加积极的体验,你需要在设计中与用户建立起情感和人性上的关联。试着使用更多的图片作为“有机”内容,来抵消掉扁平化元素的“数字感”。图片——无论是图标、插画还是照片,都可以在扁平化环境中创造出更具“人性”和“深度”的氛围。


  在扁平化的整体风格当中通过图标、插画和真实照片来创造深度,塑造产品个性。


  将模糊化的照片作为背景,在扁平环境中有效的创建出了纵深。


  扁平化风格绝不仅是从现有界面中抽掉一个维度那么简单,面对它所带来的一些可用性方面的问题,从用户体验中设计出它每一个小细节,包括构造良好的信息架构、强化交互元素的视觉特性、为界面增加人性化元素等。


  河南普达思,资深团队,以思创行,精耕细作,结果为先,为企业提供专业的设计服务。logo设计、UI设计、画册设计、海报设计、电商UED设计等。专业的设计团队,为您打造满意的服务。


联系我们

CONTACT US

如有任何问题请联系我们,我们7*24小时竭诚为您服务

普达思在线QQ客服

在线QQ客服

1852204515

普达思公司邮箱

公司邮箱

contact@pudas.cn

普达思公司热线

公司热线

400-008-6352

普达思微信公众号

河南普达思