2018正在流行的ui设计趋势
数字设计领域和时尚圈是一样的,总会有各种各样的趋势让人眼花缭乱。无论是用户界面的视觉元素,还是用户体验的细节,总有许多值得说道的新玩法和新方向。就目前来看,UI设计的大趋势是更加大胆新颖的视觉设计,通过富有表现力的设计技法,为用户提供更加沉浸式的体验。虽然从关键词上来看,大家都在追人工智能(AI),但是落地的设计当中,跟得最紧的依然是现实增强(AR)和虚拟现实(VR),在2017年的风口上吹了整整一年的 AR 和 VR 真正开始在产品设计中落地了。
当然,最重要的,还是来看一看,在 UI设计领域当中,当之无愧的设计趋势。
1、超大字体排版
无论是平面设计还是 UI设计,字体排版始终都是基础,同样也是核心。超大的文本字体作为重要的排版元素,已经被大范围地运用到设计当中,和视频、图片进行各种各样的组合搭配。搭配方式多变且不拘一格,超大文本可以使用不同的色彩,通过色彩对比来构建视觉吸引力,有的设计师还会使用文本来制造剪切蒙版,让视频和图片以镂空的方式呈现出来,也非常具有视觉吸引力,带来非常突出的用户体验。
也正是因此,这种字体排版在2018年成为了最为典型的 UI设计趋势之一。设计师可以最大限度地发挥展示性字体的特质,能够充分发挥字体设计的技巧,最大限度地创造出独特的用户体验。此外,超大的字体可读性更强,也更容易抓住用户的注意力。无论是桌面端的网站还是移动端的 APP,都有许多优秀的设计,值得参考。
2、带有渐变的抽象插画
2018年另外一个 UI设计趋势,就是大量使用带有渐变色彩的抽象插画,这些插画不再拘泥于之前我们常见的、普通的呈现方式,非对称,反常识,独树一帜的设计,都开始融入其中。
这种抽象插画最大的特点,就是与众不同。渐变的色彩增加了插画的丰富度,确保它足够的独树一帜,足够有趣。这一点同样非常符合「吸引用户注意力」的特征,从激烈的竞争中脱颖而出。如今的移动端屏幕比以往好了太多,即使是变化微妙的渐变,都可以被轻松直观地展现出来,在依然扁平化为主的当下,采用渐变色的抽象插画可以说是恰到好处。
3、复古的视觉和体验
复古一直在流行。随便翻看一下,总能在触手可及的地方看到使用复古风格或者复古元素的 UI设计。复古的 UI设计会显得信息量十足,也一直都有着它固定的目标受众,所以它在2018年作为 UI设计趋势而存在,毫不让人意外。
4、虚拟现实
有人将2017年称为虚拟现实元年,而如今,虚拟现实的技术日渐成熟,许多虚拟现实相关的设计都已经融入到 UI设计当中,并且已经足以给用户带来更加沉浸式的用户体验。现实的世界并不足以满足用户全部需求,而这也正好是虚拟现实技术的契机。这也是为什么平淡而微妙的设计无法得到更多用户的青睐。
设计师们开始意识到,用户们需要的是刺激的、眼花缭乱的视觉,是更加深入的沉浸式的互动方式,这也是 UI设计师的一个不可多得的机遇。VR 技术还会继续发酵,在接下来的2019年当中继续发展、成熟。
5、单色配色设计
虽然配色上来来去去变化很多,但是在今年,单色配色以压倒性的优势胜过其他,成为了最为典型的配色设计趋势。单色配色的流行和目前的排版设计趋势有很大的关系,因为这种极端的配色能够最大程度上凸显字体的形式感和视觉吸引力。
单色配色虽然色彩数量不多,但是这种选出来的色彩更加富有情感感染力和视觉冲击感。用户也不会被其他的色彩分散注意力,也更容易运用 CTA元素,引导用户执行特定的操作,产生点击、订阅、购买等行为。
6、3D元素
在诸多设计趋势当中,3D 元素也是相当亮眼的存在。虽然在许多网站当中,3D 元素看着略有一点奇怪,但是越来越多的设计师开始熟练地运用各种建模软件,以更加合理恰当地方式来构建3D的 UI 元素,模仿3D 的视觉设计。
7、动效和交互
交互设计当中,动效驱动的微交互正在成为 UI 中必不可少的润滑,是勾连上下文,强化整个逻辑的重要组成。动效不仅让 UI界面更加顺畅了,而且让用户获得了更加清晰的反馈,从而更加快捷明晰地了解整个 UI界面的逻辑和状况。
从趋势上来看,故障效果是今年最为流行的动效类型。从静态的 UI 元素到动态的视觉效果,都大量运用了故障效果。故障效果让 UI 显得更加富有创造性和质感,让 UI界面更加富有生命力。
8、声音
UI界面如今所涉及到的维度越来越多,声音也是 UI界面当中不可分割的一个组成部分。本身 UI 交互就涉及到诸多模拟现实世界的策略,来给予用户以反馈,而声音正好是最常见也最有效的一种。声音层在 UI设计当中的重要性日益凸显,不仅能够让体验更加愉悦,而且能够让交互逻辑更加清晰。当然,在具体设计的时候,应当注意声音的实际效果,不应该过于显著或者影响用户的注意力。
结语
实际上,在 UI设计当中,许多设计趋势并不一定非得是全新的、从未有过的东西,相反绝大多数的趋势都是以往出现过的,但是在当前符合时下的需求,恰到好处地满足用户实际的需求。设计师需要在实际设计过程中,审时度势,作出合理的选择。
{"weixin":{"label":"微信","name":"weixin","selected":true,"value":true,"sortid":"1","shareid":"weixin","sharetitle":"分享到微信","event":"shareToWeiXin","lang":"shareWeb_WeiXin"},"copy":{"label":"复制网址","name":"copy","selected":true,"value":true,"sortid":"2","shareid":"copy","sharetitle":"复制网址","event":"copy_url","lang":"shareWeb_Copy"},"qq":{"label":"QQ好友","name":"qq","selected":true,"value":false,"sortid":"1","shareid":"qq","sharetitle":"分享到QQ","event":"shareToQQ","lang":"shareWeb_QQ"},"sina_weibo":{"label":"新浪微博","name":"sina_weibo","selected":true,"value":true,"sortid":"4","shareid":"sina_weibo","sharetitle":"分享到新浪微博","event":"shareToSinaWB","lang":"shareWeb_SinaWeiBo"},"qq_zone":{"label":"QQ空间","name":"qq_zone","selected":true,"value":true,"sortid":"5","shareid":"qq_zone","sharetitle":"分享到QQ空间","event":"shareToQzone","lang":"shareWeb_QQZone"},"renren":{"label":"人人网","name":"renren","selected":true,"value":true,"sortid":"7","shareid":"renren","sharetitle":"分享到人人网","event":"shareToRenren","lang":"shareWeb_RenRen"},"douban":{"label":"豆瓣网","name":"douban","selected":true,"value":true,"sortid":"8","shareid":"douban","sharetitle":"分享到豆瓣网","event":"shareToDouban","lang":"shareWeb_DouBan"},"baidu_tieba":{"label":"百度贴吧","name":"baidu_tieba","selected":true,"value":true,"sortid":"10","shareid":"baidu_tieba","sharetitle":"分享到百度贴吧","event":"shareToTieba","lang":"shareWeb_TieBa"},"Facebook":{"label":"Facebook","name":"Facebook","selected":true,"value":true,"sortid":"11","shareid":"Facebook","sharetitle":"分享到FaceBook","event":"shareToFacebook","lang":"shareWeb_Facebook"},"Twitter":{"label":"Twitter","name":"Twitter","selected":true,"value":true,"sortid":"12","shareid":"Twitter","sharetitle":"分享到Twitter","event":"shareToTwitter","lang":"shareWeb_Twitter"},"LinkedIn":{"label":"LinkedIn","name":"LinkedIn","selected":true,"value":true,"sortid":"13","shareid":"LinkedIn","sharetitle":"分享到linkedIn","event":"shareToLinkedin","lang":"shareWeb_Linkedin"},"whatsapp":{"label":"whatsapp","name":"whatsapp","selected":true,"value":true,"sortid":"15","shareid":"whatsapp","sharetitle":"分享到whatsapp","event":"shareToWhatsapp","lang":"shareWeb_whatsapp"},"line":{"label":"line","name":"line","selected":true,"value":true,"sortid":"15","shareid":"line","sharetitle":"分享到line","event":"shareToLine","lang":"shareWeb_line"},"qq_weibo":{"label":"腾讯微博","name":"qq_weibo","selected":true,"value":true,"sortid":"3","shareid":"qq_weibo","sharetitle":"分享到腾讯微博","event":"shareToQQwb","lang":"shareWeb_QQWeiBo"},"peopleBlog":{"label":"人民微博","name":"propleBlog","selected":true,"value":true,"sortid":"14","shareid":"propleBlog","sharetitle":"分享到人民微博","event":"shareToPeopleBlog","lang":"shareWeb_peopleBlog"}}