为平板电脑打造完美的网站页面的方法(图文教程)

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技巧清除浮动代码