也许你从来没有做过网站,也许你已经用HTML 4和CSS2制作了大量Web 2.0时代的网页和网站,也许你和创新互联网站建设公司一样已经特别很是精通DIV+CSS的网页设计与制作模式,但是,HTML 5的出现将让所有的人都站在统一个新的起跑线上。
在了解和学习HTML5的过程中,使用HTML5制作一个网站,恐怕是许多网页设计师需要重新认真学习的。
你不懂HTML5网页设计的10大理由:
阴影代码可控
以前,在用HTML 4制作网页的时候,因为无法在网页中直接制作阴影和圆角,所以大量网页效果都是美工设计好之后直接定格在图片中的。而现在HTML5将改变现有的网页设计与制作的工作模式,设计人员凭着一张PNG或者PSD设计图中的相关尺寸、角度等数据,就可以直接用CSS制作还原出设计稿。请注重:在这里,传统的切图与拼接工作会削减,但图片中的位置数据将被高度正视,用于设计还原。
动画简单易懂
以前,制作一个简单的动画效果必须要依靠javascript和Flash,编写大量的脚本,或者制作动画帧。而现在,依靠壮大的CSS3动画属性将快速高效地开发出各种动画效果,甚至3D效果的制作都将是一件易如反掌的事情。
渐变数值化操作
以前,制作一个渐变或渐进效果需要使用图形设计软件做好线性渐变效果,定了就不能随便改,还要控制图片的尺寸,以防效率不高。而现在,使用一个简单的线性饬令就可以轻松搞定一切。制作人员要做的就是关注几个转换点的位置与数值而已。
字体图片矢量化
以前,制作一个带有个性化字体的Web效果需要用图片来辅助完成。而现在,壮大的CSS3网络字体功能将把一切字体图片都还原成文字元素,而不再需要依靠图片。仅凭这一点,制作人员就可以在大规模开发中大大提高工作效率,削减大量重复的美工劳动。
表单验证轻松搞定
制作一个表单提交页面,需要各种验证与判断,现在则只需要在标签内使用自带的属性和正则表达式,就能解决问题。
数据类型扩大一倍。大量新增的input属性带来的更加友爱的用户界面,是以前需要花费伟大的精力与成本去实现的。可以毫不夸张地说,从一个小小的input标签属性的转变就可以预见HTML5应用的美好前景。
行业工作流程需要重组
以前,制作一个网站的流程是:美工设计好效果图,客户和美工反复商量、确认、修改,开发人员最终完成制作并上传至服务器。在这个过程中,客户和美工可能常会为一个像素(pixel)的问题纠缠不清成都网络公司,而切图人员和程序员也可能在分解效果图时因为粗心而导致效果略有出入。在网站上线后,前端的各种用户体验会逼迫设计人员再次修改。现在,这样的工作模式将会改变。
个人职业生涯重新定位
大部分网页设计人员都是平面美工,而HTML5独有的3D Web技术将会给美工带来全新的挑战。如何显现一个3D网页,如何让交互的用户体验更好,将是令设计人员最为头疼的事情。当然,这可能也是最有意思、最有价值的事情。
原生支撑无需插件
以前网页中对音频和视频的处理都会依靠各种插件来完成,这一向是使用HTML 4标准进行网页设计时的一个遗憾。但是,现在HTML5对音频和视频的处理有了壮大的支撑品牌策划公司,audio和video标签就是专门为此而诞生的。各种可控的属性、预载、插页功能都令人激动不已,因为我们知道原生的意义重大。
对Web设计人员的要求更高
一向以来,人们都认为网页设计人员不必会动态脚本语言,甚至不必会网页切图。现在,HTML5标准将赋予网页设计人员更多的工作和使命、更高的要求、更为渊博的知识结构、更有想象力的设计灵感。