电商网页界面视觉传达设计研究

电商网页界面视觉传达设计研究

摘要:为了更好地服务用户,网站上网页界面的设计就显得尤为重要。在这种情况下,研究“互联网+”时代下电商网站中网页界面的视觉传达设计显得非常有必要。文章通过查阅文献资料,对“互联网+”时代下电商网页界面设计存在的问题进行了详细分析,并针对其中几个典型的问题进行了剖析,对全文进行了总结归纳,通过研究可以促进“互联网+”时代下电商网页设计的科学发展。

关键词:“互联网+”;电商网站;网页设计;视觉传达

近年来,由于我国“互联网+”战略计划的推动,互联网与各行各业进行了深度融合,例如“互联网+金融”“互联网+移动家居”“互联网+农业”“互联网+传统零售业”等,这些融合极大地带动了区域经济发展,改善了人民的生活。其中,互联网与传统零售行业的融合,催生了电商行业。发展至今,“网购”已成为人民生活中不可或缺的一部分,使得人民的生活更加便捷。在这些网站的建设过程中有很多方面做得比较好,值得我们借鉴学习,例如便捷的支付方式、以及绚丽的动态界面等[1]。但是仍然存在很多问题,这些问题由于积累的时间比较长,对电商的发展带来了很大负面影响。在这种情况下,研究“互联网+”时代电商网页界面的视觉传达设计显得非常有必要。

一、“互联网+”时代的电子商务网站

在“互联网+”的时代,电子商务迎来了巨大的发展机遇,大大小小的店铺比比皆是。人们逐渐从实体店向网上购物转变,这样带来的好处是办公地点不受限制,客户量比较巨大,可以全天24小时进行,非常便捷。

(一)“互联网+”时代的电子商务。作为互联网发展的新经济形式,“互联网+”代表了互联网和传统产业的结合。目标是充分利用互联网的优势,提高经济生产率,以刺激经济发展,促进健康有序的经济发展。电子商务便是“互联网+”这种新的经济形势中的一种,旨在推动人们的购物方式变革,使得人们的购物方式多元化,购物过程更加便捷,激起人们对各式各样产品的购买欲。从而激活市场经济,促进国家的经济发展[2]。

(二)电商网页页面设计。电子商务平台的外在表现便是电子商务网站上的网页,其与一般图形设计不同的地方是设计上的独特性。在设计上首先要根据用户的需求把握住网站的主题,其次涉及网页内容设计、背景方案设计以及布局设计。布局设计旨在解决网络接口设计的问题并提高视觉信息传输的效率。这往往包括视觉语言、视觉思维以及视觉习惯等。

(三)遵循原则。客户通过观察网页上的各种图片、动画等视觉体验,以及通过各种思维活动来理解并接收视觉信息。在讨论对网站主题设计的时候,以下两项原则往往不可分割地联结在一起。1.以用户为中心的品牌定位设计原则。接口的视觉设计必须根据品牌地位和目标来进行,这是网页设计成功的关键因素。网站的视觉设计不能与品牌定位分开,否则无法确保品牌在民众中的良好形象。通过分析网页浏览群体中历史的视觉运动浏览痕迹,得出相应规律。在购物网站上,网站可以根据用户的浏览痕迹进行大数据分析,为用户推荐多种同类型的商品,用户通过比较后,获取适合自己的产品,在很大程度上改善了用户的购物体验。在教育网站上,随时都能找到需要的课程等。2.一致性设计原则。电子商务网站的设计形态必须与其内容相符。并且网站界面设计给大众的视觉体验与大众的审美观要保持一致。一致性设计原则还包括了该网站的主题、结构和表现均需统一,在文字主题的整体风格、色彩的调整、句子和图像级别等设计上的一致。事实上,统一的视觉风格可以使用户在浏览互联网时感到视觉安全,改善视觉信息传输的效率,提高交易的成功率。

二、“互联网+”时代电商网页界面设计存在的问题

(一)框架设计不够合理。在网页设计中,框架设计是非常重要的,很多编程设计人员将注意力均集中在后台设计上,对前端设计的重视度不够,这就容易出现头重脚轻的现象。当前,框架设计都是采用了模块化的设计,架构在没有做电子商务网站时就已经被设计好了,并且这些设计好的框架有可能是很早时候的设计。当前技术更新非常快,几乎每年的版本都在变化,版本变化了,使得框架在功能上就比较薄弱,不能够很好地适应当前网站设计的需求。

(二)色彩搭配不够美观。对于当前已有网页的界面设计缺乏美观、界面色调差、布局不够合理的问题,究其原因,是很多网站缺少专业的美工人员对其进行美化,导致其页面做工非常粗糙,色彩不够丰富炫丽,要么全部是蓝色,要么全部是绿色,色调单一。色调单一直接导致用户的满意度下降,给用户的第一感觉就是凌乱,体验度下降,因而对网站的整体印象较差,这样的网站设计是比较失败的。由于经过美工处理的网站价格较高,往往很多网站在设计的时候,考虑到开发成本问题,往往会忽略网站美工。但是,网站的美化效果直接关系到用户的浏览满意度,因此应加大对网站美化的资金投入。

