“Html5”一出生就伴隨著各種爭(zhēng)論，不過有幾個(gè)業(yè)界大佬的保駕護(hù)航、極力推動(dòng)，相信隨著支持webkit瀏覽器的普及，HTML 5會(huì)越來越普及、越來越強(qiáng)大，一定是必然趨勢(shì)。

　　HTML5 ~= HTML + CSS + JS APIs，在Html5引擎中已經(jīng)有一些代碼將html和css和jsapi做了結(jié)合。很多之前需要貼圖或者很冗雜代碼段才能實(shí)現(xiàn)的效果，采用Html5開發(fā)只需短短幾行代碼就可輕松搞定，大大降低了流量的壓力。總之Html5真是很給力，那么作為一名移動(dòng)端的wise設(shè)計(jì)師對(duì)于Html5可以輕松實(shí)現(xiàn)的視覺效果不能不了解。

　　顯示本地沒有的字體

　　移動(dòng)端各種平臺(tái)可以支持的默認(rèn)字體有限，如果需要好的視覺效果，很常見的做法就是將文字做成圖片，但是對(duì)于移動(dòng)端來說，圖片就意味著大流量，在如今還是按流量收費(fèi)的移動(dòng)網(wǎng)絡(luò)時(shí)代，一味的追求效果而采用圖片顯然不是最好的做法。但是采用Html5開發(fā)，只需要在代碼內(nèi)設(shè)置所需顯示的字體，那么一些個(gè)性的字體就可以不用圖片輕松展示了。如上圖紅色方塊區(qū)域中的效果。

　　圓角效果

　　如上圖hao123主頁(yè)和hao123.tuan主頁(yè)效果所示，各種圓角在設(shè)計(jì)中對(duì)于提升用戶的好感度，美化頁(yè)面效果起到了很重要的效果。如今在移動(dòng)端wise中也可以放心大膽的設(shè)計(jì)圓角效果，因?yàn)镠tml5對(duì)于圓角的支持已經(jīng)很好了，代碼可以根據(jù)需要隨意控制圓角的半徑大小，并且能夠?qū)ζ渫昝赖恼宫F(xiàn)。

　　半透明效果

　　在設(shè)計(jì)中為了能夠讓層與層之間的結(jié)合不生硬，采用半透明的效果，也已經(jīng)是設(shè)計(jì)師慣用的手法之一了。Html5對(duì)于半透明效果支持也是非常理想的，代碼可以根據(jù)需要隨意控制層的透明度。