网店视觉系统设计论文

网店视觉系统设计论文目录 摘要： 1.1选题研究背景 1.2选题研究意义 2.1店铺装修的作用 2.1.1网店装修要注意的问题 2.2网店装修的一般流程 2.2.1店名的重要性 2.2.2店铺装修的风格 3.1店标的设计与分析 3.2店招的设计与分析 3.3导航的设计与分析 3.4首页的设计与分析 3.5首页海报的设计与分析 3.6网店宝贝的详情页设计与分析 阳江职业技术学院信息工程系，阳江529566 摘要：近年来，随着我国网络技术普及率的日益提高，通过网络进行 购物、交易、支付等的电子商务新模式发展迅速。网上购物成为了人们的 消费主要途径之一，网上购物的兴趣带来了巨大的网络商机。人们纷纷加 入到网上开店的行列中。梦想成为成功的网上淘金客。店铺装修成为了重 中之重的必胜法宝。店铺装修可以有效地增加顾客的回头率以及提升产品 的销售量。在这个信息时代，电子商务迅速发展和普及。网上购物它越来 越贴近人们的生活，成为日常和工作中不可或缺的一种生活方式。放眼望 去，现在的网店越来越多，在选择和购买商品的时候，个性有创新的网店 设计尤为重要，买家往往只能从网上的***和文字以及宝贝评价来了解产 品。

装修，这是一个重点，也是一个长期工作。不同风格的装修效果搭配 所卖物品的不同能够很好的渲染气氛，从而提升销量。本文介绍了雪夕韩 衣坊淘宝店铺装修的设计与表现。 关键词：网上购物；视觉营销；网店装修；版式设计 第一章绪论 网店装修可以理解为类似实体店铺的装修，店铺漂亮才能吸引顾客来 购物甚至多次消费。对于网店来讲，一个好的店铺设计至关重要，毕竟买 家只能通过网上的文字和***来了解店铺，了解产品，所以店铺装修得好 能增加买家的信任感，网店装修就是在淘宝、拍拍等网店平台允许的结构 范围内，尽量通过***、程序模板等让店铺更加美观。 1.1 选题研究背景 随着科技的发展，经济的增长和居民消费水平的提高，网购商品 品类逐步扩展，网购慢慢成为生活中不可缺少的部分，越来越多的消费者 不满于现实的购物行为，而寻求更为快捷的购买方式，伴随着迅速崛起的 B2C 模式，这就使得网购这种消费模式成为购买主流，由于个人网店门槛 低、操作简单，所以淘宝个人网店的开设，也充分满足消费者的消费欲望。 使网店这种模式成为消费市场的推动力。 近几年来，随着淘宝的发展壮大，消费者也越来越多的进行网络购物 消费，尽管面对国内激烈的竞争，但淘宝却别出心栽，采用免费策略打开 市场缺口，短时间内占据市场优势，面对如此多的竞争对手，淘宝如何能 继续保持竞争优势，如何能跟进市场技术，发展盈利模式，正是淘宝现在 多面临的最主要解决的迫切问题，淘宝作为电子商务消费的主力军， 淘宝的行为，影响着我国电子商务市场。

1.2 选题研究意义 本论文通过对淘宝网店的店铺整体的装修设计和研究，让更多人认识 淘宝，认识网店购 物这个平台，增加消费者在消费中的乐趣，让网购成为生活的重要部分，通过对店铺的整体装修和设计，使得店铺更为整齐，美观，漂亮。能 有效的促进店铺达成交易。 第二章网店店铺设计和装修 2.1 店铺装修的作用 在网上开店，也要把门面装修得漂亮点儿，这样才能吸引买家。作为 视觉动物，人的第一印象对其认知会产生相当大的影响。同样，逛街购物 也是如此，装修靓丽而富有特色的门店使人们的购物心情更舒畅，顾客下 单的时候自然会更爽快。倘若店铺的装修毫无特色，货品堆放毫无秩序取名， 相信你的购物欲望也会大打折扣，甚至有想赶快离开的心理。而对于网络 店铺来说，装修更是店铺兴旺的制胜法宝，商品的任何信息买家都只能通 过网店页面来获得，所以更需要在美观上下工夫。一般来说，经过装修设 计的网络店铺特别能吸引网友的目光。下面具体介绍为什么要装修网店。 （1）新手基本上都没有销售信誉，拿什么让买家相信你不是骗子呢？ 把网店装修得漂漂亮亮的，即使买家质疑你是骗子，你也可以挺直腰杆说： “有这么认真的骗子吗？” （2）经过装修的网站会给买家留下一个好印象。

