“完美日记”眼影产品展示页设计
3.1 产品特点分析
完美日记的眼影还是挺好的。颜比较全,而且动物眼影盘的话价钱也挺合适的,能涂出很多种效果。完美日记眼影和其他的眼影相比较而言,说区别还是有一些的。完美日记的款式会多一些,可供选择就会多一点,比如少女的,复古的,冷艳的,成熟的都有。其他的眼影比如:玛丽黛佳的就两个选择,系也不是特别多,适合初学的少女。主要特点就是价格平民化,款式多样化,少女系列主打,以消费者为主。
html图片展示特效经过前期沟通,合作方的具体页面需求如下:
1.体现青春与活力,因为“完美日记”眼影产品展示页的消费对象主要年轻女性,所以青春与活力的主题更适合作为该项目主题;
2.介绍公司概况情况,给消费对象一个良好的第一印象;
3.链上“完美日记”和“完美日记”其他产品的链接
4.各种品牌展示,包括展示其价格与评论;
5.在校招网页上链上各个参与招聘企业的链接;
6.自适应手机端;
7.展示页页面需要轮播图。
合作方给出的素材资源,其中文字资源共计2586个字包括8个公司简介,图片资源共计23张图片,链接68个包括1个公司链接、60商品链接、7个“完美日记”其他产品链接,详情如表3.1所示。
表3.1 素材资源
资源种类
企业资源
文字资源
2586字
图片资源
23张
链接资源
68条
3.2 展示页框架
本文具体对于“完美日记”眼影产品展示页的框架具体的构成如下图框架如图所示:
图3.1 “完美日记”眼影产品展示页的框架
从图3.1 “完美日记”眼影产品展示页的框架可以看出来,整个“完美日记”眼影产品展示页主要有四个模块,主要有对于完美日记公司的整体介绍,“完美日记”眼影产品的特以及具体种类的介绍,还有这些眼影产品的展示,还可以对于写产品的售价,以及连接点入的直接购买,甚至是可以在购买相应的产品之后,可以进行评价的操作,并且其他用户可以浏览这些评论,来引导自己的购买导向。甚至是“完美日记”眼影产品展示页还设置了友情链接,来引导消费者来购买“完美日记”其他系列产品,比如说:卸妆水,口红,等一些系列的产品,甚至是对于网站还设置了,收藏本文网址,加入VIP,登陆,注册,新闻中心,以及等一系列服务。
对于“完美日记”眼影产品展示页在页面结构上分为三大部分,展示页的页面结构如图3.2所示,将在外部结构上采用多页面上下框架型布局而内部content的结构视具体页面而定,内容上采用图文结合的方式来进行布局,分为三大板块,banner页、content页、footer页,该页面结构在本次设计中用于除引导页以为的所有页面,即下文中介绍的“完美日记”眼影产品展示页的首页导航功能实现、“完美日记”眼影产品展示页的商品购买与评论功能实现、“
完美日记”眼影产品展示页的商品种类特点、公司介绍、友情链接功能实现、商品种类特点、公司介绍、友情链接功能实现、“完美日记”眼影产品展示页的新闻时事功能实现。
图3.2 展示页结构
1.区情概况
(1)在功能上,该页面介绍“完美日记”的基本情况、公司简介、新闻中心、产品中心、等信息;
(2)在结构上,content部分采用上下框架的结构、图文结合的方式来进行设计;
(3)在功能上导航栏添加伪类特效,banner图轮播,添加各个功能链接,链接评论、买家晒图等功能。
2.商品种类特点、公司介绍、友情链接
(1)在功能上,该页面介绍商品种类特点、公司介绍、友情链接;
(2)在结构上,content部分采用图表结合的表达方式来进行设计;
(3)在功能上导航栏添加伪类特效,banner图轮播。
3.商品购买与评论
(1)在功能上,每一个商品都附带购买的链接以及图片展示,并且可以常看相应的评论,以及自己发表评论;
(2)在结构上,content部分采用图片展示的表达方式来进行设计;
(3)在功能上,导航栏添加伪类特效,banner图轮播,添加参加招聘企业的链接。
4.新闻时事
(1)在功能上,用来介绍最近公司的一些新闻实事,以及新品发布的消息;
(2)在结构上,content部分采用左右框架的结构,图文结合的方式来进行设计;
(3)在功能上,导航栏添加伪类特效,banner图轮播,加json+ccc+div进行格式布局与排版。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。