您当前的位置:首页 > 科技 > 资讯

2017年UI设计的10大趋势

2017-03-13 18:15:02 来源:  作者:
摘要:01. 沉浸式的全屏视频图像长期以来一直是UI和网页设计的主要内容,它的成功逐渐为视频铺平了道路。 我们看到视频在数字设计中被越来越多的使用到。传统摄影是静态的,视频是动

01. 沉浸式的全屏视频

2017年UI设计的10大趋势

图像长期以来一直是UI和网页设计的主要内容,它的成功逐渐为视频铺平了道路。 我们看到视频在数字设计中被越来越多的使用到。传统摄影是静态的,视频是动态的。视频是吸引用户眼球和讲故事的绝佳手段。传统的图像不会很快消失,但有一件事是肯定的,2017年及以后的网页和UI设计将会充满内容丰富、互动更强的全屏视频作为讲故事的主要手段。

 

02. 长篇幅滚动翻页网页

2017年UI设计的10大趋势

滚动的网页绝不是一种新的方式,也绝对不是一个基本功能的“趋势” 用于浏览Web和应用程序。然而,我们越来越多地看到的是更多在桌面设备和更大屏幕的设备上使用了长篇幅滚动网页来进行信息展现。这允许用户可以以更流畅的动作来非常快速地浏览大量的信息,而不会因为要切换页面而被干扰。 国家地理杂志将地图,视频,图像和动画结合在一起,创造了一种单一、流畅、身临其境且丰富多彩的浏览体验。

 

03.渐变和鲜艳的颜色

2017年UI设计的10大趋势

使用扁平化是为了获得更好的用户体验,但是扁平化的迅速流行造成很多设计师设计出的网页都极其相似的现象。 来自世界各地的品牌和设计师们都跟风涌入扁平化的浪潮中,导致很多设计都缺乏个性,非常相似。鲜亮的颜色和渐变能够将更多的能量、温暖和活力注入到一个产品中,使其脱颖而出。 大胆的去尝试使用不同的颜色,但一定要确保他们和你想要表达的内容和谐一致,不能冲突。 但是这样做之前一定要深思熟虑,避免给人们造成眼睛不适的感觉。

 

04. 插画

2017年UI设计的10大趋势

插画能够给人一种别具一格的感觉,这是普通图片很难实现的。 更能贴合品牌特质的定制插画能够使公司更加细致的创建一个真正贴合他们的个性和语调的视觉语言 - 有助于给用户和客户灌输可靠和信任的感觉。插画也拥有很多表现形式。 一些品牌可能选择用平滑的线条插画,这种插画能够表现出一种锐利和高雅的感觉;而其他品牌可能选择更粗糙潦草的手绘风格,这种风格的插画给用户一种有趣和俏皮的感觉。

 

05. 突破网格

2017年UI设计的10大趋势

网格长期以来一直是设计师的神器,给那些需要确保一致性、平衡、节奏和顺序的设计提供了基础。 它是用户体验设计中的一个重要工具,因为他们为用户提供了最熟悉的UI体验,使他们能够以一种自然的方式直观地浏览网站或APP。打破网格提供了更多的创新选择。 它的灵活性可以产生流动性和自由度,这是在用网格设计时很难有的。 然而,在你这样做的时候一定要考虑周全。 所有的界面首先必须是用户友好的,这一点是毋庸置疑的,否则可能会使一些用户非常困惑! 如果是响应式设计你还需要考虑如何在让它在较小的屏幕上能够发挥作用。

 

06.视差

2017年UI设计的10大趋势

将视差与突破网格和滚动翻页结合起来时非常好的做法,这样在传统的排版中很少见。 简而言之,视差是一种背景移动速度比前景更慢的效果,当用户滚动时给出深度和动态感。 这不是一个新的方法,但正在被很多品牌尝试。视差必须谨慎使用,因为它可以很容易变得让客户难以忍受。 但是,当谨慎使用时,它提供了一种很棒的动态感受,以帮助向上滚动切换内容并吸引住用户。 将它与图像、文字和不太严谨的布局结合使用,可以创建流畅的分层内容。

 

07.卡片

2017年UI设计的10大趋势

卡片的模式不是一个新突破性的趋势,但对于UI设计,它们是一个功能性很强的设计方式。在移动UI设计方面的成功以及被融入到 Google’s Material Design 中 ,卡片一直在网页设计中获得突出地位:卡片是组织短片短信息的好方法,它们的灵活性在组织和消费内容的较小屏幕上是无价的。 卡片是一种可以显示文字、图像、视频和其间所有内容的解决方案,可以从最小的屏幕设备扩展到最大屏幕的设备。

 

08.微互动

2017年UI设计的10大趋势

从用户体验的角度来看,微交互不仅是小的、有趣的屏幕上的动画或转换,同时也是对于用户及其动作的视觉反馈的形式。微交互让用户知道与UI交互时正在发生什么,已经发生了什么,以及将要发生什么。微互动提供有用的人性化反馈,以一种周到和有趣的方式让用户知道做什么和正在发生什么。 他们可以将简单平凡的过程变得有趣,以及提供关键的反馈。

 

09. 字体排版

2017年UI设计的10大趋势

随着越来越多的网络字体服务商(谷歌字体,Typekit)提供免费或便宜好用的字体系列,期望看到更多的品牌使用大胆和美丽的字体代替系统字体。排版是品牌和设计师在创造充满个性的内容时进行实验的另一种创造性媒介。 正如本文所讨论的,许多这些趋势是一起工作的,创意排版绝对是一个很好的例子。 将文字排版与图像、视频、插图、颜色和非常规布局结合起来创造独特的体验。

 

10. 导航栏实验

2017年UI设计的10大趋势

导航和菜单一直是设计师热烈争论的话题。随着移动和桌面UI之间的界限逐渐模糊,以及越来越多地使用汉堡包菜单(也叫做左滑菜单 )在更大屏幕的UI上,设计菜单和导航有了更多的创造性空间。导航不再局限于排列在窗口顶部的一排单行链接,而且肯定有更多的创意解决方案可以帮助用户找到他们。虽然创意和美学很重要,但设计师应该始终优先考虑可用性,确保用户能够快速轻松地找到所需的内容,而不是被过度的设计或花哨的解决方案混淆。

热门推荐
返回顶部