赞助商
立即赞助

这些UI和UX趋势,在2019年最值得关注

产品经验3年前 (2021)发布 流光
1.9K 0 0

对于设计趋势,我们一直都在定期总结和梳理。但是以往的设计趋势总结通常只会聚焦在某个很小的、特定的点上。实际上,在设计越来越现代的今天,其实当下的语境是塑造各种设计趋势的根源,而它几乎是全部趋势的最好概括。我们以往所总结的「设计趋势」大多停留在风格和技法层面上,而现在当你观察设计领域所呈现出来的状态,会发现这些东西都是互相关联的,单独挑出其中的一种趋势,往往有以偏概全的嫌疑。

现在我们设计师所面临的状况,仿佛是所有的技术进步和全部的新工具,正在打造各种产品一齐解决用户所面临的全部问题。

这些UI和UX趋势,在2019年最值得关注

设计越来越系统化,设计师的身份不再局限于视觉呈现这一个层面,对于产品、营销的要求早已成为很多企业招聘的基本要求。更系统的知识、更全面的方法支撑,让设计师能够在产品设计流程中作出更好的决策。

尽预未,仍坚移靠。

我们会将这些明显的设计趋势视作为当下设计不足的一种提醒,密切关注,确保我们能在现有基础上越做越好。下面,看看我们通过持续观察所预测的2019年的设计趋势。

更强的浏览器

毫无疑问,技术的发展让浏览器正在变得近乎无所不能,无论是桌面端还是移动端。

浏览器基础测试所呈现出来的数据,反映出的情况很明显,绝大多数的浏览器在性能上都在飞速地增长着。由于流式编译的流行,使得浏览器的设计和开发的效率越来越高,Mozilla 的报告显示,目前新的编译器比以往优化过的编译器还要快10到15倍。

如今,所有的现代浏览器都支持 WebGL 2 ,它支持全新的3D纹理和对象渲染,边度深度和顶点数组对象。

这些UI和UX趋势,在2019年最值得关注

桌面端和移动端的浏览器正在弥合概念设计和实际可行设计之间的鸿沟,想到就能做到正在成为一件越来越真实的事情。

虽然浏览器本身性能一直在提升,不过浏览器的开发者仍然无法兼顾到全部的网站,尤其是以往设计得比较糟糕的网站。身为设计师应该多了解浏览器,并且尽量去发挥浏览器应有的性能。

目的明确的动画效果

近两年来动画效果的持续升温,这几乎成了设计师的新必修课。而浏览器和硬件的性能提升,使得动画效果近乎无处不在。可是,现在新的问题出现了,那就是设计师不仅要让元素动起来,而且要更加合理地运动。

效典,仅懂规则,懂 UI 页使效效应。

动效已经不仅仅代表着时尚,它是诸多知识的交汇处,设计师需要通过学习来了解如何合理、正确、有效地呈现动画,传递信息,确保体验,还不会让人厌倦。

以前,界面和界面之间的间隙是无人区,如今是动效设计师的后院。

这些UI和UX趋势,在2019年最值得关注

△ Cocoladas Creative Blog Artist Preview Page by Zhenya Rynzhuk

动效让用户更深层地参与到 UI界面当中,并且每一个交互都更有意义。但是,动效能做的东西更多,UI界面中每个元素的运动和变化都有意义,都会有产出价值,你要怎么驾驭它们?这是2019年需要面对的问题。

这些UI和UX趋势,在2019年最值得关注

△ Fuck by Eduard Mykhailov

哪怕是 LOGO,加入动效之后,都会呈现出不同的样子。你的LOGO 要带有什么样的感觉,传达什么样的情绪,有着什么样的变化?如果都没有,那么你应该想想了。比起简单的布局、光影和材质,动效所传递出来的信息量更大,表现出来的效果更神奇,能承载的故事性是令人咋舌的。那么,为什么不让动效来帮你做点什么呢?

飞,画效。

这些UI和UX趋势,在2019年最值得关注

