论电商在线展示设计的布局形式 艺术设计专业

论电商在线展示设计的布局形式摘要 随着时代和科学技术的发展，计算机信息技术的不断普及，人类进入了网络信息化时代。至此电子商务与人们的生活发生了关联，如网络销售、网络课程、网上购物、网络信息交流等越来越受到人们的钟爱。本文首先针对电商发展趋势进行分析，论证电商发展是时代的需求；其次对电商在线展示设计布局进行调研、分析，并找出目前电商在线展示设计的布局存在的不足之处，针对不足之处提出有建设性的布局形式设计，并结合现代科学技术，营造出具有三维展示空间的立体展示画面，使受众有如身临其境之感。【关键词】：电商 ； 展示设计 ；空间；虚拟技术On online display design of electricity suppliers Layout formAbstractWith the development of times and science and technology, the growing popularity of computer information technology, humanity has entered the era of network information. Internet has already come into peoples life, such as sales network, network curriculum, online shopping, exchange of network information and so on. Firstly, this paper for the electricity supplier development trend analysis; secondly to online business display layout design research, analysis, and find out the online business display design the layout of the existing problems, for example, and find out some business online display layout design better cases were analyzed and compared.【Key words】: electricity suppliers; display design; space; virtual technology目 录引言.1一.电商的发展状况.1（1） 电商的概念.1（2） 电商的发展趋势和市场需求.2二.电商在线展示布局存在的问题.2（1） .在线展示布局的色彩搭配不协调.3（2） 在线展示布局空间的不合理.3（3） 在线展示布局构图的单一化.4三.电商在线展示设计的布局形式规划.5（1） 展现商品图形的艺术美感.6（2） 体现布局的节奏及韵律感.6四.营造三维展示的用户体验.7（1） .虚拟技术与电商在线展示的关联性.7（2） 三维展示与电子商务的结合.8（3） 三维展示设计对电商发展的重要性.9五.结语.106. 参考文献.11引言电子商务已经发展近20年之久，正在逐渐的改变着人们的生活消费方式和经营理念，成为大多数人们所接受甚至受到赞誉的新的经济活动方式。伴随着电子商务的不断的发展，对相关的技术性人才也呈现巨大的需求。当前众多高等院校都已纷纷开设电子商务专业及展示设计专业。但是随着电子商务的快速发展与市场的细分，电子商务与展示设计发生了关联，故作为该专业方向人才的培养不能仅局限于理论性和技术性，更要注重实践的作用。基于此为了使电商的发展更长久，作为电商在线销售的展示形式，应表现出其审美性、独特性，并结合现代虚拟技术给消费者以实景体验的感觉，使其越来越受到消费者的青睐。1、 电商的发展状况 1.1电商的概念 随着科学技术的发展，互联网早已进入人们生活的各个领域，以前也许我们要购买一件商品就要到相应的采购中心也就是通常说的百货店、超市等等。而现在由于网络技术的发展，我们可以足不出户的实现。例如我们通常所说的网上购物，像淘宝、京东、聚美优品等都属于电商的范畴。电子商务 敬佳琪.当前电子商务发展趋势及需求特点研究J.中国商贸，2014年34期 封杨帆.O2M移动互联网时代的商业模式M.北京：机械工业出版社，2015年3月通常是指在全球各地广泛的商业贸易活动中，在因特网开放的网络环境下，基于浏览器服务器应用方式，买卖双方不谋面地进行各种商贸活动，实现消费者的网上购物、商户之间的网上交易和在线电子支付以及各类商务活动、交易活动、金融活动和相关的综合服务活动的一种新型的商业经营模式。 电子商务是利用微电脑技术和网络通讯技术进行的商务活动。1.2电商的发展趋势和市场需求电商在国内的发展大致可以分为五个阶段分别是：起步期（19901993）、雏形期（19931997）、发展期（19982000）、稳定期（20012009）、成熟期（2009至今）。从国内电子商务的发展历程我们可以很明确的看到电子商务已经进入了成熟期。电商的发展为世界带来翻天覆地的变化，同时也带来了很多年轻人创业就业的机会。“根据中国电子商务研究中心2013年度中国电子商务市场数据监测报告数据显示，中国电子商务市场交易额达到8.2万亿，同比增长了29.9。” 中国电子商务研究中心.2013年中国电子商务市场数据监测报告J.2014年3月或许你对这一数据可能还是比较陌生的，而对于阿里巴巴应该是我们所熟知的。如图1-1阿里巴巴在在2009年的“双十一”销售额是9千万元，到2013年的时候增长到350亿元，而在2015年的时候阿里巴巴的销售额已经突破900亿元。另外随着近些年来政府大力支持企业用户利用电子商务平台展开国际贸易，建设电子商务示范基地，对推动电子商务产业的发展起到了积极的作用。现在随着网购因其购物的便捷性和经济性吸引了更多的人加入究其原因是因网购的选择广、价格经济、搜索快、24小时营业的特性与实体店相比具有极大的优势。当然随着网购机制的不断完善，消费者权利、权益不断增强，物流速度的提升和安全的保障，还有网购消费者对网上交易平台的信任不断增强，这些都促使了在未来电商的发展前景更辉煌。图1-1（图片来源：百度搜索）二 、电商在线展示布局存在的问题2.1电商在线展示布局的色彩搭配不协调随着互联网和手机上网功能的不断增强，许多年轻人纷纷选择了网上开店，如淘宝、微店等等。不过对于刚入行的创业者来说，怎么样将自己的产品销售量提升起来，这是一个难点。当然我们可以从中发现，许多网店在线展示形式存在不足，其中在店铺展示的色彩搭配就是一个突出的方面。终所周知所谓的色彩搭配就是将不同颜色结合在一起，并能起到刺激视觉注意力、美化展示空间的作用。其实在电商展示中主要表现是在店铺的装修时使用的主体色、辅助色、点缀色的混乱搭配。如图2-1所示，这是一家淘宝店铺主要商品是收纳盒，我们可以从图片中发现，整张图片没有统一色调，颜色虽然丰富但缺乏主次感，给消费者的第一感觉就是杂乱。在背景选择颜色上缺乏统一性，还有在展示的商品中也缺乏利用色彩衬托主体物。电商在线展示布局中色彩的搭配有重要的作用，它不仅能增强视觉效果，而且是促进电商在线产品销售的重要因素之一。电商展示布局色彩搭配主要分为主体色、辅助色、点缀色。如图2-2所示，方太淘宝旗舰店铺在线展示主体色彩为红色，辅助色为白色，其点缀的颜色为黄色。从整体上可以很清晰的看出是以红色为主色调，在白色、黄色的辅助点缀的作用下，形成了统一具有视觉效果冲击的作用，更好的衬托了产品的形象。 图2-1 收纳盒 图2-2 方太电器 （图片来源：百度） （图片来源：百度）2.2电商在线展示布局空间不合理 对于网购消费者来说，如何能到网上选取自己喜欢的商品。首先是对想要购买的商品有一定的了解，甚至有些人还会到相应的实体店去对实物考察，包括产品的性能、价格、尺寸等等；其次在商家店铺中会去看商家陈列出来的商品照片、颜色、尺寸、价格等。然而在我们日常在线购物的时候往往会发现一些卖家展出的一些产品画面让我们感觉缺乏立体感和真实感。很多卖家在自己店铺中展出的一些商品照片，就只单独提供一张正面的或者俯视的产品图片，而且图片在经过处理后往往没有空间感，就只是一个产品某个角度的形状、颜色。 如图2-3该店铺是销售珍珠产品的微店，从这张图片中我们可以很直观的看到，卖家所提供的产品的图片信息只有一张俯视的产品信息图片，完全没有布局空间感觉，而且图片还是未经处理过的。当我们在浏览的时候完全看不到产品的整个尺寸，这就会影响消费的认知度。 图2-3（图片来源：百度） 2.3电商在线展示布局单一化众所周知，要想拍摄一张好的图片，必须要有合理的构图。新颖的构图是评价一张好的图片或者艺术绘画作品的第一要素。因此在电商展示商品时所陈列的照片也是需要合理的恰当新颖的构图，但是在目前的电子商务市场上，很多卖家会轻视这一点。他们往往在意的是图片的数量和商品的价格，并不注重展示产品的照片构图合理性和创新性。所以对于一些卖家为什么在他们陈列出许多商品照片和压低商品价格，同时却没有收到销售量提升的效果。原因其实就是在于他们没有注重商品在线展示的形式美感，构图单调、呆板。 图2-4 天梭旗舰店 （图片来源：百度 ）如图2-4天梭手表专卖网店，通过图片我们可以直观的看到，陈列的照片布局完全一样-居中对称 ，只是我们可以看到的是不同的系列的产品和不同价格的。这种呆板的构图形式缺乏一种创新，吸引不了消费者的注意力，尽而不能对消费者产生诱惑，是不被消费者所认可的产品。那么怎样才能做到构图不单一、新颖呢？要做到布局不单一、新颖，首先在设计构图上做到不呆板，打破常规束图2-5 （图片来源：百度） 图2-6 （图片来源：百度）缚的布局形式，给消费者有一种新鲜感。当然好的页面构图能够让版面更为出彩，也能让你做设计事半功倍，当然一个好的构图更能吸引消费者的眼球。 如图2-5、2-6：这两张图使用了组合切割的构图方法，集中而规律的排列，从整体上抓住了人们的视觉中心。这种构图方式将每个区域中的内容都平等的划分，更能充分体现商家对自己产品的宣传和介绍。这种组合切割方式的构图新颖，却又不影响消费者对产品的了解，对产品的销售起到了一定的效果。三：电商在线展示设计的布局形式规划3.1展现商品图形的艺术美感 随着现代科技的不断发展，人类生活节奏的加快和信息交流频繁，图片形式以更具有视觉冲击力的强势改变了人类获取信息资源的方式，也宣告了读图时代的到来，电商在线经济在很大程度上成为了一种“眼球经济”。 李艳.具有现代美感的图形特点J.广西艺术学院报.2007年8月怎样能在充沛的信息潮流中显露自己？图形的意义又如何才能蕴含一个时代的文化和艺术特点，并随着时代的发展越来越强势，使其在电商展示中充分凸显出来，值得设计者认真思考。依据格式塔的完形心理理论，在大脑知觉组织活动作用下，以最规则和简单、明确的“格式塔”形式，最能引人注意，也是最具愉悦感，被称为好的“格式塔”，凡是符合此要求的视觉意象，就是“美的意象”。 徐晨.浅谈平面设计中的节奏与韵律J.苏州大学艺术学院.2010年9月依据这一理论我认为最易产生图形艺术美感应该是将整体统一化、简单化。如今人们的生活节奏正在逐渐加快，而在如此快节奏的生活中我们还经常受到很多垃圾文字、图片、视频等的骚扰，想要在清静的社会环境中去消费已经难能可贵，更不奢望在这嘈杂混乱的生活中去寻找、欣赏美的事物。在电商发展中也存在着同样的问题。一些商家为了能够推出更多的产品，在店铺展示商品页面中绞尽脑汁的增加商品的种类，竭尽可能添加商品信息，以博得消费者的青睐。而往往这种只把利益看在第一位的商家往往事倍功半。要想得到消费者对产品的青睐，首先作为在线展示电商而言，需要尽可能的吸引消费者的眼球。因此在展示商品图片、信息等，需要展示出一种统一、简单较为被大众认可的二维布局。而这种统一、简单的二维布局模式有时候正是消费者所需求的，认可的一种审美观念。如图3-1我们可以直观看出主要展示的产品颜色、产品的型号、价格等。这种简单、统一的图片让消费者能够图3-1（图片来源：百度）很快看到展示产品的信息，不需要在去仔细阅读寻找其需要的信息，节省了大量时间去浏览更多的产品。正是这种简单、明了、大方的图形美感能让消费者更为轻松愉悦的浏览。3.2体现布局的节奏及韵律感 节奏和韵律这两个词语本来是应用在音乐中，在这里却被用来形容布局的视觉感受，在某种程度上，有时候听觉和视觉是可以互相转化的，转换的关键纽带就是布局中的虚实、疏密的设计安排，从而使得平静的二维画面的世界产生了视觉的冲击和动感。在线电商展示二维布局，其实可以理解是指在平面图形中的排版设计。商家为了吸引客户眼球增加关注度，提升销量。在线展示商品图片遵循艺术设计的法则，对展示的图片进行前期的研究、分析，最终设计出具有视觉冲击力的展示效果。并在布局中体现出节奏和韵律感。在二维平面展示布局中，反复利用色彩、点、线、面等元素体现韵律和节奏感，将二维平面中的呆板画面，变得生动而富有生命感。在二维平面设计的作品中，不同的表现方式提供了画面不同的效果，造成了一定的“节奏感”和“韵律感”，从而使得二维平面的静态有了生机，产生了动感。 周自强、李木军.基于Web的产品虚拟展示方法发展现状J.2008年5月动感的体现就是画面中的图片、色彩所展示的节奏和韵律的搭配。如图3-2所示，乐天在线不再以单一的商品进行展示，而是利用产品原型进行组合式排列展示， 图3-2 （图片来源：百度）这种组合排列的展示方式虽然不够新颖独特，却能够在二维平面布局中，体现出其节奏和韵律感。比起单一的商品在线展示，它赋予了二维平面布局新的生命。 4.营造三维展示的用户体验4.1虚拟技术与电商在线展示的关联性虚拟技术是21世纪信息技术的代表，目前是各个国家研发的一项新技术。虚拟技术起源于美国，并成为该技术的发达国家。虚拟技术应用到各大领域包括了军事、武器装备、航天、医学、电子商务等等。而在商业领域，虚拟信息技术主要应用于产品的陈列推销。虚拟技术的特征有三大点：沉浸性、交互性、想象性。 浅析产品设计中虚拟现实技术J.中国学术期刊网如图4-1、4-2所示，虚拟三维技术运用到电商展示行业，对消费者而言可以如身临其境的感受到购物的快感。 图4-13d虚拟汽车 （图片来源：搜狗） 图4-2 3d模拟驾驶（图片来源：搜狗） 虚拟技术在电子商务展示过程中是一个全新的展示形式。电子商务的产品虚拟展示，从现实效果上来说可以分为二维方式和三维立体方式两大类，二维虚拟技术的应用开始于互联网的出现，我们常见的图像格式如GIF、JPG等，就是这的是二维的虚拟技术。 郭建文、荆建军.工程制图教学中虚拟现实的应用M.山东：山东工业技术出版社.2014年它是目前电子商务在线展示的运用的最为普遍的方式，具有快速显示的优势，但只能提供平面效果，从某个角度去观察商品而无法从多个角度去观察产品的功能、外观等。像国内应用二维虚拟技术最为广泛的是C2C购物网站淘宝网图4-3，它也是亚洲最大的C2C在线购物网站。图4-3（图片来源：百度） 在电子商务与虚拟技术融合之后，电子商务得到了空前的发展。同时改善了以前的商业模式，能够更好的满足消费者的需求。虚拟技术的应用，使得传统的电子商务具有更强大的生命力。有了虚拟技术和强大的宽带网络的支持，在线购物者能够像亲临实体店般，让消费者可以切身体验感受商品的信息。随着近些年来计算机技术的发展，出现新兴的虚拟技术。以前在电子商务的经济活动中基本采用的是二维的图片进行商品的展示，并加以文字的辅助说明等，从而导致消费者对商品的功能了解较少，使得消费者对购物的兴趣减弱，从而降低了网上商务交易的重功率。自虚拟技术研发成功以来，各大电子商务的商家将虚拟技术与电子商务相结合。虚拟技术的应用使得在线购物的消费者能够更全面的了解商品的功能、形状等，同时也解决了真实感对电子在线消费的影响制约，对在线消费营销的效果上起到了巨大的效果。4.2三维展示与电商的结合 在三维方式的电商在线商品虚拟展示中，又可以分为假三维（基于图像VR技术）和真三维（基于图形VR技术），基于图像VR技术之一三维全景图想技术来展示商品就属于假三维，因为它本质上是由若干个单幅图像绘制生成模拟真实商品。 Xianmei Jiang,Xiaoqiang Hu,Ling He The Application of AI in the Game Engine of Virtools,IEEE In Tech，09.2009.1921它只是通过专门开发的浏览器插件形成了一定的三维效果。三维全景图像则是利用专业的摄像机对产品进行多个角度的拍摄，然后使用专业的软件对所拍摄的图像进行无缝缝合生成特殊的文件，最终它可以在专门的软件中显示出商品的三维效果。如图4-4是必要网上的一个行李箱的全景图展示页面，并允许消费者操纵图像的功能：旋转、放大、缩小、移动。图4-4行李箱 （图片来源：必要网）这种技术的发明与应用非常适合电子商务产品虚拟展示。三维虚拟技术展示的特点：360度无死角直观、真实感强、高清场景、体验性强、可操纵性能好等。4.3三维展示设计对电商的重要性电子商务随着互联网的快速发展而崛起，消费者与供应者之间的交易方式也发生了改变，以前只能在商场购买的商品现在可以在网上订购，这是互联网发展所赋予的，是人类社会的进步。但是如今的网上商品的展示以二维平面为主要方式，这种方式的弊端就是在于不能使商品的结构得到全方位的展示，在商品功能方面也不能通过此方式让消费者清晰。三维技术技术与电商的结合，实现了商品在线展示的立体可视化、真实化、全面化，具有二维平面不可比拟的优势。三维展示与电子商务的结合，使得消费者能够全方位的了解商品的形体、功能等。如图4-5所示，必要商城BURBRRY工作室在线展示商品，运用三维技术让消费者可以任意对所展示眼镜进行颜色和角度更换，也可以在下载其专门软件情况下进行虚图4-5 眼镜在线展示 （图片来源：必要商城）拟眼镜试戴，让消费者可切身体会产品。此技术的运用与二维技术相比，三维展示与电子商务的结合使得在线消费者对产品的真实性的更为信赖。同时消费者对产品有了更全面的认知，增大了购买的机率，为电子商务的销售者带来更多的利润，从而推动着电子商务的发展。 蒋先梅.基于虚拟现实技术的电子商务展示平台的研究与实现J.江西科技师范学院五：结语 随着人类社会的发展，互联网技术不断更新发展，网络营销、网络消费逐渐替代了传统的购物方式。作为信息技术的范畴，电子商务正在成为国家未来经济新的增长点。电子商务的不断强大的发展，促使电商在线展示布局模式的改变。以前的二维展示，只能提供商品的一些外观的信息，远远不能满足消费者对商品自身的功能和结构的要求。而三维技术的不断发展、发达，对电商在线商品展示从视觉、听觉打破二维的展示布局形式，以富有动感的艺术画面让消费者从购物中体验乐趣。笔者认为这种改变是时代的进步，是科技发展的成果。在电子商务竞争日益激烈的今天，在线消费者的审美要求在不断提高，作为电子商务的需求依据技术与消费者的审美观念在商品展示布局中有新突破。总而言之，作为一种新型的商务活动过程，电子商务将带来史无前列的革命，其对社会的影响远远超过商务本身，还将对就业、文化教育以及法律制度等带来巨大的影响。电子商务将会将人类真正的带入信息社会。参考文献1敬佳琪.当前电子商务发展趋势及需求特点研究J.中国商贸，2014年34期2封杨帆.O2M移动互联网时代的商业模式M.北京：机械工业出版社，2015年3月3中国电子商务研究中心.2013年中国电子商务市场数据监测报告J.2014年3月4李艳.具有现代美感的图形特点J.广西艺术学院报.2007年8月5徐晨.浅谈平面设计中的节奏与韵律J.苏州大学艺术学院.2010年9月6周自强、李木军.基于Web的产品虚拟展示方法发展现状J.2008年5月7浅析产品设计中虚拟现实技术J.中国学术期刊网8郭建文、荆建军.工程制图教学中虚拟现实的应用M.山东：山东工业技术出版社.2014年9Xianmei Jiang,Xiaoqiang Hu,Ling He The Application of AI in the Game Engine of Virtools,IEEE In Tech，09.2009.192110蒋先梅.基于虚拟现实技术的电子商务展示平台的研究与实现J.江西科技师范学院第 12 页 共 11页