手机上的网页设计【三行网站建设】

手机上的网页设计

手机上的网页设计：

移动设备：例如手机，是以不同的限制来尝试新事物的好地方。人们访问移动网页通常不像在电脑屏幕前那样有耐心——手持设备的屏幕要小得多，而且移动网络的连接（通常是3G网络）仍然不够快。

设计上的调整

导航

因为屏幕大小的限制，原本无所不在的菜单将无法被完全应用。如果为每个页面都直接应用上相同的菜单，访问者就必须做滚动操作，翻掉菜单才能看到内容。这会让人非常不适。所以只有当你的网站在顶部导航中有少量菜单链接时才考虑把它们放置到每个页面中。为此，它还得是横向水平的。解决方案是，把导航放置到第一个页面，而在其他页面中尽可能的使用一个链接连向第一个页面，或者使用面包屑式的导航。

内容

你的内容应该是拥有最高优先级的。屏幕很小，所以使用较少的图片及留白，让你的设计尽可能的简洁。移动网络的连接速度还无法快到处理大量图片，这些图片还会增加主要内容聚焦阅读的难度。

链接

在移动设备上任何东西都会变小，链接也不例外。你得让它们更容易被用户点到。要做到这点，可以在它们周围多留些空间并把字体调大些。当链接被选中时，要能有相应的反馈，比如改变字体颜色、增加下划线、改变背景色等等，即使这个链接是附在图片上的。用户会很乐意看到当他们点击链接时发生的变化。

各式的屏幕尺寸

各款手机均有不同的屏幕尺寸，仅iPhone就有两种：垂直和水平。所以，你的网站不该用像素值来固定宽度，用百分比和EMS会更好。这个方法能让你的网站适应各种屏幕尺寸。另外，你也可以通过设定META关于移动设备的属性值来限制界面的缩放和尺寸大小。

本文由广州网站建设公司-三行网络原创，转载请保留版权（广州网站建设www.3gonet.com ）三行网络——专注于企业网站建设、响应式营销型网站定制，欢迎来电咨询！热线：020-85628720、15915767698

手机上的网页设计

新闻资讯编辑：【三行网络 - 广州网站建设公司www.3gonet.com】发布时间2010.11.26.浏览数：3663

标签：

手机上的网页设计

新闻资讯编辑：【三行网络 - 广州网站建设公司www.3gonet.com】 发布时间2010.11.26.浏览数：3663

标签：

新闻资讯编辑：【三行网络 - 广州网站建设公司www.3gonet.com】发布时间2010.11.26.浏览数：3663