追随潮流视觉设计的三个误区

哈喽,大家好。北京5PLUS UI设计学校为了帮助更多的小伙伴提高设计ui水平和设计意识,会整理一些比较细致且有实际案例的设计知识分享给大家。5PLUS是一所专业ui设计学校、ui设计 培训机构,有很多出色的ui设计师学习在这里学有所成。如果觉得好,就分享给更多人吧。

在视觉设计方面,并不是所有的趋势都有助于良好的用户体验。有时候设计师追随潮流只是为了创造一种时尚的设计,而不是为了创造出功能良好的产品。

今天,我想回顾一下最近在Dribbble和Instagram上获得大量关注的一些趋势。我将探讨与趋势相关的问题以及解决问题的方法。

拟态

拟态是对代表原始对象的模仿。类似于拟物,拟态视觉样式使用模仿物理世界的设计元素和纹理。它使用了很多纯粹的装饰形式来提醒用户交互元素的物理起源(例如,看起来像物理按钮的数字按钮,等等)。

微信图片 20201112163536

问题:过度使用纯装饰元素

拟态与拟物有一个关键的区别:应用新形态的设计师纯粹出于审美目的模仿物理世界。这种视觉风格对产品的可用性没有太大的影响,因为用户已经熟悉了屏幕上每个元素的作用。事实上,它可能会对可访问性产生负面影响,因为很难为文本内容和图像找到合适的对比度。

与拟物相似。拟态使将设计适应不同的屏幕尺寸(UI元素无法自然扩展)具有挑战性。因此,如果要遵循这种视觉风格,则需要考虑是否要跨多个平台扩展设计。

 

虽然最好不要依靠新事物来创建整个UI,但是仍然可以在产品的某些部分中使用它。例如,以拟态的方式创建一些按钮。

微信图片 20201112163536

看下面的例子。注意,注意neumorhism风格是如何应用于输入字段的。

微信图片 20201112163536

 

平面插图

几年前,平面插图开始流行时,这是一种创造视觉兴趣的新方法。独特的定制插图可帮助品牌与众不同,精心制作的插图与用户之间建立了非常个性化的联系

 

问题:缺乏个人风格

缺乏个性是平面插图的典型问题。随着这项技术的普及,显而易见的是,太多的数字产品在设计中都依赖于相同的插图技术-插图表明人们在做某事,通常是在使用某种产品。

结果,来自不同品牌的插图看起来很相似,并且用户很难将特定插图与特定品牌进行匹配。

微信图片 20201112163536微信图片 20201112163536微信图片 20201112163536

如今,设计师需要投入更多的精力来创造真正难忘的体验。例如,Mailchimp引入了一种不寻常的视觉风格,将插图与鲜艳的色彩搭配在一起。事实上,绘画看起来有点奇怪,创造了一个更好的机会留在人类记忆中。

微信图片 20201112163536

 

Dropbox是另一个很好的例子。机智的图纸传达了关键信息,并与初次使用的用户建立了真正令人难忘的联系

微信图片 20201112163536

 

渐变

就在几年前,渐变在设计中还是一个禁忌。设计师们倾向于避免渐变,因为它们给人留下了90年代强烈的设计印象。

微信图片 20201112165313

但这种情况随着扁平化设计的兴起而改变。平面设计的主要限制是在设计师可以使用的颜色和风格方面的重大限制。很难说出超过10-15种颜色,你可以用于平面设计。

另外,设计师不能依靠厚重的阴影来传达深度感。设计师开始使用渐变,因为它们有助于引入深度和尺寸来设计。渐变解决了扁平设计的问题(看起来“太平”的设计)。

 

问题:过度使用视觉效果

对于许多设计师来说,过度使用渐变是一个典型的问题。任何事情在适度的情况下都是好的,渐变也不例外。过度使用渐变会使UI在视觉上显得笨重,并可能导致不良的视觉层次结构-用户将不得不寻找内容和功能控件。

微信图片 20201112163536

 

遵循平衡的方法。建议使用渐变将眼睛引导到屏幕的特定部分。你可以使用渐变来创建焦点。对于像这样重要部分的较小元素特别有用:

微信图片 20201112163536

 

或使用号召性用语按钮:

微信图片 20201112163536

 

原文链接:

https://uxplanet.org/top-3-visual-design-anti-trends-9e73fb9e2da9

作者:Nick Babich

本页面最后更新于 2020年11月13日 15:15