為平板電腦打造完美的網站頁面的方法(圖文教程)

2024-07-11 08:25:58

字體：大中小

來源：轉載

供稿：網友

據調研公司Gartner預測，平板的銷量每周都在增加，到2016年，全世界平板的銷量將達到6.65億臺。隨著以蘋果iPad為代表的平板電腦風暴越演越烈，相信移動設備取代個人電腦的霸主地位，成為接入網絡的首選設備只是時間問題。
　　Adobe最近發布的數字營銷報告顯示，使用平板電腦瀏覽網站的用戶比普通PC訪客的每筆交易金額高出20%。這些數據意味著對于電子商務企業來說，設計對平板電腦友好的網站非常重要。
　　iPad的橫空出世讓原本死寂沉沉的平板市場重新煥發生機，可整整兩年時間過去了，很多網站還是沒有專門針對平板電腦進行優化，甚至很多新建的網站在平板電腦上無法正常使用。而且這當中不只是那些不起眼的小網站，就連大名鼎鼎的Google Docs的用戶體驗也是相當糟糕，不信的話就在iPad上面試試Google Docs，你會發現除了瀏覽什么都不能干，尤其是當你需要編輯文檔的時候。
如何為平板打造完美的網站頁面三聯教程

　　問題出在了哪里
　　諸如細節是魔鬼、細節決定成敗等等的話我們都耳熟能詳。其實導致上面的問題也很簡單：有些網站的鏈接和可點擊的圖片實在是有點小。Web可用性方面的世界頂尖專家Jakob Nielsen一針見血的指出了問題的癥結所在，這些問題在Kindle Fire一樣的中等大小的平板上面尤為凸顯。為15寸筆記本電腦或者22寸顯示器設計的網站并不適合iPad的10寸屏幕，整個屏幕會顯得過于擁擠而無處下手，用戶需要經常通過雙擊放大，這絕對不是個愉快的體驗。
　　平板與筆記本、臺式機的五大重要差異
　　大體上說來，設計適合平板的網站與適合臺式機/筆記本的網站存在如下五大差異：
　　尺寸
　　相對于筆記本和臺式機而言，平板電腦的尺寸一般較小。
　　屏幕分辨率
　　平板電腦屏幕分辨率可謂是千差萬別(從Kindle Fire的600×1024到新一代iPadd的2048 ×1536)，而且因為平板電腦的屏幕方向可以旋轉，所以平板電腦的網站需要在水平和垂直方向都能正常瀏覽。
　　兼容性
　　使用過平板的人都知道，Abobe Flash與平板的兼容性是個大問題。但是像Silverlight這樣的插件，以及一些計算任務較重的JavaScript Web程序也會導致麻煩。
　　觸摸界面
　　這是個大問題。觸摸界面是平板電腦和傳統PC最大的區別，為了方便用戶操作，就需要更大的可點擊元素和更少的導航元素。
　　內存和CPU限制
　　我們都知道平板板電腦已經進入四核時代，所以平板的性能缺陷往往很容易被忽略。事實上平板電腦的內存和CPU性能依然遠遠落后于傳統PC，所以多媒體元素過多的網站對于平板電腦來說依然是個不小的挑戰。

上一篇：網頁設計中input標簽寫CSS時需要注意的幾個問題

下一篇：關于CSS Hack與float閉合的CSS技巧清除浮動代碼