简析移动端网页设计常见问题和技巧

摘要：21世纪，网络科技不断发展，网络时代的到来促进了当下移动网页设计的快速发展。在新时代，熟知移动Web设计的特殊性，积极学习Web设计技术是当代数字媒体专业的必经之路，创建移动Web设计适配测试平台，有效解决移动Web设计的存在问题，分析问题产生的原因并提出解决对策，才能推动移动端网页设计更好更快的发展。

关键词：网页设计;移动端;解决技术

随着网络技术的发展，网页技术日新月异，通过了解我国网页设计的发展现状，分析网页技术设计的特点，掌握优化移动网页视觉效果的规律，才能更好的掌握网页设计技术。随着智能移动设备的不断普及，手机等移动端已成为人们获得信息的主要渠道，也是人们生活中不可缺少的一部分。为了提高移动网页的设计水平，为了更好地实现移动网页的设计理念，更加轻松地访问手机网页，实现移动Web页的无障碍设计，需要優化互联网环境，提高移动终端Web页的设计标准，促进网页设计系统的构建，加强网络信息的及时传输，引领移动网页设计工作技术设计行业的发展，在另一个角度分析移动设备的使用情况并且对人气网页进行分析。吸取网页优点进行再优化设计也有助于促进移动网络技术的稳定发展，注意大众的需求，对信息的移动终端接入有效的开发进行详细学习对提升大众满意度也有一定的帮助。

一、移动端网页设计的必要性

（一）移动搜索的特点

移动搜索便捷性更强，可以随时随地的进行信息的查询不用受到设备空间等因素的限制，以手机移动设备进行为例，我们可以在车站、马路、机场等任何地点进行方便的查询信息，摆脱传统条件下电脑的限制。电脑等固定设备不方便携带台式电脑则必须在家庭等固定场所使用，移动设备打破了传统搜索信息的模式。移动搜索定位更加精准，我们日常出行离不开手机的导航系统，传统模式下不具有这个功能。我们可以通过定位准确的了解位置信息，方便人们的工作和生活。移动搜索的目的性很强，可以更好的寻找自己想要的东西，不用一页一页的寻找，并且手机等移动设备相对较小，对于隐私的保护性更强，移动设备更加个性化与生活化，是未来搜索的发展方向。

（二）移动端网页设计便利性

网站搜索引擎优化是指根据移动搜索的特性，获取移动资源打开用户需求的内容，会员移动端设计是一种新型的网页设计方法，能够更快速的读取网站，搜索的功能更加实用，百度移动资源是由传统的调配器和百度提供的一种开放适配功能的两种方式进行交叉，最终形成的搜索形式，给用户带来更加个性化的体验。目前移动设备具有源代码的开放共享模式，这缘于科技研发部门推出的新型操作系统，移动设备的科技型在于导航形式的出现，这个网页搜索模式得到了广大群众的认可，并迅速的普及到生活中，得到了进一步的发展。相比于台式机用户，移动搜索用户将更注重搜索的便捷性和生活性。移动用户更注重于以天然动植物为主的膳食、旅游、公共交通、天气、穿搭等信息的查询。为了满足移动用户衣食住行等方面信息的查询服务，移动网页设计师通常把设计重点放在医疗、教育、购物、养生、旅游、住宿、健康护理等内容上面。

二、移动网页设计的设计原则

（一）压缩移动端页面数据大小

移动网页是对网页页面进行压缩处理后的页面形式，所以移动端网页有小尺寸的特点，一般日常生活中我们搜索的图片和图像都以最小的形式展现。因为手机的显示范围有限，和传统的电脑计算机等固定设备不同，只有小尺寸的图像才能够更加的清晰，对于手机来说负面影响也会更小，压缩图像和文字另一方面还能够让用户快速的进入搜索页面，找到要搜索的信息，资源的读取更加的快捷。正因为它的方便快速移动端的网页搜索才能很快的普及开来，得到愈来愈多手机移动端用户的认可，小图像的设定可以缩短用户等待的时间使用户舒适感更强。不能像电脑网页一样使用很满的图像显示，否则会导致手机的加载太慢，由此可见做好移动端的屏幕优化很重要。

（二）控制移动端页面色彩显示效果

搜索不同的页面信息，就会显示不同的色彩效果。手机等移动设备的光度很复杂，设计网页时应该根据用户的视觉调整对比度、明暗度、饱和度等，达到适合大众阅读的最舒适状态。同时我们也不能对于电脑的搜索页面过度依赖，不同的设备视觉效果不同。除此之外，我们接触网页信息大都以文字的形式展现出来，注意文字在移动手机上的显示效果也很重要，不是所有的页面文字都要呈现到大众面前，移动浏览器不支持部分页面的内容、代码或插件的显示，设计师应该对字体进行整合。

