2014年最热门的网站设计趋势展望(7)
2014-02-01 16:23:32

17、HTML5 Canvas

关于canvas元素,我需要多说几句,它是一项重要的学习主题。使用JavaScript,就可以在HTML5框架内创建游戏或者搭建应用程序。我甚至见过有人用canvas元素收集签名。

上面的例子来自一个开放源代码项目。有人在Dribbble上发布了一个加载进度条图标,他就是使用canvas元素完成的。另一个例子是一个水平加载进度条,也是使用HTML5的canvas和JavaScript完成的。技术还在迅速推进,我很期待看到canvas两三年之后发展成什么样子。

18、浏览器游戏

向那些经典的视频播放器一样,浏览器游戏通常只用Adobe Flash设计。但是现在JavaScript也加入了这一领域,许多开发者乐于公布关于这种类型项目的开发源代码。

就在前不久我写了一篇文章介绍能够使用动画的像素级的网站设计。这种设计不同我们常见的类型,但是他们却能引起你的注意。他需要大量的设计人才来创造如此精致的艺术作品。所以,制作你自己的基于浏览器的游戏将会成为一个相当大的挑战。可以帮助你开始这种设计的资源之一可以在HTML5 Game Engine中找到。这个网站包括很多免费的JavaScript库,可用户创建你自己的浏览器游戏。当然,在这个过程中还有许多需要学习的动,但值得庆幸的是,你可以通过搜索引擎找到很多在线的学习教程。

19、快速用户注册

越老越多的品牌创业公司网站和应用程序允许用户注册。实际上,许多应用要求你在使用网站前要先注册。冗长的注册表单在这个快节奏的时代已经落伍了。

要让注册表单尽可能简介,只保留最需要的内容。许多最新推出的应用程序只在首页提供注册表单,以便争取尽可能多的用户来注册。这种情况下,当一个访客对你的产品有兴趣,看到注册表单只有2-4个项目,就会决定去注册。你可能会震惊于这种策略竟能如此好的吸引新用户。

20、CSS3动画关键帧

很长时间以来,JavaScript就已经成为浏览器动画的最初选择。只是最近CSS3才成为主流,可以被开发者用来创建动画效果。

另一种生成动画的方式是使用transition属性,虽然他只有一种状态,而且关键帧的工作方式更像在Adobe Flash。你设置一个从0%到100%的百分比,然后定义随着时间推移而变化的属性。最新的CSS3规范为你提供足够的工具,程程你喜欢的任何一种风格的动画。