5个2016年UI/UX设计趋势

随着“响应式Web设计”以及“Google提升移动友好性设计” 持续升温,在过去的一年开始流行的一些UI/UX设计趋势,将会在新的一年里继续流行下去。鉴于此,我总结了一下在2016年仍会持续大热的一些UI/UX设计趋势。

5个2016年UI/UX设计趋势

随着“响应式Web设计”以及“Google提升移动友好性设计” 持续升温,在过去的一年开始流行的一些UI/UX设计趋势,将会在新的一年里继续流行下去。鉴于此,我总结了一下在2016年仍会持续大热的一些UI/UX设计趋势。

动画

动画的使用效果是提升用户体验并且彰显网站/应用的个性,但是要把握好动画如何表达和何时使用动画,俩者之间的平衡是很难去区分的。千万不要为了要有动画而做动画;要有一个目标,使动画能够真正的增强内容的展现效果。在我的经验里面,好的动画是细小而微妙的。一个有爱的动画,能够让用户明白设计师是为了他们而去想的,以及知道设计师花了时间,只为创造一个独特而个性化的体验。

下图便是一个好例子印证了适当的加载动画如何提升用户体验 (via the Slack app):

5个2016年UI/UX设计趋势

Material Design-比扁平化更具沉浸感的体验

Material design 是一个UI界的后起之秀,它沿袭了扁平化设计的一些设计原则,比如鲜明的色彩搭配、简洁、大字体、简约等等,然后在此基础上增加了阴影、模糊、覆盖和深度等元素。这种设计给人一种更轻便且舒畅的感觉,并进一步增强了用户的交互体验。谷歌就是用这个原理打造他们的整个平台的产品和app。以下这个网站就是个好例子印证了这个UX设计趋势。

5个2016年UI/UX设计趋势

Web应用无差别的感官体验

用户在用不同的平台想要体验的是统一的界面元素。当越来越多的原生应用出现,让应用无论基于Web还是基于原生iOS/Android都能交付无差别的用户体验就变得越来越重要。著名图片分享站Pinterest为我们提供了一个完美的范例:

5个2016年UI/UX设计趋势

稳健的用户透明度

IE的透明性从一开始就做得比较好,尤其是针对C-Suite、营销人员以及利益相关者。他们给客户一个能更好地了解如何使用的外观和感觉。创建介于用户界面和用户体验之间的内部线框图能够从开始阶段起就为客户提供更加丰富和准确的线框。当然你可以说它们只是半成品,并不能代表完全的成品。我认为这样将会误导你的客户,使他们对设计变得迷惑。

高保真线框

要想打动你的用户,以下是几种可以增加你的UI/UX体验的表达手法:

  1. 使用真实图像而不是灰框(即使不是完全真实的图像)
  2. 使用最终要用的字体效果
  3. 让标题和尺寸和最终效果一致

在用户界面上你不需要想太远,把这些元素扩大是一个好方法,利用原本元素,做成能够向客户表达的效果。

当然,并不是说你遵循了上面的原则就一定能打动你的用户,你还需要具备额外的技能,而不是一步登天;无论面对何种项目,用你的最佳判断和对用户需求的理解都是最最重要的。

 

原文地址:http://www.ackmanndickenson.com/2015/12/5-ui-ux-design-trend-predictions-for-2016/

译者:@许嘉智  xujz@ctrip.com

译文地址:http://ued.ctrip.com/blog/5-2016-ui-ux-design-trends-translation.html

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29868/

(0)
CatherineCatherine
上一篇 2017-05-26
下一篇 2017-05-26

