2018年,这些UI设计趋势正在流行

WoodrowKunt 6年前
   <p>数字设计领域和时尚圈是一样一样的,总会有各种各样的趋势让人眼花缭乱。无论是用户界面的视觉元素,还是用户体验的细节,总有许多值得说道的新玩法和新方向。就目前来看,UI设计的大趋势是更加大胆新颖的视觉设计,通过富有表现力的设计技法,为用户提供更加沉浸式的体验。虽然从关键词上来看,大家都在追人工智能(AI),但是落地的设计当中,跟得最紧的依然是现实增强(AR)和虚拟现实(VR),在2017年的风口上吹了整整一年的AR和VR真正开始在产品设计中落地了。</p>    <p>当然,最重要的,还是来看一看,在UI设计领域当中,当之无愧的设计趋势。</p>    <h2>超大字体排版</h2>    <p>无论是平面设计还是UI设计,字体排版始终都是基础,同样也是核心。超大的文本字体作为重要的排版元素,已经被大范围地运用到设计当中,和视频、图片进行各种各样的组合搭配。搭配方式多变且不拘一格,超大文本可以使用不同的色彩,通过色彩对比来构建视觉吸引力,有的设计师还会使使用文本来制造剪切蒙板,让视频和图片以镂空的方式呈现出来,也非常具有视觉吸引力,带来非常突出的用户体验。</p>    <p><img src="https://simg.open-open.com/show/3f01b9fd15ca1a40eca49a72fe1807a7.jpg"></p>    <p>也正是因此,这种字体排版在2018年成为了最为典型的UI设计趋势之一。设计师可以最大限度地发挥展示性字体的特质,能够充分发挥字体设计的技巧,最大限度地创造出独特的用户体验。此外,超大的字体可读性更强,也更容易抓住用户的注意力。无论是桌面端的网站还是移动端的APP,都有许多优秀的设计,值得参考。</p>    <h2>带有渐变的抽象插画</h2>    <p>2018年另外一个UI设计趋势,就是大量使用带有渐变色彩的抽象插画,这些插画不再拘泥于之前我们常见的、普通的呈现方式,非对称,反常识,独树一帜的设计,都开始融入其中。</p>    <p><img src="https://simg.open-open.com/show/30d98c9f510189041a291f03736f6160.jpg"></p>    <p>这种抽象插画最大的特点,就是与众不同。渐变的色彩增加了插画的丰富度,确保它足够的独树一帜,足够有趣。这一点同样非常符合「吸引用户注意力」的特征,从激烈的竞争中脱颖而出。如今的移动端屏幕比以往好了太多,即使是变化微妙的渐变,都可以被轻松直观地展现出来,在依然扁平化为主的当下,采用渐变色的抽象插画可以说是恰到好处。</p>    <h2>复古的视觉和体验</h2>    <p>复古一直在流行。随便翻看一下,总能在触手可及的地方看到使用复古风格或者复古元素的UI设计。复古的UI设计会显得信息量十足,也一直都有着它固定的目标受众,所以它在2018年作为UI设计趋势而存在,毫不让人意外。</p>    <p><img src="https://simg.open-open.com/show/b3611ae1e581194d555dfbcc4eea4f53.jpg"></p>    <h2>虚拟现实</h2>    <p>有人将2017年称为虚拟现实元年,而如今,虚拟现实的技术日渐成熟,许多虚拟现实相关的设计都已经融入到UI设计当中,并且已经足以给用户带来更加沉浸式的用户体验。现实的世界并不足以满足用户全部需求,而这也正好是虚拟现实技术的契机。这也是为什么平淡而微妙的设计无法得到更多用户的青睐。</p>    <p><img src="https://simg.open-open.com/show/d963a2cdc9c3dad9ba4b800dbf278c00.gif"></p>    <p>设计师们开始意识到,用户们需要的是刺激的、眼花缭乱的视觉,是更加深入的沉浸式的互动方式,这也是UI设计师的一个不可多得的机遇。VR 技术还会继续发酵,在接下来的2019年当中继续发展、成熟。</p>    <h2>单色配色设计</h2>    <p>虽然配色上来来去去变化很多,但是在今年,单色配色以压倒性的优势胜过其他,成为了最为典型的配色设计趋势。单色配色的流行和目前的排版设计趋势有很大的关系,因为这种极端的配色能够最大程度上凸显字体的形式感和视觉吸引力。</p>    <p><img src="https://simg.open-open.com/show/1a20d05e34961e3060f77296a0693d63.jpg"></p>    <p>单色配色虽然色彩数量不多,但是这种选出来的色彩更加富有情感感染力和视觉冲击感。用户也不会被其他的色彩分散注意力,也更容易运用CTA元素,引导用户执行特定的操作,产生点击、订阅、购买等行为。</p>    <h2>3D元素</h2>    <p>在诸多设计趋势当中,3D 元素也是相当亮眼的存在。虽然在许多网站当中,3D 元素看着略有一点奇怪,但是越来越多的设计师开始熟练地运用各种建模软件,以更加合理恰当地方式来构建3D的UI元素,模仿3D的视觉设计。</p>    <p><img src="https://simg.open-open.com/show/519ef56c077b82d431bdaad67814f0d0.gif"></p>    <h2>动效和交互</h2>    <p>交互设计当中,动效驱动的微交互正在成为UI中必不可少的润滑,是勾连上下文,强化整个逻辑的重要组成。动效不仅让UI界面更加顺畅了,而且让用户获得了更加清晰的反馈,从而更加快捷明晰地了解整个UI界面的逻辑和状况。</p>    <p><img src="https://simg.open-open.com/show/ef4ac9d455937144e1cdfa1cbebd2f78.gif"></p>    <p>从趋势上来看,故障效果是今年最为流行的动效类型。从静态的UI元素到动态的视觉效果,都大量运用了故障效果。故障效果让UI显得更加富有创造性和质感,让UI界面更加富有生命力。</p>    <h2>声音</h2>    <p>UI界面如今所涉及到的维度越来越多,声音也是UI界面当中不可分割的一个组成部分。本身UI交互就涉及到诸多模拟现实世界的策略,来给予用户以反馈,而声音正好是最常见也最有效的一种。声音层在UI设计当中的重要性日益凸显,不仅能够让体验更加愉悦,而且能够让交互逻辑更加清晰。当然,在具体设计的时候,应当注意声音的实际效果,不应该过于显著或者影响用户的注意力。</p>    <h2>结语</h2>    <p>实际上,在UI设计当中,许多设计趋势并不一定非得是全新的、从未有过的东西,相反绝大多数的趋势都是以往出现过的,但是在当前符合时下的需求,恰到好处地满足用户实际的需求。设计师需要在实际设计过程中,审时度势,作出合理的选择。</p>    <p><img src="https://simg.open-open.com/show/303228ffd4cecdf0afa7910b547f4644.jpg"></p>    <p> </p>    <p>来自:https://www.uisdc.com/ui-design-trends-for-2018</p>    <p> </p>