△ Lakko — Logo animation by Zlatko Kelemenić

深度扁平和3D

今3D模渲染已普遍。此,,确速访问,尽 UI 3D模渲染,浏览应越越易普及。

界面中的3D效果和现实的交叠,创造出一种超现实的质感。

这种设计方法,对于设计项目而言,是非常有用的,借助3D实现可视化效果,它可以兼容各种不同技术流程,并且更容易被用户所理解和接受。

在游戏和电影当中,3D效果有过很普遍的使用,不过它大多运用在较短的关键部位,借助意义明确的动画,3D作为强大的设计工具发挥着作用。如今,在移动端 UI 和网页中,也不是难以做到的。

这些UI和UX趋势,在2019年最值得关注

△ Baker Hughes Digital by Sanu Sagar

至于扁平化的 UI 设计,在过去的几年中一直是主流。最近,我们发现扁平化的 UI 元素,在视觉深度上开始发生明显的变化,但是整体风格和使用方式上并没有明显变化。当然,在纵深上的变化,很大程度上是强化层次的象征意味,让用户更容易理解,而扁平依然是核心的特征。

深扁,扁。

这些UI和UX趋势,在2019年最值得关注

△ Cards 3D transition by Gleb Kuznetsov

这些UI和UX趋势,在2019年最值得关注

△ 3D flip menu by Minh Pham ✪

3D 和 CG技术的结合让用户在视觉上感觉仿佛是在和真实内容进行交互,这一点和深度扁平在内核上是一致的。从某种意义上来说,深度扁平也可以算是伪3D ,它是为了营造出真实的质感,而调整出拟真的光影效果(在纵深上)。

这些UI和UX趋势,在2019年最值得关注

△ ARTA / Art Gallery by Mike | Creative Mints

另外还有一种伪3D的处理方式,就是使用AE 这样的传统工具,在二维平面上模拟物体在3D的运动方式。

这些UI和UX趋势,在2019年最值得关注

△ Astronaut by Markus Magnusson

在接下来的2019年,我们有很大的机率会迎来拟物化设计的回归。如果扁平化设计在纵深上足够明显的话,它会更加接近等轴测的效果。如果真的要给未来一年的趋势进行界定的话,应该是保留扁平化设计的趋势,并且在界面中尽力探索还原真实世界的层次和质感。

当然,我们能拥有的选项太少了,要么做的更简单,要么更复杂。想要给人留下深刻的印象,必须是让人感觉印象深刻的,无论是彻底抛弃复杂性,还是使用疯狂的概念,都需要设计师拥有足够的勇气。最重要的始终是界面本身功能明确,否则设计的形式感就失去了意义。

使令深刻图,决户深问题,。

超现实主义的设计

并塑优,响,决。讽刺,程挥响,需支持。领域,叛逆显吸引,程它,忍住被吸引。

有时候,我们需要一些不一样的东西来平衡常识,比如让魔鬼站在肩膀上,这样会更好玩。

一些特立独行的插画会让整个设计变得更加有趣:

这些UI和UX趋势,在2019年最值得关注

△ How to stay scrappy by Justin Tran for Dropbox Design

这些UI和UX趋势,在2019年最值得关注

△ hop Small by Joe Montefusco for Mailchimp

这些风格独树一帜的 UI插画的目的只有一个:让视觉和内容保持新鲜。在很多同类设计当中,插画的风格称得上是八仙过海各显神通,其中不乏设计得并不好看的,因为它们的首要目标,是用独特的视觉来给人留下深刻的印象,哪怕用的是丑陋的视觉。这些先锋而独特的视觉设计,你会在接下来的2019年看到更多。

不过,并不是所有的设计师或者企业都能接受的路子。这就像之前的粗野主义设计风格,通常是一些大企业和品牌更容易接受这样先锋的设计,而在生死线上挣扎的企业,通常会选择更加稳妥的风格。

渐变 2.0,炽烈的色彩

