移动端网页设计常见问题和技巧研究

彭芳

摘 要：互联网时代的到来，加快了移动端网页设计的发展速度，新时期下需要积极了解移动终端网页设计工作的特殊性，积极掌握网页设计技术。构建移动终端网页设计适配测试平台，有效解决了移动端网页设计常见问题。文章以移动端网页设计为例，主要针对目前移动端网页设计常见问题以及解决技巧进行具体分析，以此方式促进移动端网页设计行业的稳定发展。

关键词：移动端网页设计 常见问题 技巧研究

中图分类号：TP393 文献标识码：A 文章编号：1672-3791（2018）06（a）-0016-02

积极调查我国移动端网页设计现状，了解移动终端网页设计技术的优势，强化移动端网页设计技术效果，严格执行科学有效的任务，掌握网页设计技术。在智能手机不断普及的情况下，移动终端成为人们获取信息的主要渠道，积极进行移动终端访问，更好的进行移动终端网页设计实践，从此来提高移动端网页设计水平[1]。对移动网页进行无障碍设计，明确互联网环境，积极了解移动终端网页设计标准。大力推进网页设计系统建设，促进了网络信息的及时传递，站在技术设计的角度来指导移动终端网页设计工作，促进了移动设备的有效运用和普及，推动了移动网络技术的健康发展，注重触屏操作，更多的了解客户需求，有效拓展移动终端的信息获取渠道。

1 移动端网页设计的必要性

科技研发部门推出了移动终端操作系统，实现了对其源代码的开放式共享，其技术的关键是内核代码和上层接口，因此移动终端系统得到了迅速发展，同时得到广大用户喜爱。现如今移动终端操作系统较为复杂，鉴于当前在移动终端网页设计中出现的诸多问题，只有强化网页设计，提高移动终端系统的设计能力才能满足新时期下用户的个性化需求。目前移动终端市场竞争环境复杂，网页设计行业之间的竞争尤为激烈，一些移动终端厂商已经遭到投诉[2]。为了促进移动终端的国际化发展，需要强化移动端网页设计，积极借助第三方检测机构来测试移动端网页设计能力，更好的规范了市场，提高了移动终端的适配能力，促进系统稳定，便于用户安装，给用户带来了个性化体验。

2 移动端网页设计常见问题的相关分析

2.1 没有遵循网页设计基本原则

在移动终端网页设计环节要积极体现精简原则，在页面设计中要尽量做到重点突出、精简，这样的设计才能更好的满足用户的个性化要求，提升网页浏览的便捷性和画面感，给用户带来不同的视觉体验。然而，当前在移动终端网页设计的过程中相关人员没有严格按照标准流程进行设计，设计重点不突出，不够精简，手机屏幕尺寸偏大，这给用户造成了诸多不便，网页浏览起来不方便，网页相应内容不够简明扼要[3]。

2.2 自动弹窗设计不够合理

用户在网页浏览的过程中，网页自动弹窗，用户等待时间过长，从而导致了流量消耗过多，这使得用户的满意度降低，不利于移动终端网页设计工作的更好发展。

2.3 对目标终端屏幕特征掌握不够

在移动终端网页设计的过程中相关人员一定要积极了解目标终端屏幕特征。然而在实际工作中，设计人员却没有做到这点，对目标终端屏幕特征的了解不够，页面渲染效果受到浏览器像素宽度的影响。多数用户都经常使用竖屏手机，而平板电脑是横屏使用的，因此，实际设计中由于没有考虑到这点，导致了用户页面的渲染效果受到了一定影响，对分辨率范围的划分不够合理，没有考虑到移动终端不同，相应的屏幕分辨率就会不同。

3 移动端网页设计的技巧研究

3.1 了解移动终端网页设计的功能需求