相关推荐

  • 【案例】菜鸟裹裹如何打造双11极致物流体验

    作者:CNUX设计实验室(菜鸟无线UED团队)   如往年一样,2016年的双十一如期而至。当大多数人都在关注、鼓励你买买买的时候,有多少人关心你盼望包裹的那种期待?有多少人能体会你等待包裹时的焦虑?有多少人理解…

    交互专题 2017-08-07
  • Axure官方教程中文版第4课:构建交互动作-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(4).MP4 新建文件 1、添加一个按钮和两个文本框 2、禁用第二个文本框 3、设置第一个文本框不可点击 4、设置第二文本可用 5、将第二个文本框设置获…

    2015-01-26
  • 如何成功运用扁平化设计与色彩趋势

    经验分类: 经验/观点 / 自译外文 原作者: Carrie Cousins  翻译:蒋灿 我们在Designmodo上已经聊了很多有关扁平化设计趋势的内容。 之前瞎说了很多,也给大家展示了大量不错的示例,还开发了一套免费的用户界面以…

    2014-09-14
  • 不会编程?Axure一样可以做网站

    说起Axure,做产品的朋友再熟悉不过了,它是我们在日程工作中最常见的原型制作软件之一,今天分享的文章,主要是教大家如何使用Axure打造简单的个人网站,不会编程我们依然可以做网站。接下去将分为几个步骤去阐述:1. 这些我们必须知道的小知识axure是可以生成html文件的,这为我们使用它来制作网站提供了可能性axure只能搭建小型的个人网站 ,他不具备数据库,比较适合做展示类的网站和普通网站构建一样,我们需要购买域名和购置虚拟服务器2...

    2018-03-04
  • 9个关于设计的关键要素,帮你设计出更加优秀的作品

    之所以把设计和Jalebi放在一起说,就是因为设计本身其实和制作Jalebi如出一辙,设计师的经验和对设计投入的思考才是核心所在,而两者结合之下则往往能产生一些颇有价值的指导思想。Above examples are of apps with the same domain and you can judge which one is looking better.A good example visual typo hierarchy in the above graphic .

    ——Source: SuperDryCleartrip is a very good example of what I am talking about……

    2017-05-17
  • 交互设计要点&配色趋势

    色彩在任何一种设计中都起着很重要的作用,相差不多的色彩却能渲染出截然不同的情感效果。因此,好好利用色彩与生俱来的魅力,就能让你的网页设计更特别。 1Metro和柔和鲜嫩的色彩 Odam Luiran的网站是Metro风格,…

    2015-12-08
  • 交互设计的实质是行为塑造

    交互性是信息化和互联网时代工业设计的发展趋势之一,也是用户体验研究的重要范畴。交互作为一种行为动作的研究,旨在把握人体工程学和逻辑思维学的多方位系统工程的发展趋势,以实现用户对操作行为的完美体验的设…

    2016-05-24
  • sketch 也能快速绘制轴测视角

    轴测图(isometric),这种能同时反映物体三个坐标面形状的表现手法,让原本停留在二维空间的构想扩展到了三维世界。宛如蛟龙得水,一跃获得了大家青睐。除了具有差异性的展示效果,其应用范围也很广。插画、图标、界面…… 不用惊讶,我们早晚是要步入虚拟化时代,三维呈现是大势所趋,轴测图是这场革命中一个微妙的平衡点。作品来源:追波Shirley for UIGREAT很多朋友绘制轴测图都愿意用 AI,其次也是 PS。但实际上,Sketch 也...

    2018-03-10
  • 【笔记】Google设计师传授Whiteboarding新技能(附视频)

    公元2016年2月20日星期六,丙申猴年正月十三。正是广大交互设计师出门聚会交流的黄道吉日啊!紫气东来,应在中城WeWork Madision,此地必有祥瑞!小编掐指一算,原来是UXRen纽约第二期活动啊!(^o^)/~   笔记:JayJ…

    交互专题 2017-08-07
  • 帮UX新人摸清用户体验设计各岗位的典型特征【UXRen译#172】

      作者:Christian Beck  |  翻译:小蟹,校审:Duke   当我面试刚从学校毕业的准设计师时,我总是问他们:“当你被指派到一个新的项目时,你希望做哪一部分的工作,哪一部分的工作又是你心里祈祷别人会做的?” 众所…

    交互专题 2017-08-07