您的位置:首 页 > 新闻中心 > 手机网站建设 > 手机网页建设网页设计

手机网站建设

手机网页建设网页设计

发布:2019-03-10 13:16:16 浏览:3790

移动终端是一项应用于互联网的主要设备,其中包括了手机、平板电脑、笔记本、POS机等,在互联网运行中发挥重要作用。近几年,移动设备的全面普及,用户对浏览Web页面提出更高要求,为满足人们的需求,移动终端的网页设计逐渐得到优化,移动终端浏览模式越发快捷、便利。

1移动终端的页面布局方式

在移动终端网页设计中,其页面布局方式主要有以下几种:拍扁式、手风琴式、棋盘式。其中,拍扁式主要是将主流页面分为三栏布局,布局比例为1∶2∶1,导航栏在页面的顶端,排列顺序以区块重要性进行排列,文章以标题形式显示,页尾处有返回顶端的设计。手风琴式,该种页面布局下,人们在打开移动终端浏览器时,仅能看到一个简单摘要,后续内容可层层展开,便于用户观看更多、更详细的信息。棋盘式网页,在打开网页时,用户能够对页面全局有整体了解,并且,用户还可利用局部缩放功能,便于用户观看浏览器的细节布置。其缺点在于,若移动终端屏幕较小,当用户收缩页面时,难以看清屏幕文字。

2移动终端网页设计的优化原则

2.1精简原则

须知,移动终端因其的移动性,为满足用户需求,所使用的网络为无线网络,带宽普遍低于有线网络的带宽;所使用的屏幕普遍小于固定终端设备的屏幕,尤其是人们越来越依赖的智能手机,其屏幕明显小于PC机、平板、笔记本等,因此,在为智能手机设计并优化页面时,必须遵循精简原则,突出主要内容,力求一目了然。

2.2兼容性原则

近年来,移动终端市场需求不断扩大,加入该行业的企业越来越多,各种不同品牌的笔记本、智能手机等在硬件配置与软件设计上存在较大差异,然而,一款设计好的网页,想要保障其广泛应用,兼容性非常重要。

2.3避免弹窗

对于多数移动终端用户来讲,在浏览器搜索中,弹窗已经成为多数人烦恼的问题,因为,弹窗不仅会带来额外的等待时间,还会造成多余的流量消耗,因此,若在浏览网页时存在大量弹窗,极易影响用户对网页的整体印象。对此,在移动终端网页设计优化中,应添加拦截自动弹窗的相关软件。

2.4优化搜索引擎

在网页设计的优化中,应重视搜索引擎的优化。第一,设计人员应对搜索引擎的响应速度进行优化,降低用户等待时间;第二,搜索内容应进行分类,如在首页上,设计人员可加入meta标签或者关键词,将用户可能搜索的内容分门别类,如新闻、视频、购物等,以保障用户在搜索过程中快速寻找到所需要的信息。

2.5触屏设计优化

目前,我国移动终端设备大多引进了触屏设计,尤其是平板电脑、智能手机等,同样,人们对触屏的灵敏性提出更高要求。因此,触屏设计中,设计人员应重视这一点,优化触屏的灵敏性。另外,因触屏网页与依靠鼠标的网页不同,触屏网页设计中,应使其结构扁平化,翻页、连接的响应区域较大,突出编辑区域等,便于用户触屏操作。

3移动终端的网页的设计优化

随着移动终端的普及,得益于其便利性与快捷性,网上冲浪的用户不断增多,人们对移动终端的依赖性不断增强。在移动终端普及的几年间,可以发现,移动终端已经改变人们的生活,为门户带来诸多好处,“一部手机,行走天下”已经不是梦。但是,在移动终端应用时,引起与网络相互连接,互联网上的复杂内容,影响了移动终端网页的响应速度、流量消耗等,对此,优化移动终端网页设计成为重点。

3.1用户信息采集模块的设计

新形势下,市场竞争越发激烈,为在市场上立于不败之地,移动终端的网页设计优化应重视个性化,通过“与众不同”吸引用户,之后,通过便利的网页搜索模式,快捷的响应速度,较小的流量消耗等留住用户。

在网页设计中,设计者应加强用户信息采集模块设计。因为,用户采集系统能够将用户浏览信息记录,并通过分析,判断用户感兴趣的内容,并为用户显示类似内容,提高网页的服务性能,吸引用户进入网页浏览。因为,当用户利用浏览器输入信息,访问页面时,网页会自动记录用户的浏览信息,并通过历史信息反映用户该段时间感兴趣的内容。用户信息库的基本流程如下:其一,用户输入信息或关键词,网页通过用户输入的信息搜索与其相关的内容,并响应用户请求。其二,用户历史记录信息。通过观看一个用户在一段时间内的历史记录,就能够了解用户关注重点,尤其是用户收藏的内容,更能反映用户兴趣所在。

3.2预处理模块设计

用户信息采集模块,所采集到的信息都是用户因自身行为产生的各类信息,但是,行为信息并不标准,若不对用户行为信息进行规范,极易影响网页的后续运行。对此,制定标准化的文本格式,将用户行为信息进行处理,是网页必不可少的一项功能。因此,应重视预处理模块的制定与优化。

为推动移动终端网页的良好运转,在信息系统设计中,应重视预处理模块的设计。信息预处理模块,位于系统中央,接收用户行为数据,并对信息进行处理,将信息模式转化为标准化文本,并产出数据,为后续建立用户兴趣库做准备。

预处理模块由三个子模块构成,分别是页面抓取、文本内容提取、关键字提取。页面抓取的主要功用是读取用户信息库中储存的行为信息,分析用户兴趣所在,抓取相对应的页面。文本内容提取,其主要功能是将抓取到的页面信息进行过滤,去除不相关的信息,提取与页面主题相关联的内容,并将其以文本文件的形式保存至数据库,便于用户观看与查找。关键字提取,该项子功能模块会将用户行为信息进行分词,将文本中的内容以词条形式显示,并计算每个词条的重要性,依此排序,选出与词条相关的内容。

3.3页面分割模块的设计

在移动终端日常应用中,搜索功能一直是网页不可或缺的一种功能,移动终端网页的优化,必须保留搜索功能,甚至优化搜索功能,以此吸引更多用户浏览网站。诸多用户几乎每天都会利用搜索功能查找心仪产品、信息资料等,因此,可将搜索功能放置在网页顶部。另外,网络拥有巨量资料,当用户查找信息时,通常会出现大量的信息,而移动终端的屏幕较小,网页所显示的内容有限,用户往往需要不停地滚动屏幕,才能找到所需要的信息,影响了信息查找的便捷性。对此,设计者应对页面信息进行设计优化。页面分割是一种有效的方法,其应用在保证了语义信息完整性的同时,将网页页面分割,并根据移动终端屏幕进行合并,便于用户的查询。

>>> 查看《手机网页建设网页设计》更多相关资讯 <<<

本文地址:http://www.phpweb.com.cn/news/html/5800.html

赶快点击我,让我来帮您!