电子商务网站页面设计中设计技术与风格的改进

　　摘    要：　电商网页设计是在保证基本商业功能基础上,将多样化的视觉形式和趣味性的互动体验融入网页设计中，使人们形成更为良好的视觉享受。电商网页设计作为线上销售的主要视觉表现形式，兼容了多种优势,是将技术与艺术完美融合的设计种类。随着时代的发展，网上购物已经成为了人们日常生活中的一部分，人们对电商网页设计的审美追求越来越高。这就要求网页设计师要对界面进行一定的优化。本文先对电商网页设计中的风格变化进行了详细的分析，并由此总结归纳出相应技术的变化。

　　关键词：　网页界面设计; 技术; 插画风格; C4D建模;

　　网络的推进使经济发展更为迅速。当前互联网不仅被人们普遍接受，而且从深层次影响着人们的生活、消费的方式。网络技术发展到现在其本身已成为了一种文化符号。网上购物作为网络文化中的重要部分，已经完全进入了人们的生活。进行网上购物就避免不了对电商网页界面的接触。电商网页视觉效果的好坏将直接影响到店面的访问量，而访问量又影响了商品的销量，由此可见网页美化的重要性。而且时代的快速发展也决定了电商网页界面必须与时俱进，并不断创新。现阶段，电商网页设计在视觉展现方面已经取得了长足的发展，但仍然存在着一定的缺陷和不足。通过对网页风格与技术的优化，可以极大的提高网页的视觉表现效果，为受众提供良好的视觉体验。电商网页设计在技术领域还有很大的发展空间。

　　1. 电商网页界面设计简述

　　1.1、 电商网页界面设计概述

　　电商网页界面设计是指以图像、色彩、文字、等视觉元素为基础的并且结合多媒体技术来传达商家的产品信息，完成人机交互的中介。[1]其根本任务就在于满足商业的基本功能的同时将美的视觉形态传达给大众。网页界面的设计范围非常广泛，是视觉与听觉，技术与艺术结合下的产物。网页界面设计是对人机交互、操作逻辑、视觉设计美学等技术进行综合考虑后，为大众提供更好的生活服务与视觉享受的艺术表现形式。界面功能布局的可操作性、界面设计风格的艺术性以及页面整体的审美性都是网页界面要考虑的要素。只有多方位的考虑，设计才能兼顾功能与审美的双重意义，被大众所认可。[2]当今社会，网络购物已经走入了人们的生活的方方面面。各种购物网站层出不穷，电商人数比例逐年上涨。在此背景下，电商网页界面作为线上销售的“门面”，所发挥的作用显得尤为重要。设计师在设计中要充分以消费者为中心，使人们在浏览界面的过程中形成视觉的愉悦感。好的网页设计，可以让人们在刚打开网页的瞬间被整体的设计风格所吸引，抓住人们的眼球，形成感官的美好体验，从而加深消费者对品牌的好感度，使消费者产生消费需求。
 

　　1.2、 电商网页界面设计发展现状

　　近年来，电子商务保持着持续高速发展的态势，以淘宝、苏宁、唯品会等为代表的电商企业规模不断扩大。众多的电商企业也为对我国的经济发展起到了重要的推动作用，在国民经济体系中占据重要比重。相比于现实购物，现在的人们更愿意足不出户在网上完成消费，更加简单便捷。网络购物在人们的生活中所占比重越来越大。仅从近几年双十一总交易额就能看出网络购物的持续热度。天猫双十一购物狂欢节成交额逐年攀升，2019年又突破新高，11月11日0点1分36秒成交额便破百亿，5分25秒突破300亿，并以2684亿的全天成交额完美收官（图1）。

　　图1 近几年天猫双十一总成交额汇总

　　电商产业的繁荣使大众对电商网页界面设计有了更多期待，审美诉求不断提高，愈发体现出电商网页界面设计的重要性。在《注意力购买者》这本书中作迈克尔·戈德海伯就提道，在当今社会，过于繁琐的各类信息充斥着我们生活，人们的注意力才显得极为珍贵。[3]购买行为的发生必然是商品首先要吸引到消费者的注意力。在电子商务这样的单一网页销售方式中，吸引消费者的注意力就显得尤为重要。这就要求设计师在网页设计过程中，不能将所有信息简单的全部塞入网页中，而是要考虑页面的整体感官进行综合设计，使之看上去更加美观，富有设计感。目前很多电商并没有意识到良好的网页界面设计给自己带来的经济利益。如在淘宝、京东、天猫、唯品会等大型电商网站中，只有部分品牌注意对自己网页的进行美化，而大多数店家的网页界面还停留在颜色单一，排版大致相同的传统网页设计上。网页设计严重缺乏自我产品的特色，使消费者对网页的印象并不深刻，从而间接地影响到商品销量。而且目前网络消费中的还有一个明显的特征，那就是其受众者以年轻群体居多。年轻群体接受新鲜事物快，更喜欢个性鲜明的设计。显然，传统单一过分强调功能性的网页设计已经不符合年轻人的心理需要，网页设计风格亟待调整。目前学术界对电商这一领域的网页设计研究涉猎不多，对当下电商网页风格与技术的分析，是一个非常值得研究的方向。

　　2. 电商网页界面设计中设计风格与技术的改进

