浅谈视觉设计在移动电子商务界面上的应用
摘 要：本文主要针对电子商务界面设计中视觉设计相关的理论进行了初步的阐述。鉴于此环节对于整个电子商务店店铺界面设计的影响，正文分别从视觉设计的概念及主要内容、视觉设计在电子商务店铺界面设计中的位置和联系，并对它的主次性，连贯性，整体性及渲染性几个方面进行了简单的论述。
关键词：视觉设计；电子商务；移动界面
视觉设计是针对眼睛功能的主观形式的表现手段和结果。与视觉传达设计的异同，视觉传达设计属于视觉设计的一部分，主要针对被传达对象即观众而有所表现，缺少对设计者自身视觉需求因素的诉求。视觉传达既传达给视觉观众也传达给设计者本人，因此深入的视觉传达研究已经关注到视觉的方方面面感受，称其为视觉设计更加贴切。
电子商务（Electronic Commerce）是利用计算机技术、网络技术和远程通信技术，实现整个商务（买卖）过程中的电子化、数字化和网络化。 在电子商务中的基础和核心是网络营销，电子商务包括了网上营销、线上支付、线下物流等各个环节。而在整个电子商务的环节中，其中最为重要的环节就是网络营销。网络营销是企业营销的组成部分，是以互联网为手段展开的营销活动，是电子商务的基础和核心。其中移动电子商务近年来业务量也开始暴增。移动电子商务店铺界面是电子商务营销中一个比较重要的环节，界面的设计中针对相应的商品的内容可以通过色彩视觉的搭配来深入的立体的展示特色和内涵。所以视觉设计是电子商务界面平台营销推广的一根纽带。
对于移动电子商务界面的视觉设计，下面分成主次性、连贯性、整体性、渲染性四个方面来进行简单的阐述。
首先，对于界面中视觉设计的主次性，每间电子商务店铺中都会有自己的主打商品和近期举行的店铺活动，那么在视觉设计上比较突出艳丽的颜色以及海报设计的位置都要选用在视觉上最容易被察觉的位置和种类，比如，有一款活动海报，海报内容是本月的主打活动，需要进店的所有人能第一时间看到海报内容，所有在海报的视觉位置上来讲，最好选取在每个移动显示屏中上位置，也就是视觉平行的位置是最容易被人看到的地方。关于颜色的选取，比如，如果需要突出某个商品信息的文字内容，可以选用突出鲜艳颜色和字体来做强度，对应不是为主的内容信息，可以用浅色或比较细小的形状来做弱化处理。对于视觉设计我们应该从颜色，形状和位置三个要素入手来分析和设置设计策略，进一步强调和表现设计的主次性。在颜色方面，利用颜色的对比和人在視觉上的连续错觉，可以突出颜色的主次，比如用黑白两色进行设计对比时，白色会更白，黑色会更黑，那么我们只有将其中一种颜色做背景，另外一种颜色来做强调色的话就会达到主次分明的效果。对于形状的利用，在移动界面中，界面比较小，那么对于需要转达的主要信息就应该用满屏的尺寸形状来做，这个可以最大限度地提高主题内容的曝光率。另外对于位置方面，要梯形内容的主次，强调内容的主体位置，就需要将为主的内容放在视平面位置的水平视觉方向，这样就会让人们在看到界面的时候能够第一时间更加轻松的来获取信息，从而提升主次效果。
然后，对于界面中视觉设计的连贯性，每间电子商务店铺中都会有自己的首页和详情链接页面，那么在视觉设计上为了展现店铺的统一性和规范性，一般会选用统一的色调和字体来做连贯性的修饰处理，比如，有一家店铺是以蓝色和黑色为主，白色为辅的配色方案，那么，在主页和链接页面上面就要应用到相同的配饰方案来对不同页面进行设计，再比如，如果店铺里面位置图层视觉上连贯性，以重现店铺的风格映像，在字体字形选择上，在不同的页面也是要选择相同的配比方案的。对于视觉设计我们应该从颜色，形状和位置三个要素入手来分析和设置设计策略，进一步强调和表现设计的连贯性。在颜色方面，利用颜色的相近和人在视觉上的连续错觉，可以突出颜色的连贯性，比如用黄绿两色进行设计对比时，黄色会变成黄绿色，绿色也会受到黄色的影响，那么我们只有将其中一种颜色做背景，另外一种颜色来做烘托色的话就会达到环境氛围连续的效果。对于形状的利用，在移动界面中，界面比较小，那么对于需要转达的配套信息就应该用相同的尺寸形状来做，这个可以最大限度地提高店铺内容的统一性。另外对于位置方面，要体现内容的连贯性，统一内容的位置，就需要将为统一的内容放在相同的类似的位置，这样就会让人们在看到界面的时候能够第一时间更加轻松的感觉到信息的连贯和统一，从而提升连贯效果。
再有，对于界面中视觉设计的整体性，每间电子商务店铺中如果能将商品的视觉元素和店铺的装修风格相统一，那么在视觉设计上可以给人一种购物环境，能激发人的购物欲望，比如，有一款活休闲饼干，主打的包装设计是针对儿童和年轻人群，那么，在店铺的整体视觉效果在颜色方面就要选择清新活泼的颜色来呼应，另外，选用的装修素材图片也要选用活泼的主题为主的内容。再比如，如果商品主打是高端简约的衣服，那么我们就要选用简单的颜色并附有细节的视觉设计来突出。对于视觉设计我们应该从颜色，形状和位置三个要素入手来分析和设置设计策略，进一步强调和表现设计的整体性。在颜色方面，利用颜色的相近相同的配色方案和人在视觉上的连续性，可以突出颜色的整体性，比如用黄绿黑三色进行设计方案时，所有界面都使用同样的配色方案，颜色的整体的影响，那么我们只有将其中一种颜色做背景，另外一种颜色来做烘托色，第三种颜色做主体色的话就会达到环境氛围连续的整体效果。对于形状的利用，在移动界面中，界面比较小，那么对于需要转达的配套信息就应该用相同的尺寸形状来做，这个可以最大限度地提高店铺内容的统一性。另外对于位置方面，要体现内容的整体性，统一内容的位置，就需要将为统一的内容放在相同的类似的位置，这样就会让人们在看到界面的时候能够第一时间更加轻松的感觉到信息的统一，从而提升整体效果。
最后，对于界面中视觉设计的渲染性，电子商务店铺界面设计中，在视觉上的提升主要是渲染购物环境，激发购物欲望，商品的视觉元素和店铺的装修风格已经店铺整体的营销方向相统一，那么在视觉设计上就会加强整体的视觉效果，并能加强客户对店铺的购物印象，可以为购物增加体验，能激发人的二次购物欲望。对于视觉设计我们应该从颜色，形状和位置三个要素入手来分析和设置设计策略，进一步强调和表现设计的连贯性。在颜色方面，利用颜色的相近相似和人在视觉上的相对错觉，可以突出颜色的渲染性，比如用灰白两色进行设计对比时，灰色会变成更灰的色，白色也会受到灰色的影响，那么我们只有将其中一种颜色做背景，另外一种颜色来做烘托色的话就会达到环境氛围连续的效果。对于形状的利用，在移动界面中，界面比较小，那么对于需要转达的配套信息就应该用相同的尺寸形状来做，这个可以最大限度地提高店铺内容的统一性。另外对于位置方面，要体现内容的连贯性，统一内容的位置，就需要将为统一的内容放在相同的类似的位置，这样就会让人们在看到界面的时候能够提升空间环境的内容渲染，从而提升整体的视觉效果。
视觉设计在移动界面设计中的应用从颜色、形状和位置设置上面可以增强界面的主次性、连贯性、整体性、渲染性。从而提升购物体验，激发购物欲望，增强营销效果，所以，视觉设计原理在电子商务界面中的应用必不可少。
作者简介
汤婵，广东技术师范学院天河学院，湖南，多媒体应用设计师，研究方向：多媒体软件应用方向。
关键词：视觉设计；电子商务；移动界面
视觉设计是针对眼睛功能的主观形式的表现手段和结果。与视觉传达设计的异同，视觉传达设计属于视觉设计的一部分，主要针对被传达对象即观众而有所表现，缺少对设计者自身视觉需求因素的诉求。视觉传达既传达给视觉观众也传达给设计者本人，因此深入的视觉传达研究已经关注到视觉的方方面面感受，称其为视觉设计更加贴切。
电子商务（Electronic Commerce）是利用计算机技术、网络技术和远程通信技术，实现整个商务（买卖）过程中的电子化、数字化和网络化。 在电子商务中的基础和核心是网络营销，电子商务包括了网上营销、线上支付、线下物流等各个环节。而在整个电子商务的环节中，其中最为重要的环节就是网络营销。网络营销是企业营销的组成部分，是以互联网为手段展开的营销活动，是电子商务的基础和核心。其中移动电子商务近年来业务量也开始暴增。移动电子商务店铺界面是电子商务营销中一个比较重要的环节，界面的设计中针对相应的商品的内容可以通过色彩视觉的搭配来深入的立体的展示特色和内涵。所以视觉设计是电子商务界面平台营销推广的一根纽带。
对于移动电子商务界面的视觉设计，下面分成主次性、连贯性、整体性、渲染性四个方面来进行简单的阐述。
首先，对于界面中视觉设计的主次性，每间电子商务店铺中都会有自己的主打商品和近期举行的店铺活动，那么在视觉设计上比较突出艳丽的颜色以及海报设计的位置都要选用在视觉上最容易被察觉的位置和种类，比如，有一款活动海报，海报内容是本月的主打活动，需要进店的所有人能第一时间看到海报内容，所有在海报的视觉位置上来讲，最好选取在每个移动显示屏中上位置，也就是视觉平行的位置是最容易被人看到的地方。关于颜色的选取，比如，如果需要突出某个商品信息的文字内容，可以选用突出鲜艳颜色和字体来做强度，对应不是为主的内容信息，可以用浅色或比较细小的形状来做弱化处理。对于视觉设计我们应该从颜色，形状和位置三个要素入手来分析和设置设计策略，进一步强调和表现设计的主次性。在颜色方面，利用颜色的对比和人在視觉上的连续错觉，可以突出颜色的主次，比如用黑白两色进行设计对比时，白色会更白，黑色会更黑，那么我们只有将其中一种颜色做背景，另外一种颜色来做强调色的话就会达到主次分明的效果。对于形状的利用，在移动界面中，界面比较小，那么对于需要转达的主要信息就应该用满屏的尺寸形状来做，这个可以最大限度地提高主题内容的曝光率。另外对于位置方面，要梯形内容的主次，强调内容的主体位置，就需要将为主的内容放在视平面位置的水平视觉方向，这样就会让人们在看到界面的时候能够第一时间更加轻松的来获取信息，从而提升主次效果。
然后，对于界面中视觉设计的连贯性，每间电子商务店铺中都会有自己的首页和详情链接页面，那么在视觉设计上为了展现店铺的统一性和规范性，一般会选用统一的色调和字体来做连贯性的修饰处理，比如，有一家店铺是以蓝色和黑色为主，白色为辅的配色方案，那么，在主页和链接页面上面就要应用到相同的配饰方案来对不同页面进行设计，再比如，如果店铺里面位置图层视觉上连贯性，以重现店铺的风格映像，在字体字形选择上，在不同的页面也是要选择相同的配比方案的。对于视觉设计我们应该从颜色，形状和位置三个要素入手来分析和设置设计策略，进一步强调和表现设计的连贯性。在颜色方面，利用颜色的相近和人在视觉上的连续错觉，可以突出颜色的连贯性，比如用黄绿两色进行设计对比时，黄色会变成黄绿色，绿色也会受到黄色的影响，那么我们只有将其中一种颜色做背景，另外一种颜色来做烘托色的话就会达到环境氛围连续的效果。对于形状的利用，在移动界面中，界面比较小，那么对于需要转达的配套信息就应该用相同的尺寸形状来做，这个可以最大限度地提高店铺内容的统一性。另外对于位置方面，要体现内容的连贯性，统一内容的位置，就需要将为统一的内容放在相同的类似的位置，这样就会让人们在看到界面的时候能够第一时间更加轻松的感觉到信息的连贯和统一，从而提升连贯效果。
再有，对于界面中视觉设计的整体性，每间电子商务店铺中如果能将商品的视觉元素和店铺的装修风格相统一，那么在视觉设计上可以给人一种购物环境，能激发人的购物欲望，比如，有一款活休闲饼干，主打的包装设计是针对儿童和年轻人群，那么，在店铺的整体视觉效果在颜色方面就要选择清新活泼的颜色来呼应，另外，选用的装修素材图片也要选用活泼的主题为主的内容。再比如，如果商品主打是高端简约的衣服，那么我们就要选用简单的颜色并附有细节的视觉设计来突出。对于视觉设计我们应该从颜色，形状和位置三个要素入手来分析和设置设计策略，进一步强调和表现设计的整体性。在颜色方面，利用颜色的相近相同的配色方案和人在视觉上的连续性，可以突出颜色的整体性，比如用黄绿黑三色进行设计方案时，所有界面都使用同样的配色方案，颜色的整体的影响，那么我们只有将其中一种颜色做背景，另外一种颜色来做烘托色，第三种颜色做主体色的话就会达到环境氛围连续的整体效果。对于形状的利用，在移动界面中，界面比较小，那么对于需要转达的配套信息就应该用相同的尺寸形状来做，这个可以最大限度地提高店铺内容的统一性。另外对于位置方面，要体现内容的整体性，统一内容的位置，就需要将为统一的内容放在相同的类似的位置，这样就会让人们在看到界面的时候能够第一时间更加轻松的感觉到信息的统一，从而提升整体效果。
最后，对于界面中视觉设计的渲染性，电子商务店铺界面设计中，在视觉上的提升主要是渲染购物环境，激发购物欲望，商品的视觉元素和店铺的装修风格已经店铺整体的营销方向相统一，那么在视觉设计上就会加强整体的视觉效果，并能加强客户对店铺的购物印象，可以为购物增加体验，能激发人的二次购物欲望。对于视觉设计我们应该从颜色，形状和位置三个要素入手来分析和设置设计策略，进一步强调和表现设计的连贯性。在颜色方面，利用颜色的相近相似和人在视觉上的相对错觉，可以突出颜色的渲染性，比如用灰白两色进行设计对比时，灰色会变成更灰的色，白色也会受到灰色的影响，那么我们只有将其中一种颜色做背景，另外一种颜色来做烘托色的话就会达到环境氛围连续的效果。对于形状的利用，在移动界面中，界面比较小，那么对于需要转达的配套信息就应该用相同的尺寸形状来做，这个可以最大限度地提高店铺内容的统一性。另外对于位置方面，要体现内容的连贯性，统一内容的位置，就需要将为统一的内容放在相同的类似的位置，这样就会让人们在看到界面的时候能够提升空间环境的内容渲染，从而提升整体的视觉效果。
视觉设计在移动界面设计中的应用从颜色、形状和位置设置上面可以增强界面的主次性、连贯性、整体性、渲染性。从而提升购物体验，激发购物欲望，增强营销效果，所以，视觉设计原理在电子商务界面中的应用必不可少。
作者简介
汤婵，广东技术师范学院天河学院，湖南，多媒体应用设计师，研究方向：多媒体软件应用方向。
