更新時(shí)間：2015-09-24也許你從來(lái)沒(méi)有做過(guò)網(wǎng)站，也許你已經(jīng)用HTML 4和CSS2制作了大量Web 2.0時(shí)代的網(wǎng)頁(yè)和網(wǎng)站，也許你和創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司一樣已經(jīng)特別很是精通DIV+CSS的網(wǎng)頁(yè)設(shè)計(jì)與制作模式，但是，HTML 5的出現(xiàn)將讓所有的人都站在統(tǒng)一個(gè)新的起跑線上。
在了解和學(xué)習(xí)HTML5的過(guò)程中，使用HTML5制作一個(gè)網(wǎng)站，恐怕是許多網(wǎng)頁(yè)設(shè)計(jì)師需要重新認(rèn)真學(xué)習(xí)的。
你不懂HTML5網(wǎng)頁(yè)設(shè)計(jì)的10大理由：
陰影代碼可控
以前，在用HTML 4制作網(wǎng)頁(yè)的時(shí)候，因?yàn)闊o(wú)法在網(wǎng)頁(yè)中直接制作陰影和圓角，所以大量網(wǎng)頁(yè)效果都是美工設(shè)計(jì)好之后直接定格在圖片中的。而現(xiàn)在HTML5將改變現(xiàn)有的網(wǎng)頁(yè)設(shè)計(jì)與制作的工作模式，設(shè)計(jì)人員憑著一張PNG或者PSD設(shè)計(jì)圖中的相關(guān)尺寸、角度等數(shù)據(jù)，就可以直接用CSS制作還原出設(shè)計(jì)稿。請(qǐng)注重：在這里，傳統(tǒng)的切圖與拼接工作會(huì)削減，但圖片中的位置數(shù)據(jù)將被高度正視，用于設(shè)計(jì)還原。
動(dòng)畫簡(jiǎn)單易懂
以前，制作一個(gè)簡(jiǎn)單的動(dòng)畫效果必須要依靠javascript和Flash，編寫大量的腳本，或者制作動(dòng)畫幀。而現(xiàn)在，依靠壯大的CSS3動(dòng)畫屬性將快速高效地開發(fā)出各種動(dòng)畫效果，甚至3D效果的制作都將是一件易如反掌的事情。
漸變數(shù)值化操作
以前，制作一個(gè)漸變或漸進(jìn)效果需要使用圖形設(shè)計(jì)軟件做好線性漸變效果，定了就不能隨便改，還要控制圖片的尺寸，以防效率不高。而現(xiàn)在，使用一個(gè)簡(jiǎn)單的線性飭令就可以輕松搞定一切。制作人員要做的就是關(guān)注幾個(gè)轉(zhuǎn)換點(diǎn)的位置與數(shù)值而已。
字體圖片矢量化
以前，制作一個(gè)帶有個(gè)性化字體的Web效果需要用圖片來(lái)輔助完成。而現(xiàn)在，壯大的CSS3網(wǎng)絡(luò)字體功能將把一切字體圖片都還原成文字元素，而不再需要依靠圖片。僅憑這一點(diǎn)，制作人員就可以在大規(guī)模開發(fā)中大大提高工作效率，削減大量重復(fù)的美工勞動(dòng)。
表單驗(yàn)證輕松搞定
制作一個(gè)表單提交頁(yè)面，需要各種驗(yàn)證與判斷，現(xiàn)在則只需要在標(biāo)簽內(nèi)使用自帶的屬性和正則表達(dá)式，就能解決問(wèn)題。
數(shù)據(jù)類型擴(kuò)大一倍。大量新增的input屬性帶來(lái)的更加友愛的用戶界面，是以前需要花費(fèi)偉大的精力與成本去實(shí)現(xiàn)的。可以毫不夸張地說(shuō)，從一個(gè)小小的input標(biāo)簽屬性的轉(zhuǎn)變就可以預(yù)見HTML5應(yīng)用的美好前景。
行業(yè)工作流程需要重組
以前，制作一個(gè)網(wǎng)站的流程是：美工設(shè)計(jì)好效果圖，客戶和美工反復(fù)商量、確認(rèn)、修改，開發(fā)人員最終完成制作并上傳至服務(wù)器。在這個(gè)過(guò)程中，客戶和美工可能常會(huì)為一個(gè)像素（pixel）的問(wèn)題糾纏不清成都網(wǎng)絡(luò)公司，而切圖人員和程序員也可能在分解效果圖時(shí)因?yàn)榇中亩鴮?dǎo)致效果略有出入。在網(wǎng)站上線后，前端的各種用戶體驗(yàn)會(huì)逼迫設(shè)計(jì)人員再次修改�，F(xiàn)在，這樣的工作模式將會(huì)改變。
個(gè)人職業(yè)生涯重新定位
大部分網(wǎng)頁(yè)設(shè)計(jì)人員都是平面美工，而HTML5獨(dú)有的3D Web技術(shù)將會(huì)給美工帶來(lái)全新的挑戰(zhàn)。如何顯現(xiàn)一個(gè)3D網(wǎng)頁(yè)，如何讓交互的用戶體驗(yàn)更好，將是令設(shè)計(jì)人員最為頭疼的事情。當(dāng)然，這可能也是最有意思、最有價(jià)值的事情。
原生支撐無(wú)需插件
以前網(wǎng)頁(yè)中對(duì)音頻和視頻的處理都會(huì)依靠各種插件來(lái)完成，這一向是使用HTML 4標(biāo)準(zhǔn)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)的一個(gè)遺憾。但是，現(xiàn)在HTML5對(duì)音頻和視頻的處理有了壯大的支撐品牌策劃公司，audio和video標(biāo)簽就是專門為此而誕生的。各種可控的屬性、預(yù)載、插頁(yè)功能都令人激動(dòng)不已，因?yàn)槲覀冎涝囊饬x重大。
對(duì)Web設(shè)計(jì)人員的要求更高
一向以來(lái)，人們都認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)人員不必會(huì)動(dòng)態(tài)腳本語(yǔ)言，甚至不必會(huì)網(wǎng)頁(yè)切圖�，F(xiàn)在，HTML5標(biāo)準(zhǔn)將賦予網(wǎng)頁(yè)設(shè)計(jì)人員更多的工作和使命、更高的要求、更為淵博的知識(shí)結(jié)構(gòu)、更有想象力的設(shè)計(jì)靈感。
