2019/4/4

手机站页面设计的5大原则

随着手机网络受众的井喷式增加,业务潜力巨大,各大互联网公司纷纷布局,将发展重心转向移动领域。然而,基于互联网网站改造的手机网站,在页面的设计上与互联网网站仍存在一定的区别。作为页面设计者,在手机网站设计上应贯彻以下5个原则。



1 以手机及浏览器的适配性为基础

手机网站需充分研究市场上各种移动浏览器的物理特性,并根据相关属性,XHTMLCSS进行有效的应用软件设计。“用户界面是当最终用户使用系统时所接触到的全部内容,无论从物理意义、感知意义,还是从概念意义上来讲,都是如此”。随着手机网站的发展,XHTML MPCSS不断创建新的用户界面结构,利用CSS修改这些新元素的可视化现实,利用XHTML MP增加设计的多样性。同时,APP的设计上,设有i OS(苹果)Android(安卓)系统的手机版本,IPAD版和Andriod HD版的平板电脑版本,适用于不同的移动设备。


2 以简约实用风格为依托

移动手机用户的最大需求在于快速、轻松地获取信息,与传统PC用户相比,其获取信息的需求更具迫切性。一个好的框架可以大大提高系统的开放效率,具有良好的可扩展性,并且有一个支持它的强大的用户团体。


3 以导航层次为重点

在设计手机网站的导航模型时,要在整个网站中保持导航模型的一致性。一是针对小屏幕的设计考虑,确保用户打开网页后的视觉宽度和可见内容。同时,尽量使用空白空间,尤其是在高而窄的图像旁边。通过在<img>元素中使用属性align实现空间的合理应用。二是优化本文属性。加强与编辑沟通,减少移动设备不适用的长标题、长注释。用(lef,right,center)来增加文本的对齐属性,<head>元素中用<title>元素为每个页面定义短小标题,使用文本标题字符数不超过移动设备屏幕宽度物理值。为保持屏幕宽视角,在同一页面中,利用分段锚对较长的文章进行跳转,方便用户浏览点击查阅。在遇到难以删减长标题内容时,XHTML中设置了强制使用标题。标题文本按设置使用比例字体,如果标题文本过长,文本将被自动删减。三是优化色彩搭配。由于移动网络的输入参数低于PC网络,故使用过多过大的色块可能导致用户打开网站困难。


4 以移动电话应用为配套

鉴于移动通讯用户在使用移动网络浏览感兴趣的网页时,往往会对相关信息有咨询的需要,而手机用户的咨询服务并不是以PC为首要考虑点,更便捷的是电话服务。为此,手机网站应设置电话链接功能,让用户只要用手一点,便能联通咨询电话,提供极大的服务便捷性。


5、以网站流畅运行为目的

要保证网站的数据传输运行流畅,很大程度上在于灵活处理图像、视频等大流量传输的速度。一般来说,手机网站的图像需经过特殊处理。一是根据网页图像数量和容量大小处理。当然,片面降低图片质量也不利于网站的可读性。在图像下载之前不妨碍用户正常浏览网页,为图像的完整下载和处理留出足够的时间。


基于上述原则设计手机网站,一是有利于保持网站的统一风格,实现与PC网站同步,全网主色调一致。二是有利于保证网站的通畅运行,为移动用户提供便捷服务,实现及时将门户网站迅速更新的信息向公众传播。