（三）规划移动端页面信息与显示方式

简洁的移动页面的显示内容更适合移动阅读。在现代智能手机风靡之际，移动设备网页常常具有与电脑屏幕相同的分辨率，但移动屏幕的大小仍然比电脑屏幕小得多，用户在浏览信息时往往会挑选对自己更有价值的信息，并不会通篇浏览。手机等移动设备浏览时一般使用手指触摸滑动的形式，网页所显示的内容更容易被忽视，因此显示的内容尽量的简练使其更容易被识别。对中国用户进行简单的统计，调查显示4G用户仍然占到百分之五十，3G网络占到百分之十八，WIFI用户占百分之三十二，在此现实情况下有很多用户反映网络慢网络状态不良，因此规划移动页面的显示形式与内容，为客户提供简洁的页面与信息，节约用户流量与时间，是顺应当下客观现实的理智选择。

（四）优化移动端页面形式与内容

电脑等固定设备的网页从形式到内容，从文字到图像都非常的丰富，将各种内容详细的展现在客户的眼前，更加容易得到大众的认可。手机端页面因为有手机屏幕大小的严重限制只能变得简洁，所以内容上展现的会不如电脑等设备丰富，这时就要做好移动端页面优化的问题，在现有的空间内简介的展现所有有用的信息。信息内容是固定的，页面优化更显得尤为重要，要为移动端做好多点触控优化，多一些类似按钮、菜单、链接或其他可点击标签词语。参考苹果、谷歌、微软和诺基亚的设计模式，在屏幕上可点击界面部件的实际显示尺寸不应该超过9mm，间隔不应该超过2mm。其他公司之前做过类似的实验，是用男孩的手指进行屏幕点击实验，因为男孩的手指相对较粗得到比较科学的尺寸范围更好的适合大众使用。小文本链通常比较密集，需要点击的界面要素小并且太多，画面的角落和边缘太近或不清都是页面存在的问题影响人们的正常使用。移动网页没有鼠标点击，画面空间有限。这与电脑网页的情况不同，手机移动端不能同时显示多层的导航内容。垂直或部署导航的形式是不适当的，复杂的网站搜索功并不能够轻松实现，然而移动用户希望迅速解决问题，而不是仅仅局限于画面的限制，因此应该尽可能的将页面细节方面合理化，不要在网页导航上展示过多的内容，适当即可。另外，重要的导航要直接显示出来而不要做隐藏处理。

（五）充分利用移动端的特性

现在的移动端使用用户可以通过网络进行通话，这样会大大提高日常生活的便捷性，特别是中国的用户习惯使用网络电话进行通信，电子地图和位置导航能够让用户更加直观的了解共享信息内容。同时直接显示要拨打的电话号码，或仅显示图像的地图，或配置不提供用户可以共享的内容的社会共享链接为人们日常生活提供更大的方便。提供下载移动应用后安装到页面上的链接以增强移动应用程序的可视性。

（六）限制使用弹出窗口的页面

点击链接打开新的窗口在中国是很普遍的设计，但是移动网页通常信息展示良莠不齐，有对大众有用的信息，还有一些垃圾广告等。广告的出现严重影响了客户浏览网页的感受，设计师应该尽量限制使用弹出窗口的设计。对于类似信息的屏蔽能够增加浏览的舒适感，太多广告的疯狂显示会使人没有搜索的欲望。

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

（一）没有遵循网页设计基本原则

手机网页设计有必要遵循简单化的原则，在网页设计的方面要简单化以满足大众用户的浏览体验，提高Web浏览的方便性和视觉体验。但是目前手机web设计的过程中，相关人员没有严格遵守设计的标准流程的事情时有出现，设计的焦点不显眼，充分简单化，有的用户的手机屏幕显示比较大，很难抓住关键信息，因此给用户带来诸多不便，因此必须遵循网页设计基本原则即其简洁原则。

（二）自动弹窗设计不够合理

web浏览时的过程中，网页自动弹出式有不合理的地方，有的网页设计者为了追求自己的利益努力的用各种花哨的信息吸引用户，以求得到更多的访问量，这是过度的消费用户需要的行为，这样的方式长此以往会使用户的满意度下降，体验舒适性也会降低。

（三）对目标终端屏幕特征掌握不够

