“Html5”一出生就伴隨著各種爭論,不過有幾個業(yè)界大佬的保駕護航、極力推動,相信隨著支持webkit瀏覽器的普及,HTML 5會越來越普及、越來越強大,一定是必然趨勢。
HTML5 ~= HTML + CSS + JS APIs,在Html5引擎中已經(jīng)有一些代碼將html和css和jsapi做了結(jié)合。很多之前需要貼圖或者很冗雜代碼段才能實現(xiàn)的效果,采用Html5開發(fā)只需短短幾行代碼就可輕松搞定,大大降低了流量的壓力??傊瓾tml5真是很給力,那么作為一名移動端的wise設計師對于Html5可以輕松實現(xiàn)的視覺效果不能不了解。
顯示本地沒有的字體
移動端各種平臺可以支持的默認字體有限,如果需要好的視覺效果,很常見的做法就是將文字做成圖片,但是對于移動端來說,圖片就意味著大流量,在如今還是按流量收費的移動網(wǎng)絡時代,一味的追求效果而采用圖片顯然不是最好的做法。但是采用Html5開發(fā),只需要在代碼內(nèi)設置所需顯示的字體,那么一些個性的字體就可以不用圖片輕松展示了。如上圖紅色方塊區(qū)域中的效果。
圓角效果
如上圖hao123主頁和hao123.tuan主頁效果所示,各種圓角在設計中對于提升用戶的好感度,美化頁面效果起到了很重要的效果。如今在移動端wise中也可以放心大膽的設計圓角效果,因為Html5對于圓角的支持已經(jīng)很好了,代碼可以根據(jù)需要隨意控制圓角的半徑大小,并且能夠?qū)ζ渫昝赖恼宫F(xiàn)。
半透明效果
在設計中為了能夠讓層與層之間的結(jié)合不生硬,采用半透明的效果,也已經(jīng)是設計師慣用的手法之一了。Html5對于半透明效果支持也是非常理想的,代碼可以根據(jù)需要隨意控制層的透明度。