手机网站建设页面设计的几点原则
日期 : 2019-03-03 14:21:45
随着智能手机和无线网络的广泛使用,以手机为载体的wap网站应运而生,并取得较大的发展。“Wap由一系列协议组成,用于标准化无线电通信设备,也可用于Interner访问,包括收发E-mail、访问wap网站上的页面等等”。由于wap网站相对于传统的网站具有极大的便捷性,而且手机不断推陈出新,互联网网速不断提升,wap网站的设计赋予了更多的可操作元素,如动画、视频、app客户端等。
随着手机网络受众的井喷式增加,业务潜力巨大,各大互联网公司纷纷布局,将发展重心转向移动领域。然而,基于互联网网站改造的手机网站,在页面的设计上与互联网网站仍存在一定的区别。作为页面设计者,在手机网站设计上应贯彻以下几个原则。
1 以手机及浏览器的适配性为基础
手机网站需充分研究市场上各种移动浏览器的物理特性,并根据相关属性,用XHTML和CSS进行有效的应用软件设计。“用户界面是当最终用户使用系统时所接触到的全部内容,无论从物理意义、感知意义,还是从概念意义上来讲,都是如此”。随着手机网站的发展,在XHTML MP和CSS不断创建新的用户界面结构,利用CSS修改这些新元素的可视化现实,利用XHTML MP增加设计的多样性。同时,在APP的设计上,设有i OS(苹果)、Android(安卓)系统的手机版本,IPAD版和Andriod HD版的平板电脑版本,适用于不同的移动设备。
2 以简约实用风格为依托
移动手机用户的最大需求在于快速、轻松地获取信息,与传统PC用户相比,其获取信息的需求更具迫切性。一个好的框架可以大大提高系统的开放效率,具有良好的可扩展性,并且有一个支持它的强大的用户团体。
3 以导航层次为重点
在设计手机网站的导航模型时,要在整个网站中保持导航模型的一致性。一是针对小屏幕的设计考虑,确保用户打开网页后的视觉宽度和可见内容。同时,尽量使用空白空间,尤其是在高而窄的图像旁边。通过在<img>元素中使用属性align实现空间的合理应用。二是优化本文属性。加强与编辑沟通,减少移动设备不适用的长标题、长注释。用(lef,right,center)来增加文本的对齐属性,在<head>元素中用<title>元素为每个页面定义短小标题,使用文本标题字符数不超过移动设备屏幕宽度物理值。为保持屏幕宽视角,在同一页面中,利用分段锚对较长的文章进行跳转,方便用户浏览点击查阅。在遇到难以删减长标题内容时,手机阳光网在XHTML中设置了强制使用标题。标题文本按设置使用比例字体,如果标题文本过长,文本将被自动删减。三是优化色彩搭配。由于移动网络的输入参数低于PC网络,故使用过多过大的色块可能导致用户打开网站困难。
4 以移动电话应用为配套
鉴于移动通讯用户在使用移动网络浏览感兴趣的网页时,往往会对相关信息有咨询的需要,而手机用户的咨询服务并不是以PC为首要考虑点,更便捷的是电话服务。为此,手机网站应设置电话链接功能,让用户只要用手一点,便能联通咨询电话,提供极大的服务便捷性。“@东莞”app与三大运营商、网络文化协会、市内各服务部门等机构协作,把关系市民生活的各种服务对接到该平台,有强大的电话咨询服务功能,着力为网民提供各类便捷的服务。
5、以网站流畅运行为目的
要保证网站的数据传输运行流畅,很大程度上在于灵活处理图像、视频等大流量传输的速度。一般来说,手机网站的图像需经过特殊处理。一是根据网页图像数量和容量大小处理。每一个图像在移动设备显示时,往往整个页面都要重新进行排列,容易导致网页“堵车”的现象。同时,合理使用wap网关,优化wap网关和服务器间的延时,减少数据延迟及数据包丢失的概率。
当然,片面降低图片质量也不利于网站的可读性。在图像下载之前不妨碍用户正常浏览网页,为图像的完整下载和处理留出足够的时间。
基于上述原则设计手机网站,一是有利于保持网站的统一风格,实现与PC网站同步,全网主色调一致。二是有利于保证网站的通畅运行,为移动用户提供便捷服务,实现及时将门户网站迅速更新的信息向公众传播。
随着手机网络受众的井喷式增加,业务潜力巨大,各大互联网公司纷纷布局,将发展重心转向移动领域。然而,基于互联网网站改造的手机网站,在页面的设计上与互联网网站仍存在一定的区别。作为页面设计者,在手机网站设计上应贯彻以下几个原则。
1 以手机及浏览器的适配性为基础
手机网站需充分研究市场上各种移动浏览器的物理特性,并根据相关属性,用XHTML和CSS进行有效的应用软件设计。“用户界面是当最终用户使用系统时所接触到的全部内容,无论从物理意义、感知意义,还是从概念意义上来讲,都是如此”。随着手机网站的发展,在XHTML MP和CSS不断创建新的用户界面结构,利用CSS修改这些新元素的可视化现实,利用XHTML MP增加设计的多样性。同时,在APP的设计上,设有i OS(苹果)、Android(安卓)系统的手机版本,IPAD版和Andriod HD版的平板电脑版本,适用于不同的移动设备。
2 以简约实用风格为依托
移动手机用户的最大需求在于快速、轻松地获取信息,与传统PC用户相比,其获取信息的需求更具迫切性。一个好的框架可以大大提高系统的开放效率,具有良好的可扩展性,并且有一个支持它的强大的用户团体。
3 以导航层次为重点
在设计手机网站的导航模型时,要在整个网站中保持导航模型的一致性。一是针对小屏幕的设计考虑,确保用户打开网页后的视觉宽度和可见内容。同时,尽量使用空白空间,尤其是在高而窄的图像旁边。通过在<img>元素中使用属性align实现空间的合理应用。二是优化本文属性。加强与编辑沟通,减少移动设备不适用的长标题、长注释。用(lef,right,center)来增加文本的对齐属性,在<head>元素中用<title>元素为每个页面定义短小标题,使用文本标题字符数不超过移动设备屏幕宽度物理值。为保持屏幕宽视角,在同一页面中,利用分段锚对较长的文章进行跳转,方便用户浏览点击查阅。在遇到难以删减长标题内容时,手机阳光网在XHTML中设置了强制使用标题。标题文本按设置使用比例字体,如果标题文本过长,文本将被自动删减。三是优化色彩搭配。由于移动网络的输入参数低于PC网络,故使用过多过大的色块可能导致用户打开网站困难。
4 以移动电话应用为配套
鉴于移动通讯用户在使用移动网络浏览感兴趣的网页时,往往会对相关信息有咨询的需要,而手机用户的咨询服务并不是以PC为首要考虑点,更便捷的是电话服务。为此,手机网站应设置电话链接功能,让用户只要用手一点,便能联通咨询电话,提供极大的服务便捷性。“@东莞”app与三大运营商、网络文化协会、市内各服务部门等机构协作,把关系市民生活的各种服务对接到该平台,有强大的电话咨询服务功能,着力为网民提供各类便捷的服务。
5、以网站流畅运行为目的
要保证网站的数据传输运行流畅,很大程度上在于灵活处理图像、视频等大流量传输的速度。一般来说,手机网站的图像需经过特殊处理。一是根据网页图像数量和容量大小处理。每一个图像在移动设备显示时,往往整个页面都要重新进行排列,容易导致网页“堵车”的现象。同时,合理使用wap网关,优化wap网关和服务器间的延时,减少数据延迟及数据包丢失的概率。
当然,片面降低图片质量也不利于网站的可读性。在图像下载之前不妨碍用户正常浏览网页,为图像的完整下载和处理留出足够的时间。
基于上述原则设计手机网站,一是有利于保持网站的统一风格,实现与PC网站同步,全网主色调一致。二是有利于保证网站的通畅运行,为移动用户提供便捷服务,实现及时将门户网站迅速更新的信息向公众传播。
上一篇:手机网站建设的开发技术
下一篇:手机网站建设的特色