IT兄弟連 HTML5教程 了解HTML5的主流應用2

  • 2019 年 10 月 5 日
  • 筆記

版權聲明:本文為博主原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。

本文鏈接:https://blog.csdn.net/ITXDL123/article/details/98803410

3 與用戶交互的特效

十多年前做一個頁面,只要結構清晰並且內容呈現完整,就是一個非常不錯的網站了。而現在的用戶對視覺的體驗要求越來越高,在用戶的潛意識中,頁面做的越炫則代表公司實力越強。不管是整體頁面風格特效(目前採用類似PPT中的幻燈播放效果居多),還是頁面中的局部特效(例如炫酷的導航),以及在微信中傳播的品牌宣傳信息等,都成為了HTML5開發的主戰場。而過去十幾年,WEB是用特效與互動多數都是由Adobe Flash主宰,而現在的目光轉向了HMTL5,HTML5的畫圖標籤允許你做更多的互動和動畫,就像我們使用Flash達到的效果。它會帶來一個統一的網絡,無論是筆記本,台式機,還是智能手機都應該很方便的瀏覽基於HTML5的網站。因此在設計網站的時候,開發者需要重新考慮用戶體驗,網站瀏覽,網站結構等因素使得這個網站對任何硬件設備都通用。HTML5同樣也擁有很多API允許你創建更加好的用戶體驗並且更加動態的WEB應用程序。如圖4所示:

圖4 HTML5開發的頁面3D特效

筆者提示:無論是Flash還是HTML5其實並不特別重要,技術變化太快,設計和互動才是最關鍵的。

4 微網站的製作

智能電話的升級,帶來用戶快速的從PC端轉向移動端,並隨着微信用戶增加和應用普及,再加上微信公眾開放平台中的服務號和定閱號的大量應用,微信網站的應用快速增漲,像微官網、微商城、微活動、微海報、微分銷等的開發已經成為主流的業務。如圖5所示:

圖5 微網站產品展示

HTML5正在逐漸成熟,在PC端應用還有一些不兼容的問題需要解決,但在移動端的瀏覽器中運行已經非常穩定,可以說HTML5的應用是在移動端率先發展起來的。幾乎所有人都熱衷於開發獨立的移動應用,但是HTML5很可能會是獨立移動應用的終結者。由於HTML5將應用的功能直接加入其內核,這很可能引導移動技術潮流重新回到瀏覽器時代。HTML5允許開發者在(移動)瀏覽器內開發應用,所以如果你正在制定一項桌面或者移動應用的長期發展策略,你可能需要考慮這一點。