对于色彩表现力的追求,也是一个非常明显的趋势,从最新的网站配图和配色上,就表现得非常明显。设计师在 UI 的可访问性的探索上,所投入的精力是令人震惊的。

扁「妙渐变」已法需求,反映渐变梯纵深,始,胆。

这些UI和UX趋势,在2019年最值得关注

△ Grabient 2.0 by Eddie Lobanovskiy

就像之前我们将更加成熟的扁平化设计命名为扁平化 2.0 一样,如今我们也有了渐变 2.0 。所谓的渐变 2.0 也不难理解,使用不冲突的色彩来构建色彩变化,拥有清晰的光源,使用具体的形状或者形体来统筹色彩,构建纵深。

鲜艳的色彩不会平铺满整个屏幕,我们将会看到更加清晰的色彩组合和明确的图层,事实上,即使是单色为主的页面也可以借助渐变 2.0 来创造视觉美感。

这些UI和UX趋势,在2019年最值得关注

△ Valley Illustration by J.HUA for Tunan

这些UI和UX趋势,在2019年最值得关注

△ crypto app by uixNinja

更酷的地方在于,鲜艳的渐变色彩在深色系网站当中会变得尤为醒目和富有表现力。

当然,另外一方面,设计师也要考虑到色彩本身的可访问性,在色彩表现力并不那么突出的屏幕上会呈现出的效果,以及对比度过强的配色,会不会对整个页面产生喧宾夺主的效果。追随趋势的同时,注意平衡。

这些UI和UX趋势,在2019年最值得关注

△ Dashboard by uixNinja

多变的字体

传统上,字体被视作为可有限调整参数的静态对象,设计师在设计字体时候需要仔细考虑字体的笔触和风格,兼顾到整体的视觉体验和可读性。

需,需尽户供,确今户够承诺版。今变效,够承载变,粗细变、类。

这些UI和UX趋势,在2019年最值得关注

△ Marvin Visions

可变字体在响应式设计中蓬勃地发展着,设计师不得不绞尽脑汁地在不拉伸的前提下给各种屏幕,塞入他们所设计的字体。这仅仅只是一个开始,可变字体在接下来的2019年还会有更多的变化和发展。

这些UI和UX趋势,在2019年最值得关注

△ Typography.Guru

Figma

如今,依然有很多人在问这两个问题:

  • 否需习码?
  • 开发者是否需要学习用户体验设计?

问题存割裂。,论者难兼顾识领域,择。今, Figma ,它需考虑操系统、,需插件、存储,需协问题。

这些UI和UX趋势,在2019年最值得关注

△ Totally switched to Figma by Alexey Kolpikov

从某种意义上, Sketch 和 Adobe XD 没有做到的事情,它做到了,Figma 的组件通过 API 转换和 React 组件来进行前端效果的实现,设计师可以在它的帮助下输出实际可用的代码和数字产品。在2019年,这款工具非常值得关注。

语音用户界面

设计师所实现的界面不一定非得是可见的。近年来,语音助手类产品越来越成熟,对于看不见的语音交互的要求越来越高。语音这种交互方式更加直觉,也更加感性。

而另外一方面,语音用户界面的构建要求也更高,它们和数据紧密关联,而非我们所熟知的视觉设计。令人深刻的语音用户界面在处理自然语言逻辑上有着突出的表现,为数不多的需要视觉化呈现的地方,也大多是报告和列表页,以及动效。

这些UI和UX趋势,在2019年最值得关注

△ Organic Artificial Intelligence design by Gleb Kuznetsov

视觉上的 UI设计和语音用户界面在绝大多数时候没有什么共同点。不过两者在深层逻辑上有很多共通的地方。本质上都是帮助用户更好的控制,获得想要的结果。在2019年,越来越多的设计师会参与到语音用户界面的设计当中来,从单纯的视觉美学工作逐步过渡到更有意义的体验设计当中。

UX写作和UX文案

从去年开始,UX设计师的关注点开始更多地投注到遣词造句上。UX设计师开始从表述上更加精细地掌控和用户沟通的方式。