在用户界面设计环节，需要合理设计任务列表、任务创建页、任务详情、设备列表、反馈页等多项设计，因此要求相应的设计人员要及时为用户提供任务必要信息，便于用户操作，提高用户对移动终端网页设计的满意度。在任务创建页还包括了任务内容、任务名称、终端分辨率、执行条件、浏览器安装、终端厂商等内容，要对屏幕分辨率、厂商、浏览器等作出合理选择，只有这样才能提高网页设计的有效性，最终选用了最佳设备[4]。任务列表是为用户提供了暂停、删除、修改、查看等多项页面功能选项，对每个任务的执行结果进行科学严格的审查，将系统功能通过率的检测结果显示出来，大大提升了页面的流畅性。在任务详情里还设置有执行结果审核入口，将相应设备的任务网页截图及时显示在浏览器上，便于进行审核结果统计，有效减少用户在页面的等待时间[5]。

3.2 加大移动终端网页设计的功能测试力度

对于移动终端客户需要加大对系统的开发力度，用户自动获取相应测试任务，利用任务选择浏览器来进行系统测试，促进页面触发，积极对服务器的运行状态和设备信息进行有效测试，提高网页浏览速度，给用户操作页面提供更多便利。任务服务器功能进行测试，需要向客户端提供不同接口功能，如：客户端运行状态、客户端下发任务测试、客户端上传测试等，更好的确保了设备信息流畅，用户可以利用服务器直接对前台页面信息进行修改。加大了功能测试力度，大大提升了移动终端网页设计功能的完善性。

3.3 考虑客户端系统的兼容性

在移动终端系统更新环节，增加了移动开发应用接口和关闭应用接口，明确了用户的权限。因为移动终端版本不同，为了避免程序兼容性差的问题，在网页设计的过程中需要更多的考虑客户端系统的兼容性。平台借助移动终端自动化网页适配测试功能来完提高客户端系统的兼容性，积极提升系统的可拓展性，对于移动终端网页设计工作来说，要想给用户带来全新体验，需要考虑客户端系统的可拓展性，确保客户端支持适配测试，具有良好的拓展性，只有满足这个条件才能有效提升移动终端的功能开发能力。

3.4 重视网页优化

在移动搜索市场，用户需求呈现出了多样化和个性化的趋势，需要提高用户服务的实时性，尽可能在最短时间内出现多个搜索结果，提高移动终端的搜索查询速度，在系统安全的前提下适当增加查找关键词的个数，同时不会受到搜索查询字数的限制。利用移动样式表单将传统的移动终端网页转化为移动设备可直接浏览的网页，对移动端的网页标签进行实时优化。比如在标签优化环节，积极使用开放适配协议，在站点位置的源代码头部及时嵌入多行信息，利用移动客户端系统来指明移动端对应的手机页[6]。利用描述标签来说明页面的主体内容，作为网页内容浏览的一个导向，提升移动用户的使用体验，采用滑动切换来提高用户操作的主动性，吸引更多用户，有效增强了动画效果，便于用户在浏览页面时进行随时切换。

4 结语

强化移动端网页设计技术效果，严格执行科学有效的任务，从而掌握移动终端网页设计技术。更好的满足用户个性化要求，强化移动端网页设计，促进移动终端的国际化发展。了解移动终端网页设计的功能需求，为用户提供任务必要信息，便于用户操作，提高用户对移动终端网页设计的满意度。考虑客户端系统的兼容性，重视网页优化，将传统的移动终端网页转化为移动设备可直接浏览的网页，实现了移动端网页标签的合理优化，增强动画效果，提升了用户满意度。

参考文献

[1] 王政达.面向移动终端的网页适配测试平台的设计与实现[D].哈尔滨工业大学，2013.

[2] 赵壤，黎艺，邓雪刚，等.基于HTML5+CSS3的政府网站移动前端设计[J].电子技术与软件工程，2016（12）：11-12.

[3] 李一佳.移动端搜索结果页自动优化与优选方案的設计与实现[D].北京交通大学，2014.

[4] 王维斐，李德英，李旭，等.基于政府网站的智能移动客户端设计和分析[J].电子政务，2014（11）：104-110.

[5] 田地.支持移动终端的C语言在线编译系统的设计与实现[J].信息通信，2015（1）：113-114.

[6] 吴振全.移动终端界面设计中的视觉元素表现[J].美术学报，2016（4）：108-111.