详细解析浅谈HTML5网页设计的游戏化之路

2017-08-21 09:04 来源：优设作者：情非得已人气：次阅读我要投稿

怎样在网页中应用手绘风格，以改善网站的用户体验

17700

手绘风格非常有利于展示人性色彩，形成独特的识别度，为用户带来真实感。当你收到好友寄来的明信片时，你总是希望

解析网站404网页设计那些不得不说的事

17649

前阵子做我们一淘优惠商家统一的报错页面，整理了一些有意思的404页面(后简称404)，加之最近网友热议的QQ空间

z-index属性的使用方法和层级树CSS教程

17478

CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面,

如今商业网站中用于广泛的HTML5无限下拉效果已经越来越受到游戏网站的喜爱。各个品牌为了打造专属自己的游戏特色，纷纷推出了模拟HTML5效果的品牌站，且都起到了相当好的效果。可是从很多方面来说我们对HTML5的真正形态并不了解，而且在很多方便来说处于探索阶段。视觉上看上去酷炫的技术并不都是HTML5，更多时候我们把HTML5当成了一切技术站点统称。

什么是HTML5？

广义论及HTML5，实际指的是包括HTML、CSS和JavaScript在的一套技合。它希望能少浏览器对于需要外挂程式的丰富性网路应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，Oracle JavaFX的需求，且提供更多能有效增网路应用的标准集。这样，搜索引擎可以更容易索引Web站点，我们也可以搜索到更快，更准确的信息。

HTML5会带来一个统一的网络，无论是笔记本，台式机，还是智能手机都应该很方便的浏览基于HTML5的网站。因此在设计网站的时候，开发者需要重新考虑用户体验，网站浏览，网站结构等因素使得这个网站对任何硬件设备都通用。

以下将讲述HTML5与常用的Flash的区别，及与IE的常见问题

HTML5 与 Flash 这个争论由来已久，Flash被某些开发设计者滥用导致一些网页加载缓慢，而HTML5为之带来一线曙光。相对于移动设备用户来说，ios设备用户可能会从HTML5获得更多好处，因为苹果一直不愿支持Flash。

现在看来，就页面游戏而言，Flash是更好的选择，但取决于你的浏览器，如果你的游戏不是很复杂，HTML5是更好的选择。Web开发与设计者从这些争论中应该吸取的东西是，Flash之外还有别的选择，但Flash有牢固的地盘，在为客户提供开发设计的时候，需要对他们的目标客户做一些研究。

HTML5 与 IE IE9经常高调宣扬它对HTML5的兼容，它确实将是一个很好地支持HTML5的浏览器，因为，IE9使用 Windows现代图形API以及PC的图形加速卡输出文字和图形。微软还曾宣称，IE9将支持GPU加速的 HTML5，将图形滚动，3D图形显示等处理交由图形加速卡。但是不可忽视的是，在中国用户中还是有一部分固定用户正在使用不支持HTML5的IE6。所以在网站的制作初期，目标用户的定位要明确。

实例欣赏

李安导演的PI’S EPIC JOURNEY电影创造的一段佳话，而他的网站也极具代表性–以前大家着重在于内容本身，而它有着浓郁的HTML5的特征以交互为核心。整站在不同分辨率下面css用的不一样，移动设备下面可以有动画，移动设备下面可以播放视频。就设计而言，3d翻转的特效可以大胆构想；可以使用滤镜、圆角，以前这些需要切图来实现，现在只需几行css即可。这些强大的功能背后都给设计师留下了更多的想象空间，同时也创造出了更大的交互难度。

站址：http://journey.lifeofpimovie.com/

详细解析浅谈HTML5的游戏化之路,PS<a href=/photoshop/ target=_blank class=infotextkey>教程</a>,