响应式电子商务网页设计探究

导语：响应式电子商务网页设计探究一文来源于网友上传，不代表本站观点，若需要原创文章可咨询客服老师，欢迎参考。

摘要：随着网络信息技术的发展，电子商务行业要想获得更大的竞争优势，其势必要把握移动网络发展特点，实现自身的创新化发展。在此情形下，响应式电子商务网页设计应运而生，当前电子商务行业正是借助响应式网页设计理念，展开个性化、智能化的页面布局排版，由此提高用户黏度。基于此，笔者以电子商务行业响应式网页设计为主要内容展开探讨，从电子商务行业发展需求现状入手，探讨响应式网页设计方法以及网页的实际应用情况，旨在为电子商务行业带来新的发展机遇。

关键词：电子商务；响应式网页；用户黏度

响应式电子商务网页设计，是新经济形势下电子商务发展的必然选择。当前，响应式电子商务网页设计，能够为用户提供更多的便利和个性化服务。例如，用户进行商务交易活动可以不受时空影响，既可以采用电脑上网，也可以采用手机上网；同时，响应式网页设计拥有先进的信息技术，能够为各种终端设备提供较清晰的页面场景以及页面形式[1]。此外，电子商务网页的设计还需要拥有创新特色，才能让用户在同等产品服务的电子商务企业中进行选择。可以说电子商务的网页设计，在某种程度上还起到营销宣传以及企业文化呈现的功能。而响应式电子商务网页正好能够满足这些功能需求，因此成为当前电子商务行业中网页设计常见的设计方式之一。

1响应式电子商务网页设计方法

1.1响应式电子商务网页设计的布局方法。移动设备的网页设计，需要设计页面的规格大小，确保其页面在动态移动过程中像素的清晰度。响应式网页设计可以采用viewportmeta标签方式，通过标签设置“虚拟”窗口，从而响应主页面上各个功能窗口的页面清晰度情况。电子商务网页会实现多个“小网页”的叠加处理，通过各种布局方式，根据用户的需求进行流动呈现。传统的流动方式不够顺畅，容易出现网页卡住的情况。而响应式网页拥有伸缩布局flexbox方式，能够采用多方向布局网页。flexbox布局方式是一种伸缩盒子模型，其将所有的流动元素都纳入盒子的监管中，从而根据所需随意地改变伸缩页面的规格样式，使其以最合理的方式填充整个移动设备屏幕。在电子商务页面中，不同产品、不同功能所呈现出来的页面样式是不同的，而用户根据自己的需求选择页面，如何在海量的元素页面中以最快的方式选择自己所需要的页面，是当前研究的重点[2]。在响应式页面设计中，其可以通过CSS中的媒介查询方式，根据不同的页面视图大小设置不同的css，从而可以通过终端浏览点击的方式响应不同的页面布局。1.2响应式电子商务网页设计的文字图片处理方法。电子商务中拥有海量的文字、图片甚至视频内容，在传统的网页设计方式中，文字、图片等的处理方式较为缓慢，而响应式网页设计能够实现对文字图片等的响应处理[3]。例如，文字响应处理方式是将常用的文字基本单位同页面格局大小等进行链接，通过改变这一基本单位而调整文字字体同页面之间的关系。而弹性图片的设计中，同样采用css样式设计，将图片当作各个子页面中的三级页面响应处理。1.3响应式电子商务网页设计的整体框架设计。随着移动信息技术的发展，不同的移动设备系统规格尺寸大小不一，而响应式电子商务网页设计正是对这些不同规格大小的屏幕的整体化处理，实现多种移动终端的兼容问题。当前采用的是一种jQueryMobile方式，通过一种灵活渐变的方式，即在网页中应用现有的数据库和css样式表，从cnd中直接链接该数据库，完成对网页框架的设计。

2响应式电子商务网页的实践应用

2.1电子商务响应式网页设计的功能需求。（1）电子商务行业的功能需求。电子商务经营模式的差异会直接影响网页设计的功能设置。以B2C商业模式为例，其拥有线下仓库和线上平台，在网上完成销售、物流运输监督等。（2）系统设计。该电子商务响应式网页设计主要分为两个模块。一是前台部分，主要是完成消费者的浏览、购物、咨询售后等功能；二是后台部分，主要是电子商务管理员的管理系统，实现对货物的上架管理、订单处理以及售后服务处理等。因此借助响应式网页设计方式，将前台部分页面功能开发为注册会员、登录、查询咨询、添加购物车、生成订单以及支付、物流查询等功能。具体如图1所示。网页的后台系统占据整个网页的核心部分，其通过设置各种个性化的服务功能，让后台管理者的商业活动变得简单容易操作，同时还加设了用户访问权限等新的功能系统，提升了整个网页的安全性。2.2响应式电子商务网页设计的应用优势。利用响应式网页设计方式展开的电子商务网页设计，其设计更加灵活，功能更加丰富，性价比更高。同样的，设计出来的网页也拥有较明显的优势。（1）响应式网页设计具有更好的布局设计感。由于响应式网页设计在页面的流动中更加随机简单，不受客观条件影响，因此每一个版式布局所呈现出来的内容可以更加丰富，根据自身产品的特点以及用户的浏览习惯，可以实现对布局的多样化处理，增加设计中的各种创新元素，从而增加其设计感。充满新奇的布局设计，更能够吸引用户的注意力，从而达到营销宣传的效果[4]。（2）响应式网页设计具有更好的用户体验感。随着信息技术的发展，传统单一化的网页操作以及设计已经不能满足用户的情感需求。响应式网页设计方式具有建站高标准的特点，能够呈现出各种各样的网页标准形式，并且能最大程度地满足用户的需求，如在网页设计中融入一些细节化的小模块，能够使用户获得更好的体验。（3）响应式网页设计具有多样化主题特点。现代网页设计同视觉艺术设计已经实现了融合发展，响应式网页设计正是满足这一趋势特点，其在网页设计中，能够利用色彩丰富的视觉主题、字体内容等组建新的网页内容，对于电子商务的用户而言，每一次进入网页都拥有不同的视觉体验，能够提高用户的直观视觉体验，让电子商务的企业文化通过网页设计内容呈现出来，由此更有利于电子商务行业的可持续发展。

3结语

与传统的电子商务网页相比，响应式电子商务网页设计的性价比较高，网页具有较高的延展性和自我更新特点，在竞争日益激烈的电子商务行业中，掌握最新的响应式网页技术，灵活应用该技术能够增加更多的设计感、体验感，用户对电子商务企业的文化以及产品的认知度也更高。

参考文献

[1]师晓丹.响应式网页设计教学应用研究——以茶叶企业电子商务网站建设为例[J].福建茶叶,2019,41(3):31-32.

[2]薛鹏飞.响应式网页设计在高校网站建设中的应用[J].计算机与网络,2019,45(16):42-43.

[3]王朋,董爱华,鲍萍萍.响应式Web的研究与应用[J].微型机与应用,2016,35(10):15-17,21.

[4]李静.基于Bootstrap的响应式校园电子商务网站设计[J].电脑知识与技术,2017,13(14):225.

作者:郑雅娟 单位:福建农业职业技术学院