设计越来越系统化,设计师的身份不再局限于视觉呈现这一个层面,对于产品、营销的要求早已成为很多企业招聘的基本要求。更系统的知识、更全面的方法支撑,让设计师能够在产品设计流程中作出更好的决策。
尽管我们还没有达到这个可预期的未来,但是我们仍然向着那个方向坚定不移地靠近着。
我们会将这些明显的设计趋势视作为当下设计不足的一种提醒,密切关注,确保我们能在现有基础上越做越好。下面,看看我们通过持续观察所预测的2019年的设计趋势。
大胆的色彩运用
https://elje-group.com/en/home.html https://open.spotify.com/browse/featured https://sifs.com.au/炽烈的色彩在网页设计里很常见。 从渐变背景到明亮的图像叠加到色彩的动画,大胆的配色运用将继续受大众欢迎。
甚至 Pantone 也将- Living Coral --作为年度色彩。 但明亮的蓝调,如 Spotify 或 Secure Invest(上图),可能是最受欢迎的选择。
这些颜色已经从其他设计趋势演变而来。 大胆的对比色配色最开始运用在扁平化设计中,通过 Material Design 变成更鲜艳的色彩,现在其中一些色调甚至还带有一丝霓虹色。
情感化设计
https://sproutsend.com/ Airbnb与用户建立情感连接, 这就是情感化设计的全部意义所在。
根据Design Shack的说法,情感联系分为四个基本类别 - 欢乐和悲伤,信任和厌恶,恐惧和愤怒,以及惊喜和期待。 思考网页设计如何归类这些情感,并使用颜色,图像和用户界面进一步与用户进行连接。
设计中的每个视觉元素都为情感化设计做铺垫。 例如 Sprout的例子—— 一张笑脸创造了与用户的第一次积极互动。 图像中的女人很高兴,用户可以感受到这种情感。还有另个例子是Airbnb。当我们打开Airbnb的网页的时候,立刻就被友好和安全的氛围所包围。我相信,营造这一氛围的影响因素很多,但是有一样绝对是最突出的,也是决定性的,也就是页面中所用的照片。如果你仔细观察Airbnb所有的图片选取,你会发现他们的选图规律:绝大多数图片所拍摄的是“家人或朋友”在优雅的环境中,微笑着享受生活的情形。当Airbnb用无处不在的生活场景和微笑的照片来包围你的时候,我们会在潜移默化中被Airbnb社区所影响,与那些幸福的旅行者和这个品牌产生情感关联。
这就是典型的“情感化设计”的案例。维基百科中对于“情绪感染”的解释很直白
它指的是两个个体在情绪上相互影响和传递的趋势,当人们不自觉地、下意识地模仿对方的情感表达方式的时候,他们能够感受到同伴的情绪反射。
趋近于“真实”的设计元素
http://www.bcdesign.cn/ https://www.ringba.com/ https://interview.ueno.co/虽然 VR 尚未真正被所有人所接受,但其影响已经很明显。
更多的设计师正在添加更多深度和设计元素,使项目有更真实或更具战术感。 这包括从具有更多三维外观的插图(甚至是动画插图)到用户可以看似伸出和触摸的移动形状或产品的所有内容。
随着越来越多的设计师应用这些技术,VR将成为更常见的用户体验和更多预期的部分。 VR 也将开始看起来更真实,更少“VR感”。
超现实和抽象设计
https://medium.com/dropbox-design https://dribbble.com/shots/5547906-Shop-Small https://www.teambition.com/这些风格独树一帜的 UI插画的目的只有一个:让视觉和内容保持新鲜。在很多同类设计当中,插画的风格称得上是八仙过海各显神通,其中不乏设计得并不好看的,因为首要目标,是用独特的视觉来给人留下深刻的印象。这些先锋而独特的视觉设计,会在接下来的2019年看到更多。
更多的语音交互
https://dribbble.com/shots/5446983-Dropbox-files-in-Active-UI Organic Artificial Intelligence design by Gleb Kuznetsov设计师所实现的界面不一定非得是可见的。近年来,语音助手类产品越来越成熟,对于看不见的语音交互的要求越来越高。语音这种交互方式更加直觉,也更加感性。
而另外一方面,语音用户界面的构建要求也更高,它们和数据紧密关联,而非我们所熟知的视觉设计。令人深刻的语音用户界面在处理自然语言逻辑上有着突出的表现,为数不多的需要视觉化呈现的地方,也大多是报告和列表页,以及动效。
深度扁平和3D
Cards 3D transition by Gleb Kuznetsov扁平化的 UI 设计,在过去的几年中一直是主流。最近,我们发现扁平化的 UI 元素,在视觉深度上开始发生明显的变化,但是整体风格和使用方式上并没有明显变化。当然,在纵深上的变化,很大程度上是强化层次的象征意味,让用户更容易理解,而扁平依然是核心的特征。
深度扁平,就是新的扁平化设计。
https://dribbble.com/shots/4811613-3D-Product-Swipe 3D flip menu by Minh Pham ✪3D 和 CG技术的结合让用户在视觉上感觉仿佛是在和真实内容进行交互,这一点和深度扁平在内核上是一致的。从某种意义上来说,深度扁平也可以算是伪3D ,它是为了营造出真实的质感,而调整出拟真的光影效果(在纵深上)。
野蛮主义更加主流
https://drod.design/ http://adamclarkecolour.com/Nielsen Norman Group 对这种野蛮主义进行了描述:“数字设计中的野蛮主义是一种故意试图看起来粗糙、随意、简单的风格。 它与20世纪90年代早期风格的网站相呼应)。 有时这种野蛮主义的表现形式是赤裸裸的,几乎裸露的 HTML 网站,带有蓝色链接和单色的Monospace。“
更多的渐变
https://trainbodybrain.co.uk/ Grabient 2.0 by Eddie Lobanovskiy扁平化之后所进化出来的「微妙的渐变」已经无法满足需求了,直接的反映就是大家在渐变的色彩梯度和纵深上,开始更加用力,更加大胆了。
多变的字体
Marvin Visions可变字体在响应式设计中蓬勃地发展着,设计师不得不绞尽脑汁地在不拉伸的前提下给各种屏幕,塞入他们所设计的字体。这仅仅只是一个开始,可变字体在接下来的2019年还会有更多的变化和发展。
根据谷歌的说法:“可变字体是主要样式的集合,有一个中央'默认'主文件(通常是常规字体样式)和多个注册”轴“,它们将中央主文件绑定到其他主文件。 例如,Weigh t轴可能会将 Light 样式主文件连接到默认样式,再连接到 Bold 样式主文件。 可沿此轴定位的各个样式称为实例。“
虽然OpenType变量字体背后的概念可能仍然有些令人生畏,但它们开始变得更加主流。 它们专为响应式设计而设计,可以帮助项目在不同的屏幕尺寸上看起来更完整。
数据可视化
http://www.wsj.com/ad/cocainenomics 豆瓣年度书影音报告数据可视化是向用户呈现复杂信息的一种更有趣且易于理解的方式。 这种视觉格式适用于从数字到地图到理解复杂算法的所有内容,深受用户喜爱。 它可以帮助人们理解内容并以多种方式工作 - 作为静止图像,滚动面板,动画或交互式游戏。
明确且合理的动画效果
http://savetheair.de/近两年来动画效果的持续升温,这几乎成了设计师的新必修课。而浏览器和硬件的性能提升,使得动画效果近乎无处不在。可是,现在新的问题出现了,那就是设计师不仅要让元素动起来,而且要更加合理地运动。
设计师不仅要懂得物体运动的物理规则,而且要懂得在 UI 和网页中使用动效的心理学效应。动画将用户吸引到设计的某些部分,有助于推动参与或兴趣或讲故事。 在Web项目中使用动画可以为参与设计的用户提供深入的理解。
产品设计师成为了一个新的职业
UX设计和服务设计都是覆盖领域非常广泛的术语。它们是跨行业服务设计的一部分。从最初的视觉设计,到体验设计,再到如今所流行的服务设计,设计师的职能越来越复杂和多变。
不过,考虑到绝大多数的公司都是产品公司,所以当企业需要设计师走的更加深入的时候,会需要一个真正能够贯穿团队、深入到产品当中的角色,不仅能够用好数据,做好设计,还能够影响整个系统,统筹全部的工具和人员。
于是产品设计师成为了越来越清晰、独立和炙手可热的职能。相比于更加宽泛的服务设计的概念,产品设计的针对性更强,更加讲究分析、测试、设计、决策的综合能力。
产品设计师关注当前产品的服务形态和产品细节,深入洞悉产品所涉及用户的统计数据和调研个案,清楚如何利用真实的数据来完善产品,怎样让产品服务于这些需求迫切的用户,比起服务设计师更贴近产品,更接地气。
参考文章:https://designmodo.com/web-design-trends-2019/#comments
https://uxplanet.org/2019-ui-and-ux-design-trends-92dfa8323225
http://www.influencechain.org/zh-cn/
相关推荐:
网友评论