基于C2C平台的淘宝店铺设计毕业论文_第1页
基于C2C平台的淘宝店铺设计毕业论文_第2页
基于C2C平台的淘宝店铺设计毕业论文_第3页
基于C2C平台的淘宝店铺设计毕业论文_第4页
基于C2C平台的淘宝店铺设计毕业论文_第5页
已阅读5页,还剩52页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

毕业设计设计题目基于C2C平台的淘宝店铺设计指导教师周春燕(行业)、冯雪芬姓名覃雪姣班级计算机11(2)班所在系(部)信息技术系2014年6月10日浙江金融职业学院毕业设计开题报告姓名覃雪姣班级计算机11(2)班系部信息技术系毕业设计题目基于C2C平台的淘宝店铺设计一、选题理由崭新的网购时代随意的购买方式、简单的支付方法以及低成本的销售模式都使得人们,特别是年轻人已经把网络购物作为了一种生活方式。网店有着投资少,回收快、风险小,无需占压资金、24小时营业时间、不受店面空间限制、不受地理位置影响,但随着C2C平台店铺越来越多,竞争也越来越激烈。要让买家对自己的店铺过目不忘,个性的店铺装修尤为重要。淘宝店铺装修是可以提高店铺的外观形象,以此来提升店铺知名度、顾客回头率以及提高商品销售量的一种网络营销手段,能够有效增加客户对店铺的信心、提升客户体现、降低询单率。本人所学专业为计算机信息管理,能结合所学的PS和C2C创业指导的相关知识,设计一个淘宝店铺,为店铺赢得效益。二、拟实现的目标本项目通过使用平时所学的计算机基础知识及PHOTOSHOP的平面设计知识,将对已经开通的线上淘宝店铺进行装修美化。本项目主要完成以下五大部分(1)风格定义根据所售商品选择相应的店铺风格,为接下去的“装修”工作定下大致方向。(2)店招设计根据店铺风格与类目设计相应的LOGO。(3)各模块设计包括“收藏模块”、“图片轮播模块”、“公告”、“宝贝分类”、“热卖宝贝”等等常用模块的设计。(4)宝贝详情页面设计根据店铺整体风格设计制作商品的详细介绍页面。(5)海报设计包括报直通车、钻展等官方活动海报及店内活动海报。三、综述与本设计相关的已有研究(设计)成果的综述在淘宝上开店的人越来越多,同行间的竞争压力也就越来越大,也有一些做的特别好的店铺从那些多同品类的淘宝店中脱颖而出。这次我的作品中拟所要装修的店铺经营的类目是“女童装”,经过观察我在淘宝上找到了一家比较优秀的“女童装”的天猫店,这个店铺呢可以说是童装中数一数二的店铺。我了解到,这家店呢主要设计风格呢比较简洁大方,内容设置也非常合理,下面我们以这家店为例来做一个简单的分析店铺名“笛莎旗舰店”,从整体的商品来看,属于定位在中端的产品,设计以粉嫩、甜蜜的粉色为主,打造出公主般的纯洁可爱。1、定位、风格和结构店铺名“笛莎旗舰店”,从整体的商品来看,属于定位在中端的产品,设计以粉嫩、甜蜜的粉色为主,打造出公主般的纯洁可爱。结构是比较常规的店招全屏轮播海报公告产品展示。2、产品页面描述笛莎旗舰店的的产品页面色彩以简洁的白色为主,粉色为辅助色,打开详情页面第一个板块是其它的商品展示,这样做的好处是可以提高客单价,做好关联销售。第二个板块是该产品的海报图,有正面、反面、侧面等多角度拍摄的产品图,从设计理念、材料、洗涤方法、全方面展示了产品。第三块是产品的尺码表与试穿报告与相关细节展示,这一块的可以从很大程度上降低询单率,从顾客的角度把顾客想要了解到的方方面面都很好的展示出来,解决了顾客的疑虑也谅减少了询单量。产品描述你不仅了添加产品的细节图,产品大小描述,还放上收藏店铺的按钮,店铺中正在热销的几款产品,或者这款产品所延伸出的其他产品,店铺的小活动等等。3、效益研究这样的一家店铺增加客户对店铺的信心。把网店装修的漂漂亮亮的,能在很大程度上打消消费者对店铺信誉的在意程度,提高成交率的同时提升店铺的信誉度。提升客户体现,简单整齐的页面让人看着舒适,使用起来的方便快捷,从无形中提升了了客户体现。降低询单率,为店铺客服人员减少压力。专业的店铺装修从客户的角度出发,把客户希望了解到的商品信息展示出来,减少客户的疑问的同时为客服人员减轻了巨大询问量带来的负担。开店的主要目的是跟客户达成交易,而一个美观大方的店铺能带给客人一个舒适的客户体现,从而提升店铺在消费者心目中的形象分。四、设计的主体框架与进度安排主体框架1、淘宝店铺装修的背景概述2、淘宝店铺装修工具介绍3、店铺现状分析4、淘宝店铺装修实战5、淘宝店铺装修效果展示进度安排1、查阅资料和相关文献,进行毕业设计的选题201311120131130;2、撰写开题报告,下达任务书201312120131216;3、进行毕业设计的系统(作品)设计20131217201416;4、撰写毕业设计的论文初稿20142132014331;5、完善毕业设计的系统(作品),完成毕业设计论文的修改和定稿2014412014531;6、毕业设计答辩2014612014615。五、指导教师意见该选题能结合学生平时所学的PHOTOSHOPCS5、C2C创业指导等课程知识,进行淘宝店铺的设计。该设计能美化店铺,从而可以获得更好地客源和更好的转化率,通过设计能锻炼学生实践能力,提高学生专业水平。同意开题。签章周春燕(行业)冯雪芬2013年12月10日六、教研室意见覃雪姣同学的毕业设计选题“基于C2C平台的淘宝店铺设计”能结合所学专业课程知识,较好地美化淘宝店铺这一思想目标,通过后期的设计制作可以培养学生的综合协调能力和工作能力,提高学生的实践创新能力。同意开题。签章郑春瑛2013年12月10日浙江金融职业学院2014届毕业设计任务书姓名覃雪姣专业计算机信息管理指导教师周春燕(行业)冯雪芬毕业设计题目基于C2C平台的淘宝店铺设计主要研究内容主要研究一个好的店铺装修是怎么样去完成的,包括不同的商品类目所对应的色彩,整体架构,一个装修优秀的店铺会给店铺带来什么样的经济效益等。研究方法设计主要通过查阅相关网店装修书籍资料、收集网上信息、请教老师等等,实现女童服装网店装修。主要任务及目标利用PHOTOSHOP软件完成店铺的店招、模块、宝贝详情页面、活动海报等进行风格统一的设计主要参考文献1郑朝郑朝辉灵感仓库海报创意设计的50次闪光M北京中国美术学院出版社20072日)秋山孝吴艺华译秋山孝海报作品集M上海上海人民美术出版社20053朱琪颖海报设计M北京中国建筑工业出版社20054丛琳海报设计速查图典M北京化学工业出版社20075美)斯科勒司(美)伟德尔创意海报版式设计M大连大连理工大学出版社2008进度安排1、查阅资料和相关文献,进行毕业设计的选题201311120131130;2、撰写开题报告,下达任务书201312120131216;3、进行毕业设计的系统(作品)设计20131217201416;4、撰写毕业设计的论文初稿20142132014331;5、完善毕业设计的系统(作品),完成毕业设计论文的修改和定稿2014412014531;6、毕业设计答辩2014612014615。指导教师签字周春燕(行业)冯雪芬系(教研室)负责人签字郑春瑛2013年12月18日浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)1基于C2C平台的淘宝店铺设计计算机11(2)班覃雪姣指导老师周春燕(行业)冯雪芬内容摘要随着C2C平台店铺越来越多,竞争也越来越激烈。要让买家对自己的店铺过目不忘,个性的店铺装修尤为重要。淘宝店铺装修是可以提高店铺的外观形象,以此来提升店铺知名度、顾客回头率以及提高商品销售量的一种网络营销手段,能够有效增加客户对店铺的信心、提升客户体现、降低询单率,获得更好的转化率。本文“基于C2C平台的淘宝店铺设计”主要由五部分构成1、淘宝店铺装修的背景概述。简述淘宝发展背景,提出淘宝店铺装修的必要性;2、淘宝店铺装修工具介绍。对本次实战所使用的工具进行详情的介绍;3、店铺现状分析。了解店铺的现实状况,包括经营类目、整体风格等4、淘宝店铺装修实战。借助PHOTOSHOP对店铺进行装修;5、淘宝店铺装修效果展示。关键词C2C平台网店装修PHOTOSHOP浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)2目录一、绪论1(一)淘宝店铺装修的背景介绍11、淘宝发展背景介绍12、什么是淘宝店铺装修13、为什么要装修淘宝店铺1二、本淘宝店铺装修工具及现状21、PHOTOSHOP简介22、PHOTOSHOP的基本功能和应用领域3三、店铺装修设计与实战4(一)确定店铺风格4(二)店招设计(LOGO)4(三)模块设计91、收藏模块92分类模块93自定义全屏模块114热卖宝贝模块16(四)宝贝详情页面设计21(五)活动海报设计281活动海报设计282店内活动海报设计30总结35致谢36参考文献37附录38浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)1一、绪论(一)淘宝店铺装修的背景介绍1、淘宝发展背景介绍电子商务是建立在计算机网络平台上,并且根据一定的标准开展的商务交流活动。电子商务应用于很多的领域,一些第三方网络购物平台的出现,被消费者更加信任和依赖,使得我们进入了崭新的网购时代。其实,网络购物的兴起和迅猛发展有它的必然性。随意的购买方式、简单的支付方法以及低成本的销售模式都使得人们特别是年轻人已经把网络购物作为了一种生活的方式。这恰恰是更多人步入电子商务中看到的契机,所以不论是作为一门技术,还是一种理念,网络店铺的装修都将成为电子商务时代持续探讨的话题。而随着淘宝网、拍拍等众多网络购物平台逐步占领网络购物的市场份额,我们的网购将迎来鼎盛时代。人们逐渐意识到网上开店好像不仅仅是生意人的经商行为,更是年轻人乃至更多网络用户的生活方式。他们习惯于网络购物,习惯于在网络上出售自己闲置的物品正是因为网络购物正在一步一步的融入我们的生活。2、什么是淘宝店铺装修淘宝店铺装修是指淘宝网卖家对自己所拥有的淘宝店铺进行装修美化的一种网页在线编辑方式,也称淘宝店铺美化。3、为什么要装修淘宝店铺随着信息化时代的发展,“宅”越来越成为人们普遍的一种生活方式,足不出户也能正常的学习、购物和工作。网络成为人们了解社会接触社会的重要渠道,网店也自然成为人们日益熟悉和信赖的购物平台。越来越多的创业者抓住这个大好机遇,倾心经营各类商品和服务的网店,在互联网上淘宝网店的吸引力主要通过色彩图像文字布局在店铺装修和商品描述中的合理运用来打造店铺,而店铺的装修主要涉及到店铺招牌、商品分类、促销设置等重要内容。淘宝店铺装修是为了通过提高店铺的外观形象,以此来提升店铺知名度、顾客回头率以及提高商品销售量的一种网络营销手段。浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)2第一点,增加客户对店铺的信心。新手店铺的信誉通常为0,或者约等于0。在低信誉的情况下把网店装修的漂漂亮亮的,能在很大程度上打消消费者对店铺信誉的在意程度,提高成交率的同时提升店铺的信誉度。第二点,提升客户体现。如果客户进到你的店铺,第一感觉给他的是单调、乱糟糟、不专业,那么这样肯定会影响到他的购买欲望。相反,如果给他的第一印像是漂亮,美观,雅致,专业,这样的话,会提高客户对你的信任度,或者就算是暂时不需要买什么东西,只是觉得这个店铺装修得漂亮,给人眼前一这的感觉,先收藏起来再说这样不又多了一个潜藏客户了吗第三点,降低询单率。一个好店铺的装修可以在很大程度上降低询单率,为店铺客服人员减少压力。专业的店铺装修从客户的角度出发,把客户希望了解到的商品信息展示出来,减少客户的疑问的同时为客服人员减轻了巨大询问量带来的负担。开店的主要目的是跟客户达成交易,而一个美观大方的店铺能带给客人一个舒适的客户体现,从而提升店铺在消费者心目中的形象分。二、本淘宝店铺装修工具及现状由于所有的店铺设计都依托C2C的平台基础,装修的内容将受到平台本身的限制而相对比较固定、简单,买家即使不懂得网页制作等知识,也可以通过简单的设置装饰自己的店铺。以下以淘宝平台店铺为例,介绍通过PHOTOSHOP来对C2C平台店铺进行装修。1、PHOTOSHOP简介PHOTOSHOP是美国ADOBE公司开发的图像设计及处理软件,以其强大的功能倍受用户的青睐。它是一个集图像扫描、编辑修改、图像制作、广告创意、图像合成、图像输入/输出、网页制作于一体的专业图形处理软件。ADOBEPHOTOSHOP为美术设计人员提供了无限的创意空间,可以从一个空白的画面或从一幅现成的图像开始,通过各种绘图工具的配合使用及图像调整方式的组合,在图像中任意调整颜色、明度、彩度、对比、甚至轮廓及图像;通过几十种特殊滤镜的处理,为作品增添变幻无穷的魅力。ADOBEPHOTOSHOP设计的所有结果均可以输出到彩色喷墨打印机、激光打印机打印出来。当然也可以软拷贝至任何出版印刷系统。浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)3是从事平面设计人员的首选工具。ADOBEPHOTOSHOP由最初的2。0版到今天的。随着版本的不断提高,其功能也越来越强大。就一般图形处理业务而言,其功能大概用不到它所具有的三分之一。2、PHOTOSHOP的基本功能和应用领域基本功能PHOTOSHOP是图形处理软件,主要处理位图图形,广泛用于对图片、照片进行效果制作及对在其他软件中制作的图片做后期效果加工。从功能上看,PHOTOSHOP可分为图像编辑、图像合成、校色调色及特效制作部分。图像编辑是图像处理的基础,可以对图像做各种变换如放大、缩小、旋转、倾斜、镜象、透视等。也可进行复制、去除斑点、修补、修饰图象的残损等。这在婚纱摄影、人像处理制作中有非常大的用场,去除人像上不满意的部分,进行美化加工,得到让人非常满意的效果。图象合成则是将几幅图象通过图层操作、工具应用合成完整的、传达明确意义的图象,这是美术设计的必经之路。PHOTOSHOP提供的绘图工具让外来图象与创意很好地融合,成为可能使图象的合成无衣无缝。校色调色是PHOTOSHOP中深具威力的功能之一,可方便快捷地对图象的颜色进行明暗、色编的调整和校正,也可在不同颜色进行切换以满足图象在不同领域如网页设计、印刷、多媒体等方面应用。特效制作在PHOTOSHOP中主要由滤镜、通道及工具综合应用完成。包括图象的特效创意和特效字的制作,如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由PHOTOSHOP特效完成。而各种特效字的制作更是很多美术设计师热衷于PHOTOSHOP的研究的原因。比如在CORELDRAW,ILLUSTRATOR中编辑的矢量图象,再输入PHOTOSHOP中做后期处理。总之,PHOTOSHOP具有平面图象处理的所有功能,色彩,亮度,尺寸,各种式样,效果,各种滤镜,以及通过各种技巧实现的对图象的任意组合、变形,通过层和通道很方便的进行处理,并对结果图形进行优化,输出各种图象格式,目前也能处理动画。浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)三、店铺装修设计与实战实战中所使用的店铺是刚刚开通的一个零信誉店铺FALAORUL,FALAORUL类目选择为“童装”,主营商品为“女童服装”。服装风格以欧美为主打,整体会偏向简约风格而不是花花绿绿的日韩范。目标人群为时尚感比较强的“辣妈”,价位偏中高,打造精品女童品牌。FALAORUL是一个刚刚起步的店,装修的好坏很大程度上决定了FALAORUL在买家心目中的档次归类。选用简洁的黑白让整个店铺大方干净,全屏的海报设计,让人对店内的活动一目了然。结构上也是以简单为主,使顾客用起来方便快捷,提高了用户体验。(一)确定店铺风格根据所经营的“女童”服装的风格将店铺的风格定义为简约大气的欧美风格,使用的颜色不会太多,主要以干净简洁的白、气质黑等为主打调,一改传统童装店铺花花绿绿的可爱风,使用比较有菱角的素材会多一些。整体风格时尚大气,符合目标人群的品味。确定风格之后,在店铺装修页面中的“样式管理”中为自己的店铺确定相应的色彩,本店的主要为黑灰白。(二)店招设计(LOGO)由于店铺已经确定了整体的风格为简单时尚的欧美风,再结合店铺的主打商品品类为女童,所以LOGO将结合简单跟女性气质,以“皇冠”为基础元素,并以黑色为主色,打造简洁的一款LOGO。图31设计店招LOGO图标在LOGO下方以与店铺店招字体相同的店名相呼应,简单又不单调。4浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图32为LOGO增加店铺名称店招整体的色彩为白色,色彩各类不会过多,字体一律采用黑、深灰等与白色对比较为强烈的颜色。图33设计制作店招背景在店招上放上事先设计好的LOGO,并加上“店铺的宣传语”、“收藏店铺”等字样。图34店招基本成形接下来,为店铺加上店招,这里主要是要在店招上的“收藏本店”的字样上加上淘宝上已经有的店铺收藏代码。首先,将我们保存下来的店招放入我们淘宝店铺的“图片空间”中。5浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图35将做好的店招上传到店铺的图片空间在图片空间中找到上传的店招图片,复制“店招”的代码。图36在图片空间中复制店招的代码打开DREAMWEAVER,新建一个HTML文档,在代码模式下把之前复制的“店招”的代码粘贴一下,然后回到设计模式,使用“热点”工具把收藏店铺的那部分框起来,并在链接中事先复制好的淘宝收藏店铺的代码。然后再回到代码模式中复制有链接的代码。6浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图37在DREAMWEAVER中为店招添加热点链接打开店铺点击“装修此页面”,在编辑框内粘贴进我们之前在DREAMWEAVER里复制的代码,保存即可。详见附录1图38将含有链接的店招代码复制到自定义模块中效果如下图7浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图39店招制作完成发布添加好店招的店铺,尝试单击“收藏本店”,已经达到相应的效果。图310测试店招上的链接是否可用店招的基本工作都已经完成了,但是现在的页面上所显示的是只有中间部分的,两边的还是背景色,为了配合后面的全屏海报呢,我们的店招也需要设计成全屏的,我们在装修页面上找到“装修”“样式管理”“背景设置”,通过更改页头的背景来制作全屏的店招。在页头的背景页面中将图片更换成跟我们店招一样的图片。图311修改店招的背景色8浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)完成之后的效果如下图图312完成全屏的店招制作到这里的我店铺中的“店招”已经设计完成。(三)模块设计1、收藏模块收藏模块的关键在于代码插入到相应的图片中的某部分,代码在店铺里可以找到。图313复制淘宝网页中“收藏店铺”的代码备用在DREAMWEAVER中使用热点工具为图片添加代码,再将代码复制出来,剩余的在淘宝店铺中简单操作即可。2分类模块9浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图314分类模块在装修页面中找到“宝贝分类”,为店铺的商品添加分类模块。图315为店铺添加“分类模块”这里我为店铺做了一个简单的分类,分为四个大类,分别为上装下装裙装套装,在每个大类的下面分成若干小类。图316添加分类模块10浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图317添加子分类3自定义全屏模块全屏的图片在淘宝店中一般放在店招的下方,使顾客能一眼看到,全屏的自定义图片处理相对于不是全屏的图片而言需要花更多的时间。在店铺装修页面添加“自定义模块”。这里我打算制作一个轮播的全屏海报,轮播三张全屏海报。在PHOTOSHOP中分别制作三张1920520的海报,效果如下图第一张图36完成效果图制作过程新建一个1920520背景色为F3F4F1,添加素材“震撼登陆”与文字,这里的文字要点明海报主要表达的意思,让人一眼就能理解海报的主题。图37添加素材11浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图38添加文字最后为背景添加一些绿叶作为装饰,跟主色调相比比较亮却又不会太过鲜艳,同时加上LOGO,在海报上添加LOGO图39海报基本成型第二张图310海报效果图制作过程首先在PHOTOSHOP中打开一张素材图图311素材选择12浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)使用钢笔工具把人物除头发以外的地方抠出来,再通道中使用“色阶”、“加深”、“减淡”等把头发抠出来,得到下面的效果图312抠出主体人物新建一个1920520,背景色为“E9E4DF”,得到以下效果图313制作海报背景最后添加主题文字和LOGO,完成图314为海报添加文字及LOGO13浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)第三张图315海报效果图制作过程新建一个1920520背景色为EDE9E8E1CBCA的渐变填充。打开两张素材图,使用钢笔工具把人物除头发以外的地方抠出来,再通道中使用“色阶”、“加深”、“减淡”等把头发抠出来,得到下面的效果图316抠出人物14浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)把抠出的商品图放入背景中,复制一层商品图,填充为黑色,并使用快捷键CTRLT,扭曲,再减少透明度,为人物制作阴影。图317对海报进行排版最后添加一些装饰用文字,与主题文字,为文字添加投影图318添加主体文字及LOGO把制作好的图片保存为WEB所用的格式,并上传到淘宝店铺的“图片空间”,每张图片就具有了特定的代码,方便我们在后面的代码段中使用。接下来在自定义的模块中添加如下代码,详见附录2图319添加代码15浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)编写完代码之后保存,然后发布查看效果图,得到如下效果图320全屏店招加海报1图321全屏店招加海报2图322全屏店招加海报34热卖宝贝模块设置完全屏海报之后,为了与下面的其它模块更和谐,这里再添加一个过渡的自定义模块,保存为“过渡1”设计如下效果图323精品推荐效果16浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)把制作好的“过渡1”上传到店铺的图片空间中,并复制代码备用。在DREAMWEAVER中使用热点工具为图片添加代码图324为精品推荐添加热点链接回到店铺的装修页面,在自定义模块中的源内添加代码,见附录3。图325在自定义模块中添加代码保存并查看相应的效果全部正确。接下来进入热卖的宝贝推荐制作,我们要制作的是一个950500的一张效果图。制作一个简单的背景,如下图17浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图326制作背景分别把所需要的三张宝贝图处理好,放入背景中。图327把商品放入背景中给每个商品添加标题及价格保存为“精品。JPG”做完之后,为这三款宝贝上架,打开店铺中的宝贝发布,打下如下页面图328发布宝贝选择好类目之后开始添加宝贝信息18浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图329为商品添加信息图330添加详细信息图331添加商品图片19浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图332添加物流信息发布好宝贝之后,把我们之前在PHOTOSHOP中设计好的“精品。JPG”上传到店铺的图片空间中,复制代码备用。图333复制“精品”的代码备用打开DREAMWEAVER新建一个HTML页面,在代码中把复制好的“精品。JGE”的代码粘贴好,再使用热点工具,为每件商品图片添加相应的购买链接。图334为图片“精品”添加热点链接复制代码图335复制含有链接的代码20浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)回到店铺的装修页面,找到第二个自定义模块点“编辑”,进入“源码”图336打开自定义模块的源码在源码中输入代码,详见附录4图337在自定义模块中的源码区粘贴代码保存之后得到下面的页面,发布并查看相应链接是否正确。图338热卖宝贝最终效果(四)宝贝详情页面设计一个好的宝贝详情页面可以很好的提高客户体验,减少客服的流量压力,在宝贝详情页面中把商品各优点展示出来,提高转化率。21浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)打开PHOTOSHOP,新建一个大小为750500背景为白色的新图像,制作宝贝详情页面。图41添加商品主图为商品添加商品信息及产品材料指标图42添加商品信息制作第二部分商品尺码规格图43为商品添加商品规则第三部分实物展示22浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)打开一张图片,对图片进行色彩处理并抠出商品部分图44商品详情图图45宝贝正面图46宝贝背面把抠出来的商品整体图跟细节图拖入并进行排版,最后给每个细节图加上相应的文字说明,使详情页面的介绍更为完整23浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图47制作细节图图48为详情图添加描述文字打开店铺后台,找到“图片空间”在图片空间中上传我们的刚制作好的图片,使这张图片获得一个代码24浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图49从图片空间中复制详情页图片的代码打开店铺后台,点击“出售中宝贝”,这里以第一款宝贝为例点击宝贝编辑。图410完成产品信息添加为商品完善产品信息图411图412宝贝详情页信息添加好宝贝的产品信息之后,我们打开“出售中的宝贝”选择我们要制作宝贝详情页面的宝贝进行编辑25浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图413打开要添加详情页的宝贝在宝贝编辑的页面中找到详情页面内容,在这里我们选择“源码”图414在详情页模块中打开源码复制图片空间中该宝贝的详情页面图片的代码,粘贴到源码中,并且设置图片为居中对齐,代码如下图415在源码中添加代码然后我们确认,得到下面这样一个宝贝详情页26浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图416详情页面效果1图417详情页面效果227浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图418详情页面效果3图419详情页面效果4图420详情页面效果5到这里为止,宝贝详情页面就设计完成了。(五)活动海报设计1活动海报设计28浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)报活动用的商品一般是性价比较高的,一张海报的好坏也许就能决定收益是否好,接下来制作报活动所用的海报。在PHOTOSHOP中新建一个图像大小为800800,把我们之前抠好的产品图放入当中图51制作报活动用海报简单添加描述性字体,最最重要的是价格29浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图53最终效果图2店内活动海报设计新店开张可以做一个店内的活动,制造一些新店开张的气氛,这里我制作了一个比较绚丽的活动海报,如下图图54店内活动海报效果图30浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)打开PHOTOSHOP,新建一个大小为1920520的新文件,背景色为黑色。新建一个图层,混合模式为渐变叠加图55制作海报背景效果如下图图56添加渐变叠加再新建一个图层填充为白色,混合模式为“叠加”,提高亮度图57添加叠加提高亮度背景到这里就做好了,接下来我们来制作舞台新建一个图层并使用矩形选框工具画一个长方形,填充为C45D09,CTRLT透视变形图58制作舞台1再画一个长方形31浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图59制作舞台2把这两个相结合,添加混合模式,打高光,得到下面的效果图510为舞台打造立体感图511舞台完成制作一个梯形,改变透明度来制作光束图512制作光束添加文字“新店开张”“2013”等字样图513添加主体文字32浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图514为文字添加效果为文字添加高光图515在文字上添加高光为了让字体与背景的融合度更高我们要来添加字体的阴影,复制一个字体的副本,填充为黑色,再扭曲、更改透明度图516为文字添加阴影最后为整个图片添加荧光的小点,这个利用画笔就可以完成图517为海报添加荧光小点把制作好的海报上传到图片空间,并复制代码到全屏海报的自定义模块中33浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)图518在自定义模块中添加代码发布得到以下界面图519最后效果再附一张备用海报图520备用海报淘宝店铺图34浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)35总结通过这次的装修,我了解到了很多淘宝店铺的装修的知识,也认识到了自己很多的不足之处。之前一直认为自己可以利用自己的专业知识做好淘宝店铺的装修工作,但是真正开始之前才发现自己在淘宝装修方面有很多的不足,更加明白了不同的行业都有自己相关的专业知识,面对这样的店铺装修设计,我想不仅仅是要拥有PHOTOSHOP熟练使用的能力更加需要电子商务方面营销的知识,在店铺所需要的每一张图都需要从顾客的角度,从商业的角度去看,把商品信息用图片的方式展现出来。设计是完成了,但是学习之路永无止尽,从这次的店铺装修中,让我从对淘宝店铺的了解,到探索,再学习,最后完成了这份店铺装修设计,这是我的第一个作品,当中的不足之处自是甚多,很多方面都不是很尽如人意,但是在接下来时间里我还会不断的去深入学习,不断的去实践,花更多的时间在对PHOTOSHOP的深入学习中去,提升自己的设计水平,相信付出总会有所获。最后附上本次毕业设计中所使用的淘宝店地址首页HTTP/SHOP106742954。TAOBAO。COM/SPM0。0。0。0。7QIDI4宝贝详情页HTTP/ITEM。TAOBAO。COM/ITEM。HTMSPMA1Z10。1。W50034955631422。2。XL2G4P浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)39附录2浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)41浙江金融职业学院毕业设计(基于C2C平台的淘宝店铺设计)42附录3附录443指导教师意见覃雪娇同学在毕业设计期间学习态度端正,工作主动;论文通过查阅、收集和整理C2C平台网店装修的相关资料,并对基于C2C平台的刚开通的一个零信誉女童服装店铺FALAORUL装修需求进行了分析,并根据需求分析,进行了合理的LOGO设计、模块设计、宝贝详情页设计、活动海报设计等。网店装修具有一定创意、网页界面效果尚可;但该论文结构一般,部分语句存在语法问题。建议成绩为中等。签名周春燕(行业)、冯雪芬2014年6月10日指导教师专业技术职务讲师建议等级优秀良好中等及格不及格44答辩委员会意见覃雪娇同学在答辩过程中,介绍了网店装修的设计思路、主要制作技术,展现了店铺效果,并回答了答辩委员的提问。答辩表明该同学对网店装修作了一些研究,整理了一些文献资料,店铺界面尚可,但论文结构和语句表述一般。该同学对教师提出的问题,回答基本正确。综合指导教师、评阅人意见和学生答辩过程的表现,答辩小组经过认真讨论,一致同意通过该同学的毕业论文答辩,评定成绩为中等。成绩评定优秀良好中等及格不及格答辩委员会主任(签名)陶再平2014年6月10日45附1浙江金融职业学院毕业设计指导记录第一次指导指导时间20131020指导地点6315指导方式面授指导内容毕业设计选题方面,确定毕业设计的指导老师及毕业作品选题范围。修改建议选题方向范围有待进一步明确,要建立在具体的实践运用基础上的毕业设计选题,或项目目标来进行选题。指导效果完成了毕业设计选题工作,指导效果良好。第二次指导指导时间20131112指导地点6315指导方式面授指导内容进一步了解毕业设计选题的主要完成任务内容,阅读参考相关文献和资料,完成前期的制作准备;完成毕业设计开题报告,同时,下达任务书。修改建议进一步确定毕业设计的中心题目,设定毕业设计的环境及内容充分进行准备;对下达的任务书须充分理解,进行毕业设计的调整拟定。指导效果良好46第三次指导指导时间20131230指导地点6315指导方式面授指导内容进一步确定毕业设计文档的框架;设定毕业设计作品的基本构思;完成毕业设计作品的设计与实现;毕业设计文档初稿的撰写与审核。修改建议进一步对毕业设计论文的文档框架进行审核;其中对毕业设计店铺作品的中心内容及技术加强完善;指导效果对毕业设计文档的框架和作品的基本构思大致上表示认可。第四次指导指导时间201469指导地点6315指导方式面授指导内容确定毕业设计文档全部内容的定稿;对毕业设计作品进行展示;毕业设计文档和最后成果的验收;完成毕业设计最终的答辩PPT设计。修改建议对毕业设计文档格式上需进一步完善,对毕业设计淘宝店铺进行展示测试,将其效果与论文所阐述的目标进行对比。指导效果良好47附2浙江金融职业学院毕业设计答辩记录姓名覃雪娇班级计算机11(2)学号611070245毕业设计题目基于C2C平台的淘宝店铺设计指导教师周春燕(行业)、冯雪芬初评成绩(优良中及格不及格)答辩过程记录1你的选题基于我们的课程C2C创业指导那么对这么课以后的开展你有什么建议呢理论指导实际,个人认为既然针对现在发展的比较不错的电商开了这么课,建议可以结合大一所上的PHOTOSHOP来上,更加贴近实际岗位。2对于产品标题你是怎么看的第一、标题应该符合产品特征,利于进店流量的精准定位。第二、标题中的关键词应该挑选近期搜索量大的并且是产品特征的词。毕业设计成绩评定优良中及格不及格答辩教师签名郑春瑛、史浩、张礼辉、吕侃徽、冯雪芬2014年6月10日浙江金融职业学院毕业设计自评表自评分评价分值评价项目(分值)优(100X90)良(90X80)中(80X70)及(70X60)不及(X60)毕业综合实践任务与毕业生职业岗位或期望的职业岗位的相关性很高,突出相关职业岗位或岗位群中关键能力和基本能力的训练。毕业综合实践任务与毕业生职业岗位的相关性较高,较好地体现了相关职业能力和基本能力的训练。任务与毕业生职业岗位有相关性,基本体现相应的职业能力。任务与毕业生职业岗位有一定的相关性和体现相应职业能力。任务与毕业生职业岗位及其职业能力训练基本无关。岗位贴近度52专业贴近度任务与毕业生所学专业有很强的相关性,有利于学生整合原来所学的专业知识,提高专业技术应用能力,使专业技术能力更适于职业岗位。任务与毕业生所学专业相关性、综合性较强,有利于提高专业技术应用能力。任务与专业相关性有联系,与专业技术应用能力相关。任务与专业相关性有一定联系,一定程度体现专业技术应用能力。任务与专业相关性联系程度不相一致。1010课题与任务评价毕业生通过综合训练,能很好地提高能力与素质,并收到良好的整合效果。

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论