曾经有很长的一段时间,数字产品中流行使用高深的技术术语来同用户进行沟通,但是这种方式在现在越来越不可行了 。

为了避免误解,确保信息传达的通畅,UX设计师需要在文案上进行控制,保持诚实,确保清晰,不隐藏缺陷,专注于帮助用户,而不是炫耀口才,也不仅仅是为了 SEO。

旦抱尊,旨,UX写难驾驭。户,始终否帮。借 UX案,户。

另一方面,UX写作和语音用户界面之间有着非常紧密的关联,因为在这个看不到的用户界面当中,语言本身就是最重要的「界面」。

2018年,我们观察到主流的大公司在语言和表述的用户体验上有了更高的追求,甚至设立了专门的职位和职能团队来进行这方面的工作,不再单纯追求独创性,而是将重心偏移到了用户价值上。2019年,我们将会在这个领域看到更大的变化。

产品设计师成为了一个新的职业

UX设计和服务设计都是覆盖领域非常广泛的术语。它们是跨行业服务设计的一部分。从最初的视觉设计,到体验设计,再到如今所流行的服务设计,设计师的职能越来越复杂和多变。

不过,考虑到绝大多数的公司都是产品公司,所以当企业需要设计师走的更加深入的时候,会需要一个真正能够贯穿团队、深入到产品当中的角色,不仅能够用好数据,做好设计,还能够影响整个系统,统筹全部的工具和人员。

于是产品设计师成为了越来越清晰、独立和炙手可热的职能。相比于更加宽泛的服务设计的概念,产品设计的针对性更强,更加讲究分析、测试、设计、决策的综合能力。

注形细节,深洞悉涉及户统数据研案,楚何数据善,怎需求迫切户,贴,。

这些UI和UX趋势,在2019年最值得关注

△ Innovative Eye Pillow Landing Page Design by Sasha Turischev

不过,想要过渡到产品设计师并非易事,它需要一名设计师深入某个行业或者产品,需要具备当前行业的专业性,有清晰而富有远见的洞察能力。

在2019年,我们会看到更多更加专注于特定行业的设计师,逐渐演化为产品设计师审视产品专家,用一部分技能来换对于某个行业或者产品的掌控。

结语

对于即将过去的2018年和即将到来的2019年,我们所洞察到的最重要的趋势,其实并不是特定的技能、发展方向或者某种风格,而是在整体上,「人性」和「真诚」的回归。身为设计师,必须面对人性中固有的需求和倾向,必须保持良好的意图和 真诚的心境,方可带来用户能够接受的产品。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

关于用户画像的讨论已经很多了,对于用户角色的多样性,复杂性,以及它的实用性等等。不可否认的是,用户画像在很多时候都发...
Eugen Eşanu
「猜你喜欢」当然还有很多词汇可以形容,比如:为您推荐、为您精选……经常在移动端购物的剁手一族们肯定都不会陌生。它似乎无...
京东设计中心
Tubik Studio :我们的日常生活中总是面临着无尽的选择,大量的挑战。设计的决策也是如此,一个正确的决策会受到很多不同因素...
ui设计
作为设计师的我们,在思考设计实现方案的时候一定记得从业务逻辑出发,多跟运营以及产品沟通,挖掘到更多的需求,这样才能更...
ui设计
大家知道,长期以来我们一直在坚持分享一些基础的干货内容,那些看书、看分享很难系统搞得明白的知识点,这和我个人对基本功...
ui设计
什么是等距图形?等距图形的发展历史?如何快速做出等距图形?这篇总结全都有了! 一. 等距是什么? 等距视图是指,绘制物体...
2.5D
编者按:这是来自设计师 Eugen Eşanu 的 Jimmy & Sarah 系列文章。两位设计师通过对谈的形式来为你揭示一些产品和设计的...
Eugen Eşanu
经常听到有人说,自己刚做设计,又身在小公司,不懂得正确的设计流程,也接触不到大公司设计的迭代过程,总觉得自己设计流程...
可用性测试