2019年主流网页和UI设计风格探讨(上)

今天我们探讨下2019年网页设计,今年的网页设计发生了很多变化,很难对其进行细分,我们尝试着对一些网页设计趋势进行探讨研究:

2019年主流网页和UI设计风格探讨(上)

大面积鲜艳的色彩依然不过时

2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)

大面积鲜艳的色彩。从渐变背景到明亮的图像覆盖,再到具有动态色彩的动画效果,充满活力的色彩将继续受到欢迎。

甚至Pantone也通过将鲜艳的色彩Living Coral(活性珊瑚色)命名为年度色彩。尽管对当前设计的调查发现Secure Invest(上图)之类的亮蓝色可能是最受欢迎的颜色。

这些鲜艳的色彩中有许多是从其他设计演变而来的。Brights最初以平面设计开始流行,并通过Material Design(谷歌材料设计)变成了更加鲜艳的色彩,现在其中一些色调甚至带有淡淡的霓虹色。

老生常谈的情感化设计

2019年主流网页和UI设计风格探讨(上)

您必须与用户建立情感连接。这就是情感设计的全部内容。

在2019年,无法建立这种情感联系的网站和应用程序将会过时。根据Design Shack的研究,情感联系分为四个基本类别:欢乐与悲伤,信任与厌恶,恐惧与愤怒以及惊奇与期待。

设计中的每个视觉元素均向用户提供有关其应如何反应的提示。Sprout的示例笑脸可以与用户建立积极的首次互动。图片中的女人很高兴,用户可以感觉到并想要模仿这种情感。

有深度和几乎“真实”的设计元素

2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)

尽管虚拟现实还不是所有人都可以真正使用的,但其影响已经显而易见。

越来越多的设计师正在给网页增加更多的深度和设计元素,从而使他们对项目更具真实感。这包括从具有更三维外观的插图(甚至动画插图)到用户看似可以触摸到的移动形状或产品。

随着越来越多的设计师使用这些技术,它们将成为用户体验中越来越常见的部分和更多期望的部分。他们还将开始看起来更真实,而不是“虚拟现实”。

目的性明确的动画效果

2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)

网页设计中充斥着动画。但是它们必须在是有目的性的。

动画将用户吸引到设计的某些部分,帮助提高参与度或兴趣。在网页中使用动画可为用户提供深入的了解。(例如单击上面的两个示例,以观看此动画的效果……并考虑它如何与感官互动。)

超现实主义设计与抽象设计

2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)

随着我们生活在一个疯狂的世界中,越来越多的设计师正在创建包含更多超现实和抽象元素的项目。随着越来越多的用户希望获得这些几乎但不是很真实的体验,超现实设计和抽象设计将继续发展和壮大。

这种设计技术起作用的原因可以追溯到情感联系的概念:超现实的设计和抽象的设计为用户提供了联系,他们可以根据自己的意愿进行联系。(也许是因为更多的超现实和抽象元素使用户可以在设计中生动描述自己?)

这些项目通常以具有一些动画,插图的人或事物以及用户想参与其中的某种嬉戏或卡通风格的元素为例。超现实和抽象设计项目的目标是保持一种新颖的风格,以保持用户的参与度。(我们认为这种趋势很好,希望在未来的一年中能看到很多。)

语音交互变得更重要

2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)

在2019年,您将不得不设计对话界面。随着越来越多的人在家中使用智能设备,您需要开始考虑设计与这些设备的交互方式以及如何创建适合人们使用网站的方式的用户体验。

设计人员的最大变化是了解用户如何与语音命令交互,然后使用关键字和相关操作对语音界面进行原型制作。

它使您网站上的所有内容变得更加重要。语音界面植根于“阅读”网站以获取信息和数据。因此,文本内容非常重要。

单页设计卷土重来

2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)

很多设计师喜欢具有有趣的滚动功能和身临其境的讲故事的单页设计,以保持用户的参与度。单页设计实际上在移动设备和较小的设备上效果更好,因为用户可以通过导航菜单获得所有信息。移动用户(可能是您网站访问者人数最多的用户)已经习惯了滚动。

不要忽略这种不断增长的用户模式。

平面设计模拟三维效果

2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)

三维渲染正在影响平面设计。结果是将3D逼真的平面界面融合在一起,这些界面非常复杂,视觉上很有趣,并且可以在任何地方显示。有人开始将这个概念称为“深层扁平化”。但是,我们只是认为这是扁平化设计的自然演变。

野蛮主义成为主流

2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)

以最少的设计主导网页的方式,野蛮主义正在接管。这是所有主流设计风格的对立面。

尼尔森·诺曼小组(Nielsen Norman Group)对野蛮主义的描述是这样的:“数字设计中的野蛮主义是一种故意试图显得原始,随意或无装饰的样式。它呼应1990年代早期风格的网站(例如Craigslist和Drudge Report)。有时,野蛮主义的这一方面被表示为具有蓝色链接和单色等宽文本的简陋,几乎裸露的HTML网站。”

尽管很少有人将这种设计风格归类为漂亮,但它对于某些内容类型确实具有一定的魅力。而且具有鲜明而大胆的风格,当您偶然发现其中一种设计时,肯定会产生影响。

更多渐变

2019年主流网页和UI设计风格探讨(上)
2019年主流网页和UI设计风格探讨(上)

渐变是适用于几乎所有类型设计的手段。从有很多项目正在使用它们可以明显看出这一点。

渐变可以为几乎所有设计模式添加有趣的色彩,但是通常会在可能有点“艺术欠佳”的项目中使用。渐变背景可以是一种有趣的方式来打破文本元素或突出显示特定内容。

在2019年,将渐变用作颜色趋势的最大变化是渐变是一项主要结合明亮色彩选择的特色技术,而在2018年,渐变更多地是照片叠加工具。现在,这种流行的技术有自己的发展空间。

业界动态

产品经理需知晓:决策的意义

2019-10-21 9:16:13

业界动态

微信新功能上线“接龙”,很实用!

2019-10-21 10:19:39

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索