新手在开店时，整 个网店都可以看到马虎的痕迹。标题不规范，长的长，短的短；分类不整 齐，有一个字的，有3 个字的，有8 个字的，看起来相当不协调；商品描 述更是乱七八糟。而装修靓丽的网店会给顾客留下一个好印象，使其购买 几率大大提高。 （3）网店商品虽然非常重要，但是绝对不能忽视装修。正所谓“三 分靠长相七分靠打扮”，网店的美化如同实体店的装修一样，能让买家从 视觉上和心理上感觉到店主对店铺的用心，并且能够最大限度地提升店铺 的形象，有利于网店的品牌形成，提高浏览量。 （4）好的装修会增加顾客在网店停留的时间。漂亮、恰当的网店装 修，可以给顾客带来美感，使顾客浏览网页时不易疲劳，自然会更细心地 浏览你的店铺。好的商品在诱人的装饰品的衬托下，更不容易遭受拒绝， 有利于促进成交。 2.1.1 网店装修要注意的问题 （1）栏目分类太多。分类是为了让买家一目了然地找到他需要的东 西，分类这么多，一屏都显示不完，而且杂乱无序，买家怎难以找到所需 的商品。 （2）动画过多。将店铺布置得像动画片一样闪闪发光，能闪的地方 都让它闪起来：店标、公告、宝贝分类，甚至宝贝的***、浮动***。动 画固然可以吸引人的视线，但是使用过多的动画会占用大量的宽带空间， 网页***速度更慢。

而且使用这么多的动画， 浏览者看起来会很累，也突出不了重点。（3）店铺装修的色彩搭配有些卖家把店铺的色彩搞得鲜艳华丽，把 界面做得五彩缤 纷。色彩总的应用原则应该是“总体协调，局部对比”，也就是说网 店页面的整体色彩 效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈的色 彩对比。在色彩地 运用上，可以根据网店的需要，分别采用不同的主色调。店铺的产品 风格、***的基本 色调、公告的字体颜色最好与店铺的整体风格对应，这样出来的整体 效果和谐统一店铺名字设计效果图，不 会让人感觉很乱。 （4）页面设计过于复杂。店铺装修切忌繁杂，不要把店铺设计成门 户类网站。虽然 把网店做成大网站看上去比较有气势，使人感觉店铺很有实力，但却 影响了买家的使用， 他要在这么繁杂的一个店铺里找到自己想要的商品，不看得眼花才怪 呢！所以说，不是 所有可装修的地方都要装修或者必须装修，个别地方不装修效果反而 更好。总之一句话， 要让买家进你的店铺以后能够较便利地找到自己所要购买的商品，能 够快捷地看清商品 的详情。 2.2 网店装修的一般流程 网店的装修步骤有哪些？在店铺正式开业之后，和传统店铺一样，为 了能正常营业、吸 引顾客，需要对店铺进行相应的装修，主要包括取一个好店名、确定 装修风格、注重修 饰细节等。

本次店铺装修流程主要分成五大部分： （1）风格定义：根据所售商品选择相应的店铺风格，为接下去的“装 修”工作定下大 致方向。 （2）店招设计：根据店铺风格与类目设计相应的LOGO。 （3）各模块设计：包括“收藏模块”、“***轮播模块”、“客服模块”、 “宝贝分类”、“热 卖宝贝”等等常用模块的设计。 （4）宝贝详情页面设计：根据店铺整体风格设计制作商品的详细介 绍页面。 （5）海报设计：包括报直通车、钻展等官方活动海报及店内活动海 2.2.1店名的重要性 网店取名也是很有学问的。一个有特色的店名不仅能使买家记住你， 还能使买家对 你的店铺产生好感，促成交易并成为你的忠实客户网店店名会在一定 程度上影响网店的 访问量。淘宝网目前有搜索店铺、搜索宝贝功能，所以说店名以易记 为取名原则，我的 店铺名字取名为“韩衣坊”，简洁而又容易记住，以便让买家在搜索 时尽快找到。 2.2.2店铺装修的风格 众所周知，开店，门面很重要，开网店，门面同样很重要，只不过这 个门面如今变成了网店的页面。经过美化后的页面对商品销售同样有一定 辅助作用，不仅能让买家注意到你的产品、增加“逛店”的乐趣、提高点 击率，还可以极大提升购买机会。

