美文网首页视觉艺术
设计中的趋势怎么更好的服务现实问题

设计中的趋势怎么更好的服务现实问题

作者: LRachel | 来源:发表于2021-06-19 10:28 被阅读0次

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

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

    1.同态

    拟物象是一种为了表现原物而模仿的事物。与拟物像相似,新拟物像(neo-skeuomorphism)视觉风格使用了模拟物理世界的设计元素和纹理。它使用了很多纯粹的装饰形式来提醒用户交互元素的物理起源(例如,看起来像物理按钮的数字按钮,等等)。

    Filip Legierski的简单音乐播放器

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

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

    与拟物象类似,新物象使设计难以适应不同的屏幕大小(UI元素天生就不能伸缩)。因此,如果你想遵循这种视觉风格,你需要考虑是否要跨多个平台扩展你的设计。

    解决方案

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

    OTAKOYI的《 Neomorphism UI趋势2020》

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

    图书订阅应用📖,作者ArielJędrzejczak

    2. 平的插图

    几年前,当平面插图流行起来的时候,这是一种创造视觉兴趣的新方法。独特的定制插图帮助品牌从人群中脱颖而出,精心制作的插图与用户建立了一种非常私人的联系。

    问题:缺乏个人风格

    缺乏个性是平面插图的典型问题。随着这种技术的流行,很明显,太多的数码产品在设计中依赖于相同的插图技术——插图显示了人们在做什么,通常是与一个产品一起工作。

    因此,不同品牌的插图看起来很相似,用户很难将特定的插图与特定的品牌相匹配。

    Shopify (2019)

    undraw

    Notion (2019)

    解决方案

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

    Mailchimp (2019)

    Dropbox是另一个很好的例子。诙谐的图画传达了关键的信息,并与第一次使用它们的用户建立了真正令人难忘的联系。

    Dropbox (2019)

    3.渐变色

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

    渐变创建在WordArt

    但这种情况随着扁平化设计的兴起而改变。平面设计的主要限制是在设计师可以使用的颜色和风格方面的重大限制。很难说出超过10-15种颜色,你可以用于平面设计。另外,设计师不能依靠厚重的阴影来传达深度感。设计师开始使用渐变,因为它们有助于引入深度和尺寸来设计。渐变解决了超平设计的问题(看起来“太平”的设计)。

    问题:过度使用视觉效果

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

    选择你的Prakhar Neel Sharma许可

    解决方案

    遵循平衡的方法。建议使用渐变将眼睛引导到屏幕的特定部分。你可以使用渐变来创建焦点。这对于小的元素来说尤其有用,比如重要的部分;

    GlebKuznetsov✈的渐变机票UI设计

    或使用号召性用语按钮:

    Ramotion的健康食品配送门户

    作者:LDesign1

    链接:https://www.jianshu.com/p/a9236714f0c9

    来源:简书

    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    相关文章

      网友评论

        本文标题:设计中的趋势怎么更好的服务现实问题

        本文链接:https://www.haomeiwen.com/subject/haqoyktx.html