在手机的Web设计过程中，相关人员必须积极理解目标终端画面的特性。但是，在实际的操作中，设计者对于终端的画面特性了解还不够充分，渲染效果会受到浏览器像素宽度的影响。大部分的用户经常使用宽屏幕竖屏的手机，但是平板电脑通常进行横屏使用，因此部分平板用户页体验效果不理想，所以分辨率范围的分割是不合理的，应该考虑不同移动终端对应的画面分辨率不同。

四、移动端网页设计技巧研究

（一）了解移动终端网页设计的功能需求

用户界面设计的链接需要进行多样化合理性的设计，如任务列表、任务创建页、任务细节、设备列表和反馈页等等。因为对于不同信息搜索的用户要提供不同的关键字搜索内容，

在任务创建页还包括了任务内容、任务名称、终端分辨率、执行条件、浏览器安装、终端厂商等内容，要对屏幕分辨率、厂商、浏览器等作出合理选择，只有这样才能提高网页设计的有效性，对每个制造性进行严格的检查，提升搜索网页的过程的速度，提高流畅性，对移动网页设计进行合理的规划，考虑到用户的信息需求，可以有效的减少用户的搜索时间，有时候一键点击就可以，将用户时长点击访问的页面进行标注，方便下一次浏览。

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

移动终端的顾客需要加强系统开发，用户将自动取得对应的测试任务，使用浏览器来进行系统测试，从而触发页面反映。在浏览网页的情况下，提高用户操作页面的便利性是网页设计的初始目标。任务服务器的功能测试，客户的运行状态，根据客户浏览过程进行任务测试，根据测试的结果有必要提供给客户更加流畅的体验。确认设备的浏览速度信息，用户可以使用服务器直接更改首页的信息，提高功能测试的强度，提高手机的Web设计功能的完成度。

（三）考虑客户端系统的兼容性

为了使用户的权利得到更广泛的扩大，移动终端系统的更新链路增加了移动开发的应用接口和封闭式应用接口。由于移动终端版本不同，为了避免程序兼容较低的问题，还需要进一步考虑客户端系统在Web设计过程中的互换性。如果想给用户带来新的经验，同时考虑到兼容性，积极改善系统移动web设计的工作，兼容性测试的确认具有良好的扩展性，仅满足这个条件的有效手机开发能力的功能可以提高，提高客户的购买率和使用率。

（四）重视网页优化

重视网页优化是当代移动端网页设计技巧的必经之路。在移动搜索中，用户需要即时呈现出多样化和个性化，并在最短的时间内提高信息供应，显示多种搜索结果，并缩短移动终端的搜索查询时间，应以系统的安全性为前提，适当增加检索关键词的数量，不限于搜索查询的词语或者短语。移动设备的搜索方式多样性将传统的移动终端的Web页面转换成可从移动设备直接访问的Web页面。例如，标签优化的链接中，使用移动终端的移动页与其对应。使用说明标签来表示页面的主内容，并且将这个页面用作浏览Web内容的指南，以增强移动用户的使用体验。通过各种手段优化页面，是移动端网页设计技巧的重中之重。

五、结论

随着网络时代的到来，手机等移动设备的普及使人们的生活越来越离不开电子设备，而在对于电子设备的使用过程中往往会出现一些类似的问题，将会使用户体验度降低，人们满意度不强因为等待网页的加载等方面原因导致，现在网页的安全性不高广告良莠不齐，人们也可能出现误点等情况所以为了更好地满足用户个性化的要求，加强手机的网页设计，推进手机的国际开发。满足网页设计的功能要求，应该将人们所需的信息提供给用户，使用户操作变得容易，并且提高用户对移动终端Web设计的满足度。不断进行网页优化，重视移动终端合理的优化，在传统网页浏览终端达到速度和内容的创新，更加安全有效的方便人们日常的使用。

参考文献

[1]彭芳.移动端网页设计常见问题和技巧研究[J].科技訊，2018，16（16）：16+20.

[2]马腾.数字报网页版移动端迁移技术的研究和实现[D].内蒙古大学，2018.

[3]翟劲松.手机端网页视觉设计研究[J].新媒体研究，2018，4（07）：46-53.

[4]周奇.企业云移动端插件化开发与缓存策略的设计与实现[D].华南理工大学，2018.

[5]常亚舟.消费者对移动端产品详情页要素的需求研究[D].浙江理工大学，2018.

[6]林江.移动端网页设计常见问题和技巧[J].计算机与网络，2017，43（10）：49.

[7]赵英，范娇颖，章梦玄.移动网页无障碍设计标准框架研究[J].图书馆学研究，2016（16）：30-39.

作者简介：蒋飞燕（1981.08-），女，湖南省邵阳市人，职称：讲师，主要研究方向：数字媒体艺术设计及制作。