微思考源码weisico.com|分享互联网优质资源,免费织梦模板,WP主题下载

web前端:七个网页UI设计的趋势

翻译:许嘉智 Kalvin Hui ,Ctrip UED视觉设计师

From: eCommerce blog

抓住每一个用户的注意,关键往往是在他们访问网站的头几秒钟。

平均用户的注意广度越来越短,网页设计需要有效地保持用户的兴趣。表达内容的方法有好多种。在过去几年,设计师已经把解决方案简单化和流畅化,达置人们想看到的效果。

由置中一张图片到透过图片之间的移动和互动引发视差,这都是在过去两年较大胆的做法。有个说法就是过多的视觉原素会影响到原本重要信息的表达。但这 些原素不需要完全的去掉,而是微妙的、轻轻地把它们安放在需要它们的位置。2015年将会用上同样大胆的设计,但是不一样的表达手法。UI 会影响用户和网站之间互动,所以UI设计将会越来越简单、微妙的达到要求。

扁平UI

最近,用户界面的设计已经发展到越来越简单和直接。扁平的设计最能够带出“让内容为自己说话”的理念。在一个扁平的用户界面中,设计有两个层面:表 面的那一层包含带出前后关系的原素;里面的那一层是扁平,实心的背景颜色。由于扁平UI可以轻易在改变形状的情况下不改变里面的内容,所以它的好处在于能 够容易的改变大小。结论上,简化就是关键的钥匙。

1

极简主义

在2015年,我们将会看见少了很多杂乱的原素。极简主义的设计局限了设计师在调色板上选择,这代表每一个原素自身的表达都是强烈的。极简主义的网 站出来的效果是干净和轻淡,有很多喘息的空间。其中一个运用极简主义设计的好处就是它减低了页面的容量和载入的时间,尤其是网上购物方面。

2

卡片格式设计

由于设计师跟工程师都需要考虑应用到移动设备,拥有一个模组化的格式设计是一个不用动脑的技巧,因为它能够适应各类设备。你可以看一下 Pinterest的UI: 每一张卡片都简化到由一张图片,一段文字和一堆动作组成,使其整理过的资料更容易浏览。这种主张是其中一个用最简单的方法表达最多的信息,使资料分散到超 过3-4个的专栏能够容易的重新排版,组成一个。

3

排版

除了保持事情简单和极简,现在的字体更为苗条,微妙和性感。层次定义已更明显,所以没有需要加粗字体了。无衬线字体和细字体明年将更受欢迎。一些简单和永恒的字体,是经得起时间的考验

7

幽灵按钮

相比一个提示按钮,这些按钮很适合放在大型背景图的上面。幽灵按钮是微妙地吸引注意力,它不会遮挡背后的图,比强调的字体更为推崇。

4

视频的入主

如果你能看视频,那为啥要阅读?近年,我们能看到大型背景图入主了主页和背景。在2015年,视频将会更进一步“入侵”主页。这是一个最快的方法在几秒钟内带出内容和制造冲击性。人们都想看到一些附合他们口味的东西。

6

更好的产品显示

我们的世界在改变成物质性的产品应该伴随数码化的体验,例如:详细资料,不同的参数。人们想要的不单是几张图片,视频,360全方位图和动画都能给到客人更进一步的资料。这样子会较为有趣和生动一点。

7

往后的趋势

在建立网站中,响应设计将很容易成为一种规范。直到2016年,我们将会看到设计都会偏向移动端优先,这代表适用于移动设备将会是设计的焦点。智能手机是我们主要的通信方法,我们在关注网页设计同时,更需要展向未来(移动端)。


本文作者:peggy 来源:携程设计委员会


微信公众号 weisico-com

微信公众号weisico-com

转载请注明:微思考学习网-关注技术,分享知识 >> web前端:七个网页UI设计的趋势

赞 (0) 收藏
分享到