Skip to main content

随着新一年的到来,界面设计趋势成为一个热门话题。 在下一个创意季开始之前,我们想带你回顾一下在2018年的12个月中的几个网站和移动应用界面设计趋势,同时与你分享一些实例。

插画元素的运用

近几年,那些专为网页和移动界面创造出的平面图形在其多样性方面持续飙升。在2018年,它终于确定了自己最高的位置。正如我们在之前的帖子中提到的,这种插画型界面的广泛运用涵盖了多个原因:

  • 比起文字,大部分用户很容易看懂理解图像,这些插画可以快速的传达很多文字信息
  • 首先回答问题,出国留学作品集可以放快题作品吗?答案是肯定的,快题作品是可以放进出国留学的作品集当中的。
  • 界面图形有效地支持了web和移动布局的可视层次结构的建立
  • 插图增加了界面设计的原创性,情绪和情感
  • 强化了视觉隐喻和色彩心理的力量
  • 经证实,美丽的插画的确可以很好地吸引用户的注意

    因此,我们可以发现数码插画已经在2018年被广泛地运用在各种用户界面中。 除了上述优点之外,这种为以一款APP或网站设计的一套平面图像可以很好地保证用户体验的一致性。如今,越来越多的设计师喜欢用个性的图像向用户展示不同的操作流程,错误页面,系统消息等等。这就是为什么很多人喜欢通过Ouch共享免费的界面插图。

Hero Images在网页中的广泛运用

与平面插画有关的另一个趋势就是,上一年各种网站都广泛运用了很大的主导性的视觉图像,我们把它称为“hero images”。它们是在交互的第一秒就可以直接抓住用户眼球的第一个重要元素。通常它们都是高质量的照片,插图或者与网站资源相关的抽象平面图形组合。在大多数情况下,它们覆盖了页面的很大的空间,从四分之一到一半的页面。正因为大面的占据页面布局,这些图像通常都是经过深思熟虑设计过的,从而不浪费一个给用户留下深刻印象的机会。

3D 平面图像的运用

从2018年最热门的趋势中,我们绝对能发现各种3D图像被广泛运用到移动和Web 的UI中。 毫无疑问的是,对设计师来说这种视觉内容是一个挑战。 它需要特定的技巧,软件和很多时间才能设计好。 但是从很多设计案例中,我们发现这些努力都是值得的,因为3D图像比平面图形更接近现实世界,因此能使设计整体更加生活化,契合情感,从而带来更好地用户体验。更重要的是,他们看起来非常逼真,这些3D渲染出来的图像可以很好展示出产品的效果。

大胆的排版

设计师独到的设计亮点还可以通过排版体现出来。 在今年的页面设计中,你会发现很多美丽的精致的字体的组合,以及非常漂亮醒目的标语字体。例如:

  • 图像填充副本
  • 文本和图像组合在一起
  • 动态排版元素

此外,还必须提到的是,在字体的选择中界面设计师越来越把可读性作为核心标准。特别是在移动用户界面中,在有限的界面中更加强调可读性的重要性。 此外,精心挑选的字体可以传递所需要的情绪,并帮助构建强大的视觉层次结构,因此设计师越来越喜欢在各种字体上花心思。

无框架背景图片的运用

另一种给用户留下深刻印象的方式就是使用没有框架的全屏图像作为背景。 这种方法备用在很多强调视觉感受的网页上。它可以使,照片,平面插画,抽象平面图形组合或者3D渲染图等。 这种方法证明我们向海报化的页面迈出了一步。同时,从效果功能上来说,它在表现页面情绪和主题方面发挥了很大的作用。

越来越多的视频内容

近几年来,视频内容已经成为一种强大而有效的与用户沟通的方式。它帮助激活了多种感知源,迅速分享了信息和所强调的情绪,同时以动态的特点为页面注入活力。 这也难怪,视频内容会在今年得到蓬勃发展。 你会发现,很多网站在今年会经常使用引人入胜的背景视频。

博人眼球的UI动画

2018年,有关UI动画的创意实验变得越来越大胆。 为了使页面或屏幕脱颖而出同时增添一丝情感,设计师通常热衷于将动画添加到网页或移动界面中,从icons到logo到复杂的插图。然而,这种UI动画的实用性引起了广泛的争论,但大多数用户仍希望这种微交互的方式可以出现在他们的界面中。

转场效果,网页交互性以及视差

随着动效软件和技术的不断发展,今年在很多界面中我们见证了各种复杂的动画被用于屏幕之间的过渡。 在这方面投入这么多时间和精力的主要原因在于,它能够带来良好的用户体验,美学享受,增加UI的趣味性以强化了页面的交互性。

翻译:Cecilia|马克笔设计留学
原文地址:https://icons8.com/articles/ui-design-top-interface-design-trends/
如果你对于设计专业留学作品集和院校准备方面有任何问题或者疑问,也可以随时与马克君沟通(微信:13718574833)也可以随时关注我们的公众号(搜索:马克笔设计留学)这里有最专业的免费教程和素材,希望能帮助更多设计专业的同学完成他们的名校留学梦。

0 0 vote
Article Rating
订阅
提醒
guest
0 评论
Inline Feedbacks
View all comments