2017php发展趋势,2017年UI设计发展趋势

UI设计越来越重要,它不仅直观地塑造了企业形象,也成为留住用户的关键。UI设计风格也在不断发生变化。就像过去两年扁平化、手势、微交互、卡片式这些流行趋势一样。每一年都有大批好的设计涌现,形成某种趋势。

在这些趋势里面,有的会持续性地流行好几年,也有一些,会被淘汰。几乎每年年底,都会有一些网站,根据过去一年中UI设计风格的更迭,来预测下一年的趋势。

以下列举了几个2017年的UI设计趋势的例子,希望对你有所帮助。

一、有沉浸感的全屏式设计

Immersive沉浸感,说的是一种让你犹如身临其境的模拟真实的效果。就像最初的美术来自于对现实的模拟一样,这种拟真的设计,至今仍然受用。

因而我们能看到像这样的网页设计,它以全屏式的大幅图像和视频为主,以一种简单却有效的方式,迅速把你带入它所设定的情境之中。

6f578cb9afe3bb5a844b88ac2e675d5b.png

Campos Coffee

这是一个不错的网页设计的例子,来自Campos Coffee,动态的全屏设计简单却蕴含丰富的信息。

82809092cca0f02f6eb38e03a4696e68.png

Dutch airline KLM's magazine iFly50

技术的发展给这种拟真化的表达提供了更多的选择。与静态的图像不同,视频有着更为强烈的“叙事性”。尽管图像在长久以来始终占据UI设计和网页设计的主流,不过,在2017年,也许全屏式的互动视频设计会更吸引你的眼球。

二、长滚动式设计

“滚动”,并不算是一个新的设计趋势。

在过去的几年内,滚动式的阅读体验在小屏幕设备上的发展尤为突出。想想你手机上的app,一定有很多采取的是这种滚动式设计。

2320467cceb231a9454deb587870e37d.png

National Geographic

正如你所看到的这个国家地理的官方网站一样,这种滚动设计的好处非常直白:它提供给用户一个更为流畅的浏览体验,以一个线性的方式,引导用户在短时间内不受打扰地阅读到更多的内容。

0d132defddb6a5ce2a00c6607135b7c5.png

Riding the new silk road by New York Times

现在,“滚动”从小屏幕越来越多地转向大屏幕设计。也有很多的设计师在研究大屏幕上的“滚动”机制如何处理,才能带来更为卓越的使用感受。

在2017年,这种长条状的滚动式网页设计也许将成为主流。

三、渐变色的运用

2013年开始盛行的扁平化设计中,强调简洁的功能界面区分,抛弃多余的元素。至今,这种设计风格依然有着借鉴的价值。

不过,随着扁平化的流行,它的弊端也开始显现出来:一时之间几乎是所有的平面设计都在强调扁平化,这使得它们趋于雷同,看上去毫无个性。

想要在扁平化设计中,加点不一样的元素让它更为生动,渐变色不失为一个好的选择。

c544c40ab7ef9ee2ab7e6feb77a20ae0.png

Spotify

Spotify的网站,就是一个极好的例子。它的主页面把2016年最流行的粉色和蓝色糅合,产生了双色渐变,看起来十分绚丽。

再往下拉,就变成了橙色的渐变色,显得十分有夏天的感觉。

7d4deed36466e570308ae4b99db79ead.png

Spotify

虽然此前设计界对于Instagram的扁平化渐变色logo的设计褒贬不一,不过,它也意味着一种设计的趋势:渐变色能让设计看起来更活泼有趣,毫无疑问,它是2017年的十大设计趋势之一。

四、插画的运用

插画可以让设计具有“性格”,比起传统的摄影,它是一种直观的与用户进行情感交流的视觉语言。

对于品牌来说,没有什么能比用插画来塑造品牌形象、传递品牌性格还要简单有效的方式了。作为一种有趣的情感表达,插画可以是量身定制的,因而它能帮助获得用户的信任,让人感觉更为亲切。

d3c7063ddd9d0417f7dd77cad4511b9d.png

Dropbox

Dropbox和payplan都是不错的例子,它们的首页以简笔画的形式很直观地表达了产品的几大功能,能够帮助用户快速理解。

fab4ecfa5a95611a8fd3256786296a8b.png

payplan

此外,插画的实现途径并不唯一。它提供多种创意方向的选择,不同的插画也可以传递不同的情绪。比如简笔风的手绘看上去单纯可爱,精细繁复的笔触可以产生一种“高级”质感,当插画与摄影结合,则给人一种虚实难辨的奇幻感。

本文编辑来源:武汉PHP培训

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值