|
HTML5及web app 的優(yōu)勢
以移動互聯(lián)網(wǎng)領(lǐng)域為例，面對眾多的終端設(shè)備和平臺，設(shè)計師和開發(fā)人員不得不在產(chǎn)品的展現(xiàn)和體驗的一致性方面做出妥協(xié)舉措，并在疲于填鋪平臺的過程中浪費了我們?nèi)绱硕嗟木�。產(chǎn)品本來可以達到更高的水準，但移動終端碎片化（包括硬件和軟件）的現(xiàn)實將美好的愿望阻攔在外。
當前主流的手機開發(fā)平臺有：iOS、Symbian、Linux、Palm、BlackBerry、Windows Mobile、Android等。其中，iOS平臺需要針對480*320、960*640及1024*768的分辨率分別設(shè)計；Android平臺中QVGA分辨率為240*320，WQVGA分辨率為240*400，HVGA分辨率為320*480，WVGA分辨率為480*800，F(xiàn)WVGA分辨率為480*854等等；Symbian系統(tǒng)可謂歷史悠久，現(xiàn)在開發(fā)主要針對S60 V3和V5兩個版本，分辨率仍有176*208、208*208、240*320/320*240、352*416/416*352及800*352等眾多種類。即使同一個平臺，分辨率不同設(shè)計也就會有相應(yīng)的差異。加之客戶端產(chǎn)品需要不斷的更新迭代，從1.0版本、2.0版本一直到N.0版本；每開發(fā)一次native app 就需要鋪一次平臺。并且現(xiàn)實狀況是并非所有用戶都會積極更新新版本，所以設(shè)計師和開發(fā)人員在研發(fā)新功能的時候還要顧忌之前的舊版本會不會支持等問題。不同的平臺乘以不同的版本，人力物力被投入到了鋪設(shè)平臺的工作中，提高產(chǎn)品用戶體驗的精力比較有限。
于是人們受夠了終端設(shè)備碎片化的折磨，開始期盼著一種有別于native app的事物出現(xiàn)。由HTML5技術(shù)開發(fā)的web app的出現(xiàn)給予了設(shè)計師和開發(fā)人員美好愿景。HTML5技術(shù)的渲染過程主要是由瀏覽器、內(nèi)嵌HTML5解析器的應(yīng)用程序、支持書簽打開方式的應(yīng)用程序抑或是移動手機產(chǎn)品進行的。如此，產(chǎn)品的上線和版本更新不再需要花費那么長時間來鋪平臺， Appcelerator的內(nèi)部邏輯會將產(chǎn)品的UI轉(zhuǎn)換為iOS或Android等平臺的原生界面。同時，web app形式的產(chǎn)品不需要用戶下載更新，通過網(wǎng)絡(luò)即可以訪問最新版本；也便于設(shè)計師和開發(fā)人員調(diào)試和修正錯誤，不再存在同時兼顧新舊版本的問題。
HTML5可以實現(xiàn)的效果
HTML5威力如此強大，確實擁有提高互聯(lián)網(wǎng)產(chǎn)品質(zhì)量、改善開發(fā)人員現(xiàn)實環(huán)境的潛力。因此設(shè)計師和開發(fā)人員需要對它進行必要的了解。但這并不意味著設(shè)計師就要放下自己手中的工作開始學習編程技術(shù)了，而是應(yīng)當考慮HTML5對具體的設(shè)計將會有哪些明顯的改變，HTML5技術(shù)可以實現(xiàn)什么樣的設(shè)計效果？
在蘋果、谷歌及微軟等巨頭公司的積極倡導(dǎo)下，HTML5技術(shù)進步神速，web app可以實現(xiàn)的效果愈來愈豐富。很多web app確實已經(jīng)可以和native app相媲美了。對HTML5支持最好的瀏覽器是Safari和Chrome，F(xiàn)irefox和 Opera差強人意，IE瀏覽器支持度最低。如下圖所示：
現(xiàn)在網(wǎng)絡(luò)上常常會見到類似《使用HTML5開發(fā)的19個網(wǎng)站》、《25款超棒的 HTML5 Canvas 游戲》等相關(guān)介紹文章，設(shè)計師可以時常拿來把玩體驗一番。本文囿于篇幅限制，在此只舉幾個應(yīng)用HTML5技術(shù)比較典型的網(wǎng)站產(chǎn)品進行示例說明。
出處：網(wǎng)易用戶體驗設(shè)計中心
責任編輯：bluehearts
上一頁 當設(shè)計師遭遇HTML5 [1] 下一頁 當設(shè)計師遭遇HTML5 [3]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 當設(shè)計師遭遇HTML5 [2]
