资源目录
压缩包内文档预览：(预览前20页/共27页)
编号：6446359
类型：共享资源
大小：10.56MB
格式：ZIP
上传时间：2017-12-15
上传人：毕****做
IP属地：江苏
30
积分
- 关 键 词：
-
时尚
装扮
打扮
潮流
网站
设计
实现
- 资源描述：
-
时尚装扮潮流屋网站的设计与实现,时尚,装扮,打扮,潮流,网站,设计,实现
- 内容简介：
-
湖南现代物流职业技术学院毕 业 论 文毕业设计题 时尚装扮潮流屋网站的设计与实现 毕业设计类型 产品设计 工艺设计 方案设计 姓 名 李 君 班 级 电商 1201 所 属 系 部 物流信息系 专 业 电子商务 指 导 教 师 欧阳红巍 职 称 讲师 完 成 时 间 2014 年 12 月 31 日 湖南现代物流职业技术学院教务处制2014 年 12 月 31 日摘要网络、通信和信息的发展是代表时代进步的一种体现，各种各样的模式运营而生，使得电子商务也得到了快速的发展。由于当前在线商品的剧增，网络购物成了一种很好的解决办法，然而导购更是一种新兴的网络运营的推广方式和网络购物的新模式，深受消费者和商家的喜欢。导购的产生很好的帮助了卖家进行推广，也为消费者提供了新的购物渠道。 本网站作为一个紧跟时尚潮流的导购网站，导购商品包括有：时尚服装、饰品、彩妆等。本网站并不实现在线交易，而是通过导购去引导买家通过本平台跳转到淘宝卖家店铺、京东或其他网购平台进行选购商品，从而实现轻松、安全的购物。关键字：电子商务、网上购物、导购网站目录目录 .1第一章 网站设计背景 .11.1 网站设计背景 .11.2 网站建设需求分析 .21.3 网站整体结构 .2第二章 前期准备 .42.1 素材收集整理 .42.2 LOGO 设计 .42.3 banner 设计 .52.4 首页效果图 .6第三章 网页设计制作 .83.1 首页设计制作 .83.2 其他页面设计制作 .13第四章 时尚装扮潮流屋导购网站推广 .164.1 电子邮件推广 .164.2 QQ 推广 .164.3 论坛 .174.4 微博推广 .18总结 .20致谢 .22参考文献 .230第一章 网站设计背景1.1 网站设计背景随着 Internet 的快速发展，一场巨大的变革已经由信息领域波及并深刻影响着经济和社会生活领域。因各种媒体报道的方式运营而生，使得网络的传播受到的很大的变革。在当今社会发展中，网络是一个崭新的信息载体，是一个数字化的平台，也是一种全新的文化空间，它正向社会的各个方面提供的一个完善的、全面的信息化服务。最近几年来，随着 Internet 技术的进步和网络传播的快速发展，在时尚领域中，人们追求时尚的方式有着明显的变化，那些喜欢时尚潮流的人们开始在网络上寻找更便捷、更全面、更快速的时尚资讯，时尚网站的崛起迅速的成为互联网的新热点，更是全球时尚界的关注焦点。时尚导购网站的出现，亦是时代发展的产物，它既是满足消费者的需求而存在的一种产物也是一种趋势。所谓导购，顾名思义就是引导顾客购买，让顾客产生一种购买的欲望。网络导购就是为了让顾客能知道自己的购买需求，或知道自己在不了解要买什么时，帮助顾客找到自己喜爱的，从顾客的喜好出发，为顾客推选出最合适自己的商品,并促使其做出最佳选择。导购网站一方面使得消费者方便快捷地购买到满意的商品，另一方面也是卖家进行商品推广实现商品销售的高效渠道。1.2 网站建设需求分析导购就是一种指导购物行为的桥梁，由于电商的进去与发展，1使得以前的线下购物慢慢的被网络购物所取代；人们在网络上的交易也越来越频繁，网上购物发展的更加快速。然而网上购物也出现了一系列的问题，最主要的问题则是诚信度和对商品的了解程度。产生这两个问题的原因是因为消费者在网上购物不能实际性的接触到想要购买的物品，因此，就出现了现在最流行的导购网站。由于在网上购物是经过数据的交易、人们的购买行为和其他的收集大量各方面专业数据挖掘消费者所喜爱的商品，让消费者买到自己心头好。基于当前导购网站的发展趋势，以及其应用的广泛普及，本论文定位于实现一个时尚潮流的导购型网站，其提供的商品包含有服装、饰品、彩妆等。时尚装扮潮流屋网站的设计是为了能更好的帮助买家在电商的平台上轻松、安全的购物，让用户体验到最优质的服务和更有趣的购物过程。1.3 网站整体结构本网站是一个时尚的导购网站，主要分为四个大的栏目:首页、服装潮流、饰品小屋、妆容空间。除首页外，其他三个大的栏目下设有多个小的类目，如服饰潮流下设有多种风格衣服款式，有韩系、欧美风等。每种风格中都罗列了其相关的对应风格款式服饰。韩系风格中，服饰产品都是一些韩式系列的衣服；在欧美风页面中，都是欧洲流行潮流元素的衣服。饰品小屋栏目下也设有多个子栏目，有简约型、唯美、奢华等饰品款式。妆容空间栏目下，设有一些脸部化妆用的妆容产品，有眼影、BB 霜、睫毛膏等。网站栏目的细化2是为了将时尚装扮潮流屋网站里的信息产品更好的让浏览者能够更快、更好的找到喜欢的产品。网站的整体结构图如下图 1-1 所示：图 1-1 网站结构框架图首页服饰潮流 饰品小屋 妆容空间欧美风韩系日系甜美清新学院风新款唯美银饰简约大方新娘配饰低调奢华淡水珍珠粉底液粉饼BB 霜睫毛膏眼影3第二章 前期准备2.1 素材收集整理本网站是一个导购型的网站，包含有服饰、饰品、彩妆三个类目的产品。素材的收集均来自网络。服装相关素材选取自淘宝、天猫、京东等各大电商平台时尚店铺或相关类目。饰品相关素材选自天猫旗舰店，或是热卖栏目。彩妆相关素材则是从现在人们比较喜欢的聚美优品官方网站收集。时尚潮流装扮屋网站的图片都是在收集后经过 Photoshop 软件的加工和处理的，弄好之后才运用到本网站上的。由于本网站是一个导购型的网站，其主要目的是为了更好的服务客户，大部分都是一些图片的收集和处理，如服装这一个栏目，都是从淘宝或天猫中销量比较好的店铺中采集而来，都是当时比较流行的一些服饰潮流款，也是比较热门的款式，图片大部分都是直接从网站上截取回来经过 Photoshop 软件的修改和处理过的，利用Photoshop 软件的一些基本工具，例如，魔棒、修补、裁剪等实现。在进行图片的处理时，运用了 Photoshop 软件中的切片、图像中调整的色相饱和度与对比度的一些方式进行调整，以及一些简单的选框工具与标尺的辅助进行图片的美化。然后将弄好的图片利用Dreamweaver 软件应用到网站中。2.2 LOGO 设计LOGO 即标志。它是每一个网站都具备的，具有代表性的一种标志，就是我们所说的 logo，而每一个 logo 的设计，都有其不同的4代表意义。它体现了一个网站的独特文化元素，也是吸引浏览者的关键。由于一个好的 logo 创意，不仅能对网站的宣传起到很好的效果，对公司或企业还是一个推广的活招牌，也是一种静态的标志。因此，在设计 logo 中不但要求美观协调，而且还要体现公司或企业的文化内涵。时尚装扮潮流屋网站的 LOGO 在首页的左上角，如图 2-2 所示，本网站 logo 设计简洁，主要由流行元素词组成的，字体颜色采用的是粉红色，粉红色带给人一种甜味感，也代表着可爱与浪漫，也是一种富有梦幻的颜色。另外，粉红色还是一种脱俗、素雅的颜色，代表女性同袍要开始有自己的主见和鉴定，开始走向成熟的表现，也是天使的颜色。本网站是导购网站，导购的商品是一些女性朋友喜欢的，有服装、饰品、彩妆，都是围绕女性朋友，所以用粉色字体更为贴切。图 2-1 LOGO 图片2.3 banner 设计Banner 设计，它是一个网站页面的横幅，也是活动的旗帜，是表达形象的宣传中心；本网站的 banner 利用 Adobe Dreamweaver 软件中的鼠标经过图像设计了一个简单动态特效，只要鼠标经过就会显示另外一张图片，具体实现效果如图 2-1 和 2-2 所示：5图 2-2 鼠标经过前 banner 效果图图 2-3 鼠标经过后 banner 效果图2.4 首页效果图每个网站的首页是体现网站内容信息的关键所在，也是能突出网站主题的重要页面，更是吸引顾客眼球的主要界面。本网站首页效果图如下图 2-4 所示：6图 2-4 网站首页效果图7第三章 网页设计制作3.1 首页设计制作每个网站的入口就是网站的首页，然而首页往往都会设计的很容易了解，能很好的引导网络用户浏览网站的其他页面。首页也是一个目录性质的页面。一个网站的首页要有一定设计原则，一般一个首页设计要有一定的基本原则：1、要有明确的内容：网站首页的设计，最先要注意的就是其网站的内容，如网站的功能以及用户所需，网站首页的设计应该围绕这几点来设计。2、很好的抓住用户：若是用户不能很快速的进入你的网站，或是操作起来不方便，那说明网站的设计是有问题的。不要让用户对你的网站失望而走到竞争对手的网站。3、优化内容：内容是核心。如一个网站有些页面设计是成功的，可是内容却不是全面的，还要花很长时间才能找到自己喜爱的，那么就不能算是一个好的网站。4、网站升级要及时：经常检测自己的网站运营状况。好的性能主机会随着访问量的增加，使得运行变得缓慢。要是不想失去访问者，就一定要做好及时升级。一个网站的首页是展现在顾客面前的第一个网页，是留给顾客第一印象好坏的关键页面，更是能够传播网站信息和品牌展现的主要页面。81、首页布局本网站是一个导购型网站，其主打导购商品是时尚、清新的潮流装扮。网站的颜色和布局搭配，是吸引顾客眼球的一个重要元素，然而，色彩搭配的合理性，是能够帮助网站增加点击性和流量。时尚装扮潮流屋网站色彩主要以浅色为主，简单大方，给人以舒适感。本网站首页设计以突出整个网站的产品类型为中心，以产品来体现网站首页的全面性。以产品来吸引客户的眼球，在网站的首页，设计了图片轮播 banner 广告图（图 3-3） ，同时，也设计了 div 图片轮播特效（图 3-2） ，增加网站视觉效果，吸引浏览者注意，加强网站首页的美观度。在网站的 banner 图下方，是产品展示区，方便客户了解本网站导购产品类目。网站的导航栏是以下拉菜单形式设计的，以 div 层设计，加强了客户的美观感，也让客户更加请楚网站的信息，增强对网站整体的了解度，以便让客户快速找到自己想要的产品，增加网站体验度。网页布局图如下图 3-1 所示：Logo 图 导航栏图片轮播Banner产品展示版权所有9图 3-1 首页布局图图 3-2 广告图片轮播特效图图 3-3 Banner 图网站的产品展示，是一个网站的重要部分，也是一个网站的主要产品中心区，是推介客户了解和体验的重点。由于本网站是一个导购网站，产品的展示是体现首页信息的主要部分，也是要让客户了解增强点击度的体验中心。本网站主要导购服装、饰品、化妆三大类商品，导购商品信息产品信息块采用简10单直白的方式展现，有助于让客户认识和了解本网站主要是从哪几个区块去展现商品信息，更让客户知道本网站主要推广的产品包含哪些，能让浏览者更方便、清晰的了解产品特性和基本信息。如图3-4 所示。图 3-4 产品展示图2、导航栏首页导航栏的设计，是以一种下拉菜单的方式来展示的，(如图3-5 所示)，利用下拉菜当的方式展现也能让顾客了解本网站的所包含的产品信息，让顾客更好、更清楚的知道本网站的信息元素。导航栏的设计是利用 div 层的样式来制作的，div 层的应用，不仅能让导航栏看起来更有动感视觉的效果，也使得整个页面看起来更加美观有层次感，不再显得那么呆板。导航栏的版面用的是红色，红色代表着热情、喜气、吉祥之感，也能更好的吸引浏览者的目光，从而增强顾客的点击率欲望，增加网站人气体验感。如图 3-5 和 3-6 所示。11图 3-5 下拉菜单图 3-6 导航栏 div 层代码3、广告轮播特效本网站的导航栏下方设置了图片轮播的广告图片特效和文字轮播的特效，利用图片特效的优势去美化与优化网站，虽然看似简单，但却能带给客户有趣的体验，可以利用炫目的切换效果吸引用户，使得网站更加能带给客户体验感和视觉动态效果。 （图 3-7）所示：12图 3-7 广告图片轮播代码图3.2 其他页面设计制作网站其他二级网页有服饰潮流、饰品小屋、妆容空间等，二级页面的设计是在一级类目的设计下，进行的一些热点小分类，是对产品进行分类展示。1、饰品小屋的页面设计制作饰品小屋页面的设计比较简单，因为是饰品，都是人们用来点缀装扮的，是为了显示其美观度，简单化更容易突出其亮点，让人能在第一眼找到自己喜欢的饰品。其图片素材是从一些品牌的旗舰店收集整理而来，都是当前流行时尚的饰品商品。为了突出其特点，在页面的布局上尽量简单化，就设置了产品的展示区，简单、美观。饰品小屋页面，应用了图片轮播的特效，让页面看起来有活跃美观之感，不在显得那么木纳呆板，也能更好的吸引用户的眼球，让本网站看起来更有美誉度，能更好的帮助提高网站的体验度。13图 3-8 饰品小屋展示图2、妆容空间的页面设计制作在妆容空间页面设计中，页面的布局和其他页面布局不太一样，采用两栏型的页面布局。页面左侧是产品大图展现与产品的评价信息，右侧是一些推介的产品。采用的是两栏的设计风格，左侧主要是放置一些比较流行热卖的产品，利用的是图文结合的方式来展现的，能更好的让客户了解到产品的特效和优势，做了一些简单的文字介绍。右侧主要是放置一些当季店铺的品牌推介产品，主要还说明了一些产品的功效，让客户更清楚的产品效果与亮点，亦能帮助14客户快速了解到自己肤色所要的产品，更能节省客户的时间，也能有效提高网站的体验度。图 3-9 妆容空间页面图15第四章 时尚装扮潮流屋导购网站推广4.1 电子邮件推广电子邮件推广，是一种经过用户许可的 Email 营销，它与滥发邮件是不同的，比传统的推广方式有着明显的优势，它是通过用户允许的前提下，向目标用户提供更有价值的信息以及附带一定量的商业广告信息。电子邮件是一种既方便又快捷成本又底的一种推广方式，也是互联网上使用最广泛的一种推广工具，由于电子邮件推广的各种优势,能够底成本、快捷的将本网站推广给客户认识，即节省时间又方便。适合本导购网站进行推广。根据邮件推广的特点，本网站的导购产品特色撰写了如下邮件推广软文进行邮件推广。图 4-1 电子邮件推广图4.2 QQ 推广QQ 推广是一种比较突出一站式效果的推广平台，不仅能过帮助商家在 QQ 上进行服务，还能够群聚目标客户，起到实现良好口碑的传播，QQ 的推广是以广点通为基础前提，提供适合 QQ 商家的营销推广解决方案的广告平台。时尚潮流装扮屋，选择 QQ 空间推广，是利用 QQ 空间平台的强大和广泛性，简单易上手的特性。结合运用到本网站，利用 QQ 群推16广方法来主动的投放广告，对客户被动的接受。能有效帮助网站节省成本，又能进行有效的推广给客户认识，又可以带来点击量，增强时尚潮流装扮屋的互动性。利用 QQ 空间的特点和优势，结合本网站的特色和需求，进行了QQ 空间推广。图 4-2 QQ 推广4.3 论坛论坛是一种以网络交流为前提的平台，是能过通过文字、图片、视频等方式为顾客提供服务和产品信息，让顾客能够更加了解网站的产品和服务，来达到企业网站的宣传和认知度的目的。 本网站之所以选择论坛推广，是因为论坛是网络推广的重要阵地，它针对性强、适用广泛，能够重点突出，是论坛的特色优势。它能够有效的结合到本网站上进行网络推广。因为本网站是一个导购网站，能很好的利用论坛优势，为时尚潮流装扮屋提高传播性的服务，带动客户点击，增强客户体验度。能够有效的聚集不同的消费群体，让顾客得到有效的转化，带来更多的客户量。 17另外论坛也是一个可行度高、较直接的推广工具，因本网站的需求，要直接、可行的带来客户，论坛就是一种较有优势的推广，能给本网站带来一定的点击量，有效吸引客户进行体验。图 4-3 论坛推广图4.4 微博推广微博营销是指商家通过微博这个平台，能过创造有利价值的一种营销方式，亦是商家通过这个平台来满足客户的各种商业需求的一种方式。时尚装扮潮流屋之所以选择微博推广，是因为微博的推广是一种比较好树立形象的推广交友平台，互动性较强、底成本的交流平台，适合本网站进行推广。因为本网站的需求，微博的推广能够有效的带动时尚装扮潮流屋的发展，利用其强大的优势特色，可及时与顾客进行沟通以及获得顾客的反馈，进行底成本的推广，更能有效对本网站进行传播，有效帮助网站传播给客户认识，从而增加顾客点击率。18图 4-4 微博推广19总结完成一个网站的设计是需要一定的时间的，经过 2 个月的不断学习、查找、搜集,和在老师的帮助下与自己的不懈努力下终于完成了，在这个过程中，从刚开始做毕业设计作品时，自己是模糊的、懵懂的、目标是不明确的，在到现在的全部完成，虽然时间不是特别的短，但是也不是很长，可我学到的东西有很多，从选题、搜集素材、网页布局和规划，还有色彩的搭配，样式的设计以及字体的大小、类型、颜色等，我觉得我这次收获最大的就是策划和有条理的完成一件事情，网站的设计是从网站的整体策划的形式表达出来的，要有条理性，一步一步的来做，最先开始是要经过老师的审核，之后在相应的时间里找其相关的资料和素材，再是设计网站的内容结构、导航条和正文内容的规划，设计首页及其页面的版式结构，然后就是创建设计网站，制作首页、二级页面及其内容、创建超链接。最好做的就是网站的测试与浏览网页，如果在浏览是有什么不理想、不满意的还可以进行修改，如此反复，直到到达自己最好的、最满意的效果！在设计这个网站的时候，让我学到了很多以前没有学到过的知识，也让我遇到了不少的难题，因为这是我第一次自己设计一个网站。在我设计中看到了以前自己没有看到过的缺点和不足，让我懂得了自己所学的东西还是不够的，掌握的也并不熟练，对于网页中的一些代码还和样式的设计没有全面了解和认识。特别是对 Div 层的应用，但是通过这次的学习和老师的帮助，使我对以前学的东西20温故而知新了一遍，也让我更加深入了解到了只有理论知识是不够的，要把所学的东西与实践相结合起来，我们要学会吸收经验，要从实践过程中掌握技术，从而提高自己的实际动手能力。21致谢毕业设计作品制作即
- 温馨提示:
1: 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
人人文库网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
川公网安备: 51019002004831号