就网店的风格设计而言，它是汇聚了页 面视觉元素的统一的外观，用于传递企业文化信息。好的网店风格设计不 仅能帮助浏览者记住网店，也能帮助网店树立别具一格的形象。网店设计 风格要与主营产品相符。针对不同的消费群体有不同的主题模板。 店铺装修首先要确定店铺的整体风格，根据产品对买家的定位，走什 么样的路线就要设定什么样的装修风格，否则就会显得不伦不类。在设计 的时候，首页和详情页也要保持相同的风格，这样才会统一不失格调。我 采用的是首页轮播广告业的设计，绿黑粉红为主色调，也符合我的本身的 品味喜欢简约的东西，构上也是以简单为主，使顾客用起来方便快捷。我 制作的淘宝店铺叫做“雪夕韩衣坊”，主营类目为“女装”，主营商品为“外 套”“连衣裙”“短袖衫”。整个风格以甜美为主，以休闲为辅，大气简约 而不失格调。目标人群为在读学生和时尚女性。如图2-1 所示，本套女装 类店铺采用插画、时尚可爱、简约大方的风格。 图2-1 第三章网店装修详细介绍 3.1 店标的设计与分析 店标是顾客在打开你的淘宝网店的时候最先看到的内容店铺名字设计效果图，也是最醒目 的一个地方了。对于网店来说，店标绝对是超级重要的，它可以代表网店 的整体形象，是可以给客户留下很好的印象的，并且很好的稳定客户的流 量。

一个好的店标完全可以让每一个顾客理解到淘宝网店的店主有多么用 心，这样的话顾客就会对这个网店留下最好的印象，可以大大的提高交易 的可能性。如图3-1 所示，本套店铺店标，采用红色的墨水滴为背景，中 间是颜色为白色“雪夕”二字，注入水墨的元素，突出风，庄重， 清雅，神秘，古朴。 图3-1 3.2店招的设计与分析 淘宝店招，是淘宝店铺的给人的第一印象，好 的店招不仅能吸引用户的眼球，带来订单，同时起到品牌宣传的作用。所 谓的店招就是店铺的招牌，而对于淘宝店招就是淘宝店铺最上方的那块长 条形的区域，标准尺寸是950x150px。如图3-2 所示，店铺名字是“雪夕 韩衣坊”，采用粉色做背景，粉色代表着可爱甜美，温柔和纯真。纯纯的 粉色系像女 孩的美梦一样。左边和右边有桃花做点缀，象征着好运的到来，中间 采用文字阐述“雪夕韩衣坊衣服”一系列的特征。中英文结合，符合现在 当代年轻人崇尚简洁、时髦的态度。 图3-2 3.3导航的设计与分析 准确的导航文字描述。买家在点击导航链接前对他们所找的东西有一 个大概的了解，超链接上的文字必须能准确描述超链接所到达的页面内容。 导航通过对产品的分门别类和相关链接，使买家方便地访问到需要的内容， 使我们在浏览时可以快速的从一个页面转到另一个页面。

本设计导航效果 如图3-3 所示，本店铺导航设计，采用字体黑体，字 号36号，整齐的进行布置，超链接颜色与单纯叙述文字的颜色呈现。 导航内容十分清晰。导航的目录或主题种类也十分明了，让信息更为直白 有效的让浏览者所接受。不会让浏览者困惑，而且如果有需要突出主要页 面的区域，都用花瓣标识出来，比如“新品上市，本周热卖”这与一般页 面在视觉上有所区别。 图3-3 导航 3.4 首页的设计与分析 如图3-4 所示，这是本套设计的首页作品。因为首页过长无法全部得 到展示，所以剪切一部分来展示。首页设计简洁，采用***顺序排版的文 字相结合的方式，采用photoshop 软件新建一个1920*5058px、分辨率72、 RGB 模式的空白页，然后进行排版。本张首页第一屏是海报，第二屏是优 惠券和联系客服栏目以及三张商品***的排列，第三屏是采用的是6 片一排简洁编排的方式，符合现在当代年轻人的风格。做首页的时候要建立详细的参考线，保证***和文字对齐给人以整洁的感觉。本设计采用中 文和英文的结合，符合现代年轻人的生活水平和对生活高质量地追求。在 首页页面设计中，运用对称的原则，务求去达到符合受众视觉平衡感的同 时，也要注意到避免由于过分绝对的对称而产生单调，呆板，沉闷的感觉。

