“完美日记”眼影产品展示页设计
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小时内删除。