未来互联网的趋势就是移动手机的天下。那么,网站不仅要实用PC电脑,还有适用移动手机,这将会是未来的发展趋势。手机互联网使人们可以随时、随身、随地的通过手机上网查询相关信息,进行即时交易;可以真正地实现移动办公、移动生活。而这一切,都基于
手机WAP网站的支撑,手机网站将随着手机互联网技术的迅速发展而提供越来越多种多样的服务。下面一品
威客网就带您一起去了解手机
网站开发设计的经验技巧。
链接的互动性 在移动设备上任何东西都会变小,链接也不例外。你得让它们更容易被用户点到。要做到这点,可以在它们周围多留些空间并把字体调大些。当链接被选中时,要能有相应的反馈,比如改变字体颜色、增加下划线、改变背景色等等,即使这个链接是附在图片上的。用户会很乐意看到当他们点击链接时发生的变化。
导航设计 因为屏幕大小的限制,原本无所不在的菜单将无法被完全应用。如果为每个页面都直接应用上相同的菜单,访问者就必须做滚动操作,翻掉菜单才能看到内容。这会让人非常不适。所以只有当你的网站在顶部导航中有少量菜单链接时才考虑把它们放置到每个页面中。为此,它还得是横向水平的。 解决方案是,把导航放置到第一个页面,而在其他页面中尽可能的使用一个链接连向第一个页面,或者使用面包屑式的导航。
跨平台 别指望你的
手机WAP网站能在所有的移动设备浏览器上都有相同的表现,那得做很多的事。一些浏览器不支持或不完全支持某些HTML元素和CSS属性,头部标识也是各式各样。不过如果你只是希望页面在iPhone和android上有良好表现,就不必在原本针对桌面浏览器的代码上太费周折的做修改了,你需要做的就是按之前说的几个要点作调整。要在移动设备上对代码多做测试。一些页面在设计未必很好,但是它们的代码是有效的,你可以参考它们。
内容布局 你的内容应该是拥有最高优先级的。屏幕很小,所以使用较少的图片及留白,让你的设计尽可能的简洁。移动网络的连接速度还无法快到处理大量图片,这些图片还会增加主要内容聚焦阅读的难度。
屏幕尺寸的适应程度 各款手机均有不同的屏幕尺寸,仅iPhone就有两种:垂直和水平。所以,你的网站不该用像素值来固定宽度,用百分比和EMS会更好。这个方法能让你的网站适应各种屏幕尺寸。另外,你也可以通过设定META关于移动设备的属性值来限制界面的缩放和尺寸大小。
其中:
width - viewport的宽度
height - viewport的高度
user-scalable - 用户是否可以手动缩放
initial-scale - 初始的缩放比例
maximum-scale - 允许用户缩放到的最大比例
minimum-scale - 允许用户缩放到的最小比例
随着智能手机和平板电脑发展的影响,越来越多的企业需要更新他们的
手机网站开发与移动网站优化的设计。如果您的企业网站还没有手机网站
开发、WAP网站建设、
手机网站制作等,那就到一品威客网征集方案,百万专业威客可以给您最好的开发设计服务。
(一品威客网 anyi)