首页效果图3-4，在整体不对称的格局中加入一些不对称的因素，反而能 增加构图的生动性和美感。 图3-4 首页 3.5首页海报的设计与分析 如图3-5 所示，是本套设计的首页海报，采用淡绿色的植物和建筑物 做为背景，在广告页的设计上主要以绿色，黑色，粉色为主色调。绿色是 植物的颜色，嫩绿色代表新的生命，代表勃勃生机的状态。黑色是神秘， 粉色是可爱甜美。本店铺风格以简单大方为基调，这样简单的色调适合各 个年龄女孩的喜好。打开***用photoshop 调高了亮度和调深进行处理店铺名字设计效果图， 调深对比度，调高亮度，使模特看起来更好看。浅蓝色的碎花连衣裙搭配 气质模特，突出了连衣长裙的质感，中间偏左通过添加醒目文字来突出新 品活动，使活动详情达到引人注目的效果。 图3-5 海报 3.6 网店宝贝的详情页设计与分析 详情页面是卖家为了促进买家的购买，让买家能了解宝贝的详情避免 并不必要的售后服务，也是推广自己店铺的一个重要页面，只有好的宝贝 详情买家才会有更多的兴趣在您的店铺看，看的越久那购买的希望越大， 还能促进其他宝贝等等。 一款好的宝贝详情页能够起到引人入胜的作用， 促进买家下订单。宝贝详情页设计的好看与否，直接决定了买家能否进一 步阅读，而简练且清晰的描述产品参数和细节，更能促进消费者的购买欲， 从而增加转换率。

然而宝贝的前三屏决定买家是否购买商品，如图3-6 和图3-7 所示， 是本店铺某一款连衣裙详情页的设计，因为详情页过长无法全部得到展示， 所以剪切一部分来展示。详情页采用产品大图，引发买家的兴趣。详情页 的细节图，***与文字相结合，材质的详细介绍，让买家更加直观的了解 为什么要购买你的产品，让买家产生购买欲。 图3-6详情页 图3-7 详情页 第四章结论和自我突破 今天我能够设计出这个淘宝店铺的装修设计，离不开我的自己的努力 学习和老师的教导以及实习的经验积累。以上论文是关于在目前电子商务 快速的发展中，如何在从中的经营和建设。通过这次的店铺装修设计，我 了解了很多淘宝的相关知识，也认识到了很多不足。自己开淘宝店也遇到 很多事情，觉得任何事情都没有想象的容易，做好一件事情需要不懈的努 力。之前觉得只要利用自己的专业知识做好淘宝店铺的装修工作，但是真 正开始了才发现自己在淘宝装修方面有很多的不足，更加明白了不同的行 业都有自己相关的专业知识。面对这样的店铺装修设计，我想不仅仅是要 拥photoshop 熟练使用的能力更加需要电子商务方面营销的知识。店铺所 需要的每一张图都需要从顾客的角度，从商业的角度去看，把商品信息用 ***的方式展现出来。

这次的论文给予了我不同的学习方法和体验，让我深切的认识到实践 的重要性。在以后的学习过程中，我会更加注重自己的操作能力和应变能 力，多与这个社会进行接触，让自己更早适应这个陌生的环境，相信在不 久的将来，可以打造一片属于自己的天地，因此，在这里感谢我的论文指 导老师刘芳荣老师，给了我们这次机会! 本次写作中我从一头雾水中慢慢摸索，一开始对立题拿不定主意，拿 定主意后，由于对现在的电子商务的法规不熟悉，开始大量查阅资料，向 师兄师姐索取经验，论文才慢慢成型。通过查阅资料，这次的论文不仅锻 炼了我的耐心,也开阔了我的视野,对所学的知识有了更深的理解,增强了我 的专业知识 参考文献 [1]杨倩，电商淘金--网店视觉营销[M].机械工业出版社，2015 [2]程艳红，电子商务案例分析[M].人民邮电出版社，2015 [3]淘宝大学 电商精英系列教程[M].网店美工（全彩）电子工业出版社 2011 [4]丘星星，视觉传达设计心理[M].福建美术出版社，2000 [5]薛红艳，设计的视觉语言[M].化学工业出版社，2006 [6]王汀，版式构成[M].广东人民出版社，2000 [7]徐恒醇著，设计美学[M].清华大学出版社，2006 [8]张继渝，设计色彩[M].重庆大学出版社，2002 [9]腾守尧，审美心理描述[M].四川人民出版社，2009 [10]汤晓山，网页艺术设计[J].福建美术出版社，2012 [11]郗彩莲，视觉元素在网店设计中的运用[J].美术教育研究出版社， 2014 [12]任学文、范严.网页制作与设计[M].科学技术出版社，2006 [13]王惠，网页设计探索之旅[M].电子工业出版社，2006 [14]罗云芳，网页设计教程[J].武汉大学出版社，2006[15]林志强，ASP 电子商务设计务实[M].铁道出版社，2001 10