如何让网页设计对平板更友好?

来源:上海育路网 时间:2013-03-20

   今天我们讨论的内容是如何让网页对平板更友好。随着使用平板电脑的人越来越多,根据IDC的估计,2012年全球平板电脑的销售量就达到1.19亿台,但是专门为7-10寸屏幕设计的网站并不多。最近UX杂志在Mashable的刊登了一篇文章「 5简便的方法来您的网站的Tablet 」,卢松松编译如下:在美国,有将近7000万的平板电脑用户,是2011年的两倍。这个国家有将近30%的网络流量来自平板电脑,2011年至2012年间电子商务网站来自平板电脑的流量甚至成长了。方法都非常简单,见过简单的CSS修改,就可以让网站对平板用户更友好了。

5个简单方法让网站对平板设备更友好 三联

 

  什么是点击的“Tappiness”?这些都能让使用者安心浏览。

5个简单方法让网站对平板设备更友好

 

5个简单方法让网站对平板设备更友好

 

  你可以用自适应网页设计(Responsive Web Design),但其实还有别的方法。 以下是几个改善使用者体验的小步骤,你一天之内就可以搞定。改善网站的“点击”只要对网站的CSS进行修改

  1, 按钮扩大到45-57像素,使平板用户更容易操作。

5个简单方法让网站对平板设备更友好

 

  2,确保带有提示链接,让用户知道这里可以点击。

5个简单方法让网站对平板设备更友好

 

  3,如果版面设计上允许的话,为网站导览选单上的东西增加填充(留白),增加个5-10像素。

5个简单方法让网站对平板设备更友好

 

  4,增加页面与内容区块的,适当留白

5个简单方法让网站对平板设备更友好

 

  5,扩大评论框

5个简单方法让网站对平板设备更友好

 

  综上所述,这样的网页设计一切原则都是让手指的操作更容易。

话题推荐:

上海平面设计培训网页设计培训室内效果图设计培训班,是AdobeAutodesk官方指定考点,考试通过获得全球通用证书。自2005年以来培训学员达5000人以上,顺利实现就业的超过4500人,三大校区就近入学,名师指导,实战教学,免费补考,认证通过率超过90%

优惠:三人团报,可享九折优惠,单人报名网上支付优惠50元,老学员推荐优惠50元,多报优惠多,千万别错过!

  咨询电话:021-5156701651567017

  咨询QQ 1506812822  245814948

  更多点击进入培训专题介绍>>>>

本文结束

特别声明:①凡本网注明稿件来源为"原创"的,转载必须注明"稿件来源:上海育路网",违者将依法追究责任;

②部分稿件来源于网络,旨在与用户分享信息,如有侵权,请联系我们沟通解决。

有用

25人觉的有用

阅读全文

择校咨询、找课登记

项目分类 :
咨询课程 :
学生姓名 :
联系方式 :

上海育路为您提供专业解答

相关文章推荐

20

2013.03

网页设计之响应式dribbble设计作品之瀑布流布

相信做设计的朋友肯定都知道dribbble.com,它是一个非常棒的设计师分享作品的网站,全世界数以万计的设计高手和行家都在这个网站上分享自己的作品,当然,如果你常在上面闲逛的话,经常得到一些免费的好东西。在今天......

20

2013.03

网页设计之信息的可视化

  今天的网页设计师培训教程学习信息的可视化。在互联网行业,信息可视化这个词语应该不陌生了。~~近几年,人们把一些繁琐的信息通过可视化的图表视觉化展现出来的例子,涌现的越来越多!下面我们来系统的说说这个......

20

2013.03

网页设计之几款样式不错的按钮样式

在网页设计中按钮一般默认的都比较“丑”,能不能通过一些好的样式来设计呢,下面学无忧提供几款不错的按钮样式,希望对大家有所帮助。 一、带图标的按钮·按钮样式截图·按钮样式代码如下:......

20

2013.03

网页设计技巧:用CSS让DIV层水平居中

一,用CSS让DIV层水平居中对需要水平居中的DIV层添加以下属性:margin-left: auto;margin-right: auto;这样在FF中已经居中了,可是在IE中看还是没有居中!问题并不在CSS而在XHTML网页本身.需要加上这样的代码才能使得......

20

2013.03

网页设计之falsh基础编辑教程

  今天的网页设计师培训教程学习flash软件之基础编辑对象。正像大家都知道的一样,动画是由一格一格的“帧”所组成,在时间轴中你可以对照帧上方时间标尺来了解每一帧的位置,标尺上有一个红色帧指针,......

20

2013.03

网页设计师之活动页设计心得分享

  作为网页设计师,或许你已经看了好些五彩斑斓的活动页面,结合最近阅读的相关文章和自己参与应用中心活动页设计以来积累的一些不成熟的经验,总结出了关于活动页设计的一些小心得。活动专题页面,顾名思义是承......

您可能感兴趣
少儿英语机构 上海对外交流中心海外留学落户定向班 上海优质国际高中教育展 中外合作办学免联考硕士 上海自考本科培训