　　近的两到三年里，平面设计的表现形式一直在不停地更新换代。无论是广告设计，UI设计，还是网页设计，都呈现出多元化的发展新趋势。尤其是大量优秀设计师涌入电商行业后，使电商网页设计水平有了明显的提高。新兴一代网页设计师更加敢于突破传统设计的束缚，创造出更富有心意的网页设计作品。整体界面设计与传统界面相比更加灵活多变，不局限于固有设计思维，综合运用多重技术，使网页设计风格步入了新的发展阶段。传统的电商网页设计多以PS合成技术为支撑，通过对图形和人像的加工处理形成简单直白的网页界面。当前的电商网页设计不在拘泥于对PS软件的开发利用，而是融入了C4D建模,AE动态处理等新技术，使网页风格更加多样，在此大致将其分为两大类，分别为手绘风格网页设计，三维建模风格网页设计。

　　2.1、 插画类电商网页设计

　　图2 TH Royal网页设计

　　插画类电商网页设计即利用现代插画的设计语言去规划网页，使网页界面的风格摆脱以往冰冷、僵硬的设计模式，使整体风格更加生动，表达主题与画面更加融会贯通，增加网页界面的亲和力与趣味性。[4]绘画软件的开发与使用为手绘风格提供了更加全面的技术支持。AI、SAI、Sketch Book等绘画软件的出现，以及手绘板、扫描仪等辅助器材的普及，使网页插画的设计更加快速、便捷，也使插画界面的视觉效果更加美观。在今年的双十一购物节中，众多电商网页设计纷纷使用插画风格。插花网页设计风格以自己丰富的视觉张力，和灵活的内容表达性，成为了双十一网页设计的首选。而且很多店铺为了增强页面视觉效果，还将插画进行了局部动态化的处理，以GIF动图的形式出现在网页界面中，视觉效果更为突出（图2）。

　　2.2 .  C4D建模风格类电商网页设计

　　CAD是由德国研发的三维建模软件，是一款可以实现三维建模、材质添加、灯光渲染等以及模型动态化处理的综合性设计软件。近年来随着电商产业的日益壮大，商家对于差异化设计的要求逐渐加大，C4D以它强大的功能和独特的视觉效果，很快成为了网页设计中的一类潮流趋势。C4D的三维制作效果使网页画面更有立体感和带入感，场景渲染更加生动，色彩层次更加丰富，页面整体视觉效果个性化十足。而且相比于PS,AI等平面软件，C4D处理3D效果更加高效便捷，效果也更逼真生动。对于C4D软件的熟练应用，可以极大提升当代网页设计师的工作效率，在短时间内便可以完成高质量的网页设计作品。同时C4D还可以帮助商家节省了一定的成本。C4D几乎可以实现设计师所想到的任何场景与画面，店家不再需要通过拍摄环节和PS合成技术，就能实现产品与场景画面的完美结合。C4D还擅长处理各种特殊的视觉效果，例如霓虹灯，闪电等动感视觉效果，丰富了网页设计的视觉表现元素。其次C4D还可以轻松实现虚实结合，例如DIESAL手表网页设计中，手表为真实的，背景镭射感的楼梯则是通过场景渲染制作，是虚拟的。楼梯的设计借鉴埃舍尔经典作品中错位楼梯的造型，巧妙的将手表穿插在其中，实现虚实的结合（图3）。

　　图3 DIESAL手表网页设计

　　3. 结论

　　当今社会，我们的生活正朝着数字化的社会转变,电商网页设计作为一种新的视觉表现形式，虽然发展时间不长，但是兼具了多重领域的技术，以自身的独特优势成为了商业宣传的有效的途径。[5]但是随着传播媒体的日丰富，大众在界面浏览上的时间越来越少。如何在短时间内吸引消费者在页面停留，成为了电商网页界面设计的关键。作为当代网页设计师,想要设计出好的网页作品，首先就要保持对新鲜事物的敏感度,敢于打破传统，从新的角度定义网页设计，设计出更加新颖的界面。其次要熟练掌握各种技术手段，更好地服务于设计,技术与艺术的完美融合下，将更好的视觉效果和更优化的用户体验呈现给每一位消费者。从当下国内的电商网页设计来看，依然存在着很多问题。最大的问题在于商家自身的艺术修养与审美水平参差不齐。店家作为网页设计的甲方很大程度的限制了网页设计师的创新，使店家与设计师之间的产生矛盾。而解决这一矛盾的方法在于两方面。一方面让商家学会尊重消费者审美情趣与艺术性需求，更加深入的了解到网页设计的重要性，加大对网页设计的投入。另一方面要通过提升网页设计师的设计水平、设计技巧、以及沟通能力，让店家理解设计的意图，使之接受。目前我国在网页风格与技术领域已经有了一定的发展，使网页设计更加多元化，但是依然有很长的路要走。电商网页设计需要更多技术的融入，使网页设计成为更加多维度的设计产物。

　　参考文献

　　[1]孙沈楠,居全伟.网页界面设计的创新探索[J].科技传播,2017,9(17):78-80.
　　[2]崔宏伟.融合功能性和艺术性的电商类网页设计研究[D].华中师范大学,2016.
　　[3]冯浩煜.基于视觉思维的电商网页界面设计研究[D].西安工程大学,2018.
　　[4]李曼.插画在网页界面设计中的应用价值研究[D].浙江理工大学,2016.
　　[5]吴乃群,史耀军.网页界面设计中视觉传达的解读[J].艺术研究,2007(03):69-70.