项目一优秀网店赏析

1、项目一优秀网店装修设计赏析项目编号：wysj-1学时：4学时指导老师：曹春益h期：2016.2.29项目简介通过分析不同主题的优秀网店页面，有助于迅速提高电子商务网页设计水平和激发学习兴趣。通过对优秀网店页面的布局策划解析，可以形象化理解网店的配色、设计流程、页面版面设计等。项目目标1、能力目标学习完本项目后，学生应当能够对优秀网店培养基本的赏析能力及设计能力，包括：（1）分析网店的配色方案（2）分析网店的版式结构（3）编写网店赏析报告（4）模仿同类网店进行规划设计2、知识目标（1）网店的基础知识（2）网店首页及详情页的基本构成（3）网店布局常用结构3、态度目标（1）具有思考、探究问题的自觉性

2、、主动性和创新性；（2）具备良好的沟通、表达能力；（3）具备良好的团队合作精神。项目内容任务一：服装类网店赏析任务二：数码产品类网店赏析教学形式1、学生两人一组进行讨论、分工及制作2、各任务的实施（过程中教师进行分析指导，并讲解所涉及的相关知识）3、小组交流汇报任务编号：wysj-m实训地点：校内实训基地小组成员:姓名:陈玲蝶饶佳任务一 “服装类网店赏析”任务单期：2017-2-21班级:学号:电商16223电商16202一、任务描述本任务目标是每个小组任选1个服装类网店，并分析其页面布局、导航条目设计、色彩搭配等, 以便为同类型网店规划设计页面。二、任务分配（由学生填写）陈玲蝶饶佳 三、任务

3、实施（由学生填写）1 所选店铺名称及网址2.网店栏冃结构ffl word的组织结构图来描述，并要求针对栏目结构图分析栏li结构的划分原则及其优劣性可按照以下示例方式来描述：合费综缴it售口吐岀商供帮宗b助 大货2.网店结构布局（画出布局草图）按照以下示例来描述： w广告碗商品谓i?狮決使用週ta |面来作为欢hh帔的觴，将|1人物淞界幽左蹴金删；点位15,并使用广吿文孰镇i|进行絵怖練化，突岀话动的|j内咨;； 如区:存该区刪上缺i|用四个大小-鮒耶来对商| 品进行分类,用多角嘶特；i形象来展現谢肖商品的特点；i1 ®r告商品：将特定区i翅行1:三等分划分,通过价阙忧；i来究显出商品

4、的优惠力度，展i1斜广告商抽内咨；，；紬禍详偷将商韓删；i族大娜却禺肚来，并i1通过画龙点情的文空进行说1 :明,详细陆晰岀商品的拄点£3.色彩搭配方案0设计元素配色：麒度棕鮎“g go. do .rts. g67. b56,r1祗盹b35mgs2.b26.r153. gios. b51c93.磁 y®、kbo .ctk 血饶 k35.<c3s. xbh、毁 k3cdk皿、珮kuc47. 艇班 k50辅助配色=高纯度的颜色卩r251. gin b171r133. g1& b133r20. <373、b216r150, g13k b2r239. gil b

5、134cl阪也kdcsl nflok y12. kd .ck m14、715、k)c5l 曲 yl(a kis m yl(k kd本例在进行设计和制作的过程中，使用了大量的棕色色调的照片作为网页的主色调，由此來营造出一 种复古的时尚感，使得首页屮的颜色协调而统一。除了追求整个页面的色调统一以外，在对商品进行 描述和分类的区域中，还是使用了色彩较为鲜艳的多种颜色进行点缀，赋予画血生机勃勃的感觉，同时避免整个网页因为颜色太多相似而显得单板。四、任务小结五、任务执行评价：（根据任务完成的质量、及时度、报告的编写质量给出成绩（100制），作为本项fi总成绩评定时的依据之一）成绩：序号内容参考分值（分）

6、实际得分1栏目结构302布局草图503配色20最后得分日期：2016年3月2日任务拓展1、 每个小组任选1个箱包类网店，并分析其页面布局、导航条fi设计、色彩搭配等，以便为同类 型网店规划设计页面。任务二“数码产品类网店赏析”任务单任务编号：wysj-1-1学时：2实训地点：日期：小组成员：姓名：班级：学号：一、任务描述本任务目标是每个小组任选1个数码产品类网店，并分析其页面布局、导航条目设计、色彩搭配等，以便为同类型网店规划设计页面。二、任务分配（由学生填写）三、任务实施（由学生填写）1. 所选店铺名称及网址用文字进行描述2. 网店栏目结构用word的组织结构图來描述，并要求针对栏目结构图分

7、析栏冃结构的划分原则及其优劣性可按照以下示例方式來描述：內利商城合费综缴户圉帐管售品岀商洪帮 宗商助 大货常问见趣图51内利商城网站栏目结构效果图2.网店结构布局（画出布局草图）按照以下示例来描述：躺区广告烈商品详1,?迎脱:便用了融猶i i面来作为欢酬i块的背勒将i 1人物淞界碗赂金分割； ;点位贵'并使用广吿文詡其; i进行修tm化，突岀话蒯i :内贰ii伽区：在该因蒯上方使i i用四个大小一致的图像来对商i 謎行分类,用多角度的劇; i形象来展躱热艄商品的特点；i 1 ®r告觸:将特定区嘶1 ；三尊分划分，通过价格的对比； i来突显出商品的优惠力度，展i 1示出广吉商品

8、的内咨；| ；商品详係将商融辭以； i淋的形如紐出来，并i 1通过画龙点w的文宇遶行说1 ；明,详细摘析岀商品的特点s；3.色彩搭配方案可按照以下方式来描述：0设计元素配色：麒度棕鮎亠g go. do .rts. g67. b56,r1祗盹b35mgs2.b26.r153. gios. b51c93.磁 y®、kbo .ctk 血饶 k35.<c3s. xbh、毁 k3cdk皿、珮kuc47. 艇班 k5r251. g1r b1"c1.帧 w k)r133. g1& b133 052. mioo.馄 kdr20. q2 b2166 m14. y15. k)r150. g131. b2c5l 曲 y10 kir239. gil. b134 g 赵 kd0辅助配色=高纯度的颜色卩本例在进行设计和制作的过程中，使用了大量的棕色色调的照片作为网页的主色调，由此來营造出一 种复古的时尚感，使得首页屮的颜色协调而统一。除了追求整个页面的色调统一以外，在对商品进行 描述和分类的区域中，还是使用了色彩较为鲜艳的多种颜色进行点缀，赋予画血生机勃勃的感觉，同 时避免整个网页因为颜色太多相似而显得单板。四、任务小结1、制作过程中遇到的问题及解决办法。五、任务执行评价：（根据任务完成的质量、及时度、报告的编写质量给出成绩