咨询,就免费赠送域名与服务器,咨询热线:17792875587当前位置: 主页 > 建站知识 > 网站设计知识 >
推荐内容

联系我们
电话咨询:17792875587
E-mail:5239283@qq.com
地址: 西安市含光北路医药交易大厦6楼

展望2017年的UI设计思路

作者/整理:西安网站建设 来源:互联网 2017-12-27

“早起的鸟儿有虫吃”,本期内容将让你成为林子里最早觉醒的“鸟”。

近两年,网页设计和UI设计的趋势变化非常快,在被动的情况下,我们很难跟得上不断变化的趋势和发展。 随着2016年接近尾声,小编挑选了我们认为应该在2017年UI设计的7个最重要趋势,帮助大家先人一步,在同行业竞争中占据更有利的优势。

NO.1沉浸式的全屏视频

 

泰克鲁斯·腾风的网站使用简单的排版结合动态全屏视频制作了一个简单但有力的内容

 

古语有云:“一幅画顶一千字”,这个说法在现在依然有效。在UI设计的世界中图像画面仍然是一个很好的方式来快速抓住用户的注意力。 视觉被认为是所有人类感觉中最强的,并且大的单幅图像能够以更有效、简洁、快速的方式总结语音讯息和音调。

图像长期以来一直是UI和网页设计的主要内容,它的成功逐渐为视频铺平了道路。 我们看到视频越来越多的使用到数字设计中。 传统摄影是静态的,视频是动态的。 视频是吸引用户眼球和讲故事的绝佳手段。

 

NO.2长篇幅滚动翻页网页

 

BLACK  LABEL®培根美食的网站是一个很好的例子,因为它几乎涵盖了这篇文章中提到的每一点

滚动网页绝不是一种新的方式,也绝对不是一个基本功能的“趋势”  用于浏览Web和应用程序。然而,我们越来越多看到的是更多在桌面设备和更大屏幕的设备上使用了长篇幅滚动网页来进行信息展现。

在过去几年中,由于用户觉得在较小屏幕设备上滑动翻页更便于查找内容,更多的设计人员开始在较大屏幕上使用长篇幅滚动网页的界面。

这允许用户可以用更流畅的动作来非常快速浏览大量信息,而不会因为要切换页面而被干扰。 它是一个能够广泛适用的方式,可以用在所有设备和内容媒体上,不管是长篇新闻和新闻故事,还是登陆页面和交互体验,它都可以适用。

 

NO.3渐变和鲜艳的颜色

 

Rentberry是大品牌尝试大胆使用颜色和渐变的一个很好的例子

2013、14年,扁平化迅速在各类设计中流行开来,扁平化让设计师们在设计中使用更多的冷色调和删除多余元素。 尽管它本身有一些缺点,但平面设计是一门实用哲学,扁平化今天仍然具有价值。

使用扁平化是为了获得更好的用户体验,但是扁平化的迅速流行造成很多设计师设计出的网页都极其相似。 来自世界各地的品牌和设计师们都跟风涌入扁平化的浪潮中,导致很多设计都缺乏个性,非常相似。

2016年,扁平化的趋势又逐渐显现,更多的品牌和设计师开始强调更加个性的扁平化,尝试鲜亮的颜色和渐变,不再像以前一样一味的强调简单和冷色调。无论这是否符合你的品味,我们都应期望看到更多使用渐变和鲜亮的颜色将推动UI和网页更具个性!

 

NO.4插画

 

RAXO是具有强烈插画风格品牌的很好的一个例子。 这种粗犷、手绘的风格让人觉得轻松愉悦,增加了人们对他们产品的信任感

插画能够给人一种别具一格的感觉,这是普通图片很难实现的。 更能贴合品牌特质的定制插画能够使公司更加细致的创建一个真正贴合他们的个性和语调的视觉语言 - 有助于给用户和客户灌输可靠和信任的感觉。

插画也拥有很多表现形式。 一些品牌可能选择用平滑的线条插画,这种插画能够表现出一种锐利和高雅的感觉;而其他品牌可能选择更粗糙潦草的手绘风格,这种风格的插画给用户一种有趣和俏皮的感觉。 插画给创意提供更多的途径,当插画与摄影和排版结合时,更是如此。

 

NO.5卡片

 

上面的例子显示了如何实现卡以在较大屏幕UI上工作,从可滚动菜单卡到分层定价模型的选项

卡片的模式不是一个新突破性的趋势,但对于UI设计,它们是一个功能性很强的设计方式。在移动UI设计方面的成功以及被融入到 Google’s Material Design 中 ,卡片一直在网页设计中获得突出地位。

据Google称,2015年,移动设备超越台式机成为浏览网页最流行的平台,因此越来越多的设计师正在模糊移动和桌面UI之间的界限,创造更加无缝的用户体验。

卡片形式是一种广泛适用的UI设计方法,可以在各种平台上适用,从较小屏幕设备一直到较大屏幕设备。他们是一个很棒的方式在屏幕上同时组织和显示大量的数据,允许用户快速筛选可用的信息并选择查看。 Facebook,Twitter,Netflix和Pinterest都是强大的数字平台,它们都选择了使用卡片的形式。

 

NO.6微互动

 

上图是如何实现微交互以显示菜单UI中的状态变化的一个很好的例子

通常小屏幕上动画形式的微交互在UI和UX设计中起着至关重要的作用,尤其是在移动端和小屏幕设备上。

从用户体验的角度来看,微交互不仅是小的、有趣的屏幕上的动画或转换,同时也是对于用户及其动作的视觉反馈形式。微交互让用户知道与UI交互时正在发生什么,已经发生了什么,以及将要发生什么。

聪明的设计师通过将功能以有趣的方式实现来让用户高兴。从有趣的加载动画,到顺滑的图标转换,有效的微互动能够同时起到吸引和通知用户的作用。 

 

 

NO.7导航栏实验

 

Adult Swim 的网页导航达到了一个全新的水平

导航和菜单一直是设计师热烈争论的话题。随着移动和桌面UI之间的界限逐渐模糊,以及越来越多地使用汉堡包菜单(也叫做左滑菜单 )在更大屏幕的UI上,设计菜单和导航有了更多的创造性空间。

菜单隐藏在画布之外,设计师可以给自己整个视口窗口来创建一个创造性的解决方案。但导航服务在用户体验中扮演着一个重要角色,所以请确保你的用户能够快速找到他需要的内容!

并不是所有的设计师都同意在桌面应用程序(或在所有)使用菜单。但这个话题是值得讨论的,我们也相信2017年及以后会有更多的人尝试设计更好的导航和菜单。

 

结论

与所有流行趋势的本质一样,UI的趋势也是在不断变化,但是也会有一些被保持下来变成了设计的基本准则。

然而在这个创意产业中,变化以闪电的速度发生,所以追赶正在发生的改变是重要的。 UI设计总是通过实现一些伟大的UX,同时伟大的UX也将伴随着新技术的出现和发展而改变。这是一个不断变化的领域,需要不断的学习和创新。