H5有很多的优越性，所以它才可以在互联网中迅速的发展起来，而人们对网页的需求也逐渐的提升，不仅要美观，还要浏览速度快，有交互性，要实现这个可谓很难。不过自从有了H5之后，这些都轻松的解决了。

虽然H5有很多的优越性，但我们制作网页时也要注意，什么样的网页才能吸引人，才能有价值，所以我们在学习的时候就要注意了，毕竟从入门到精通我们还有很长一段路要走，而新人在学习中也要避免几个想当然。这些往往都是一些最简单的事情，可不要忽视哦！

HTML5前端技术学员

过去几年来，用户交互进化如此迅速，设计师们都快跟不上了——导致在创建H5应用时，从其他媒介（甚至陈旧的应用设计）中照搬交互设计技巧。其实重要的是要记住：H5交互模式和设计要随着媒介的改变而变化。这种思想的第一阶段，可见于鼠标键盘的台式电脑过渡到触摸屏的过程中（Apple新推出的3D Touch就是个更加精细的例子）。从全新的交互模式，到微小的交互细节和趋势，每种新的设备、环境、模式和手势，都带来了机遇和陷阱。

第一：H5应用设计和响应式网页设计是一回事

虽然响应式设计近似于移动应用设计，但为任何设备设计，与为独立应用设计，有天壤之别。这让很多H5入门的人很不理解，用户在HTML移动应用中期望特定的交互模式和界面元素。例如，在iOS应用左上角通常有个“返回”按钮，用来返回前一个界面。在网页浏览器中，网站本身就不需要返回按钮了；它通常都被省略掉，因为那和浏览器本身太像了。虽然这是很基本且显而易见的例子，从菜单和表单，到“弹窗”和字体大小，一切都有细微差别。我们在网页中的设计，在移动应用中往往显得有点尴尬或粗糙——并非必定是哪里错了，而是它本就不同。

对于基于应用的公司，不当地忽视细节会损害应用的接受度——甚至会破坏你与用户的关系。人们对应用界面的期望更多了，标准正在水涨船高。

HTML5前端技术大牛

第二：想要H5从入门到精通首先要避免的就是用户总是需要创建账号

他们不需要，许多时候他们不想、也没有必要。作为开发者，除非将用户固化到数据库中，否则很容易把他们拒之门外。但从用户的角度看，这不是光彩之举。凭什么要先注册，才能知道里面有什么？这个过程劳神费力，必须得物有所值。相反，用户数据可以离线储存，当用户最终决定创建账号时转移到账户中。或者，可以考虑使用“访客”或“试用”模式，一旦证明了你的应用有价值，用户毫无疑问会决定注册。在那之前，就有点过分要求了。

第三：用户需要一套教程，告诉他们你的应用有多棒

让用户使用，借此展现你的应用有多棒。解释它有多好是非常无力的。而且，用户通常都会跳过并忘记引导H5页面。浏览了所有说明的用户，并不太理解整个引导页设计。如果你一定需要用户使用全部注意力，一步一步浏览引导（有些应用确实如此），那就要尽可能短，并且凭借帮助菜单来呈现。这就有意义多了，即使在用户用了一段时间以后。

HTML5代码

第四：不要假设某种方式能适应所有H5应用

即使是常见的交互模式，也应该根据你应用的特定环境来评估。

有个常见的例子，地址输入框里的“省份”下拉选项。由于省份名可以写作几种不同形式，标准的预定义内容下拉菜单有它的合理意义。在这桌面端或许是可接受的（尽管这尚存争议），但对于移动端可用性而言，下拉菜单是最糟糕的选择。应用的交互也是强调品牌的绝好机会。如今的应用中，有些非常难忘的品牌“瞬间”。关键是我们不该迷信久经考验的方法，那不是使我们应用出彩的唯一方式。我们的想要H5从入门到精通，就必须要避免这样做。

HTML5色彩图

学习H5需用心，在学习中养成良好的习惯不可少，不要在制作网页时就开始假想，想要快速学会H5，还需要更加努力学习H5才可以。如果想要有一个系统的训练，那就赶紧来吧，学习HTML5，实现高薪梦！