如今是web的时代,在web上投入了许多人力和资源来扩展和增强web的能力。每年都会有新的web设计和技术不断涌现。近年来,随着手持设备,如智能手机和平板(ipad,surface)的普及,响应式设计正在成为一种需求,并且在很多地方都能看到扁平设计的身影。web设计趋势正在发生巨大的改变。很多人可能不知道2014年的web设计趋势?

下面是Web设计师Jowita Ziobro 在Delighten上分享的她对2014年web设计趋势的预测。

CSS 形状

2014年web设计趋势-程序旅途

CSS 形状的支持允许设计师将内容放在他们想要的任何形状中,而不仅仅是矩形的DIV中。

2014年web设计趋势-程序旅途

一旦浏览器的支持到位,预计这将会变得非常流行。(浏览器的支持情况

CSS 动画

网页和移动应用程序之间的差距正在缩小。我们正在朝着类似于iOS/Andriod的页面转换,流畅的动画UI组件等方向发展。

视频作为网站背景

2014年web设计趋势-程序旅途

Coulee Creative

随着带宽的增加,以及HTML5视频正在成为标准,视频正在被用于全宽的背景。尽管对移动设备不太合适,但依然令人叫好。

3D CSS

2014年web设计趋势-程序旅途

现在完全使用CSS创建交互的3D模型已经成为可能,看看iPhone 4S产品的3D模型吧。

扁平化设计

微软的Win8系统引入了Metro扁平化设计,苹果从iOS7也改成了扁平设计。WWDC2014苹果发布的最新操作系统OS X Yosemite(OS X 10.10,优胜美地)也采用了类似于iOS7的扁平设计。扁平化设计在2014年会继续成为web设计的趋势。

2014年web设计趋势-程序旅途 2014年web设计趋势-程序旅途
2014年web设计趋势-程序旅途

长滚动网页

2014年web设计趋势-程序旅途

Robby Leonardi

我们都看到过视差滚动,但是现在我们又有了水平滚动,基于列的滚动,无限滚动,除此之外还有更多离奇的概念。

它也许没有太多用处,但看起来的确很酷。

本篇文章翻译自:http://www.pixelstech.net/article/1401629232-Web-design-trends-for-2014