(三)内容不够新颖。在介绍完框架设计和色彩均衡问题后,讨论电子商务网站的内容问题。很多的电子商务网页上显示的内容均是文字的堆叠,缺少网站与用户之间的互动,同时,一些网站上都是一些新闻报道,并不是客户感兴趣的东西。设计者花了很多的时间和精力设计网站,但是做了很多无用功。在内容上并不具有吸引力,使得用户不能持续地浏览网站,抓不住客户的注意力。

(四)技术比较落后。在网页前端界面的设计中,一般使用JavaScript与HTML5标签、CSS3一起使用。JavaScript本身不能单独使用,因为其属于一种脚本语言,受到了很多方面的限制。这种语言做一些前端的特效效果会比较好,例如字体的滚动效果、按钮的滑动、放大与缩小,以及将按钮制作成漂亮的图形按钮等等,增加了用户与网页的交互性。其具有简单性、安全性、动态性、跨平台性,有效提升了动态网页设计便捷性。HTML5语言是在HTML的新版本,相较于HTML语言,HTML5语言增加了许多标签,更利于开发者开发网站,其具有摆脱对平台的依赖、实时更新、离线使用、代码更加安全、跨平台以及充分利用Native等优势。CSS3相比较于CSS,提供了一系列强大功能,如诸多新的CSS属性包含了文字、布局、颜色等,以及在特效、动画、元素变换等方面的新功能。这些新功能使得网站变得更易维护,在性能上也得到了提高。

三、“互联网+”时代电商网页界面设计的改进策略

伴随着“互联网+”时代的不断推进,人们对于电商网页界面的设计要求也越来越高,不仅要求功能上比较齐全,而且还需要界面美观、友好,这给网页界面设计人员相当大的压力。只有根据实际情况作出适当的调整,针对性地解决问题,有意识地去改变,才能够作出比较好的电商网页。

(一)根据用户选择不同的框架。目前,在电商网页框架的选择上一般都是静态的,编程人员基本上是把很早就设计好的框架直接拿过来用,使得网页设计的灵活性较差,导致设计出糟糕的界面。为了解决这个问题,最好的解决办法首先是充分与用户进行交流,掌握用户的需求,对用户的需求进行充分分析,形成书面材料。在设计过程中,适当应用javascript进行框架的设计,增加网页的动态功能。把设计好的架构及时给用户,让用户在看了之后有什么反馈的意见,再针对用户的意见进行修改,再次提交给用户,直到用户满意为止。

(二)根据用户的喜好推荐内容。在界面设计的时候,很多时候我们都会设计通知,或是新闻模块,或是其他推荐模块。这些模块的设计初衷就是要让大家了解最新的消息。很多时候,用户并不喜欢这些推荐的内容,在打开网页的时候就直接去功能模块了。为了解决这个问题,可以针对用户的喜好进行模块内容的选择。比如根据用户画像来确定用户的爱好标签,再利用深度学习的技术去筛选信息,将客户比较偏爱的内容从数据库中推荐给用户,这样用户在打开网页主界面时就会关注网页的推荐模块,增强用户对网站的了解。

(三)采用新的技术。前面提到过,当前的很多网页技术比较落后。为了解决这个问题,可以选择主流的java语言,以及python语言进行程序编写,java是当前的主流编程语言,可移植性非常好,设计的网页效果良好,并且也适用于windows、Linux系统,以及可以在三个主流的数据库上进行数据连接,应得到充分的推广和应用。python是后起之秀,是未来的主打技术。python可以利用深度学习的技术,例如全连接神经网络、卷积神经网络、长短时记忆网络、生成式对抗网络等。此外,用python编写的程序还可以与pytorch和tensorflow框架结合,再利用GPU,提升的效果非常明显。这可以设计出很多精美的大型网站。此外,html5也是当前做网页用得比较多的,也可以将html5的最新标签技术运用到网页的设计中,尤其是提升网页的动态设计效果,给用户呈现不一样的画面,给用户全新的体验。

四、结语

在“互联网+”时代下,电子商务已经成为众多学者研究的热点,如何在“互联网+”时代下设计出精美绝伦、功能齐全、并且与时俱进的电子商务网页是研究的重点与难点。本文以电子商务网站界面设计为研究对象,立足于通过阅读大量的与电子商务网站相关的文献,以及在电子商务网站优缺点的归纳总结、分析比较的基础上,详细地对互联网时代电子商务的概念进行了简要的描述,并且提出了电商网站在设计时的原则。文章首先从框架设计不够合理、色彩搭配不够美观、内容不够新颖、技术比较落后四个方面,分析了“互联网+”时代下电商网页界面设计存在的问题;其次针对这些比较典型的问题,提出根据用户选择不同的框架、注重色彩的均衡、根据用户的喜好推荐内容、采用新的技术等举措,其目的是推动“互联网+”时代下电商网站的设计的发展,使得网页的界面设计更受用户欢迎,进而推动国民经济的发展。

参考文献:

[1]邹凯茵.基于互联网时代中职电商美工设计基础课程教学探索[J].现代职业教育,2020(37):36-37.

[2]陈伟民,王凡.互联网经济下家电企业价值管理研究—以九阳为例[J].电子商务,2020(09):16-18.

作者:王池美慧 单位:河南经贸职业学院