时尚威登网-化妆品
于*
web前端，web，前端，实战项目
项目描述
本网站设计意图在于传播，分析最新的时尚信息。分享，介绍当季的流行单品；以及推荐一些热门的视频播主。
上传时间
2019.05.27
浏览人数
1604人
于*
天津市河西区
Hot:1612
网站链接：http://yyxxa.gz01.bdysite.com/
网站介绍
本网站设计意图在于传播，分析最新的时尚信息。分享，介绍当季的流行单品；以及推荐一些热门的视频播主。
从视觉效果分析，作为一个时尚网站，网页的配色要做到视觉对比强烈，吸引人眼球，为此参考了许多奢饰品网站，测试了许多种效果，最后决定采用使用黑白色为主色调，首页的图片以金色为主，创造出一种低调、奢华的风格。
本网页主要分为5个功能区
①首页
首页是对所有内容的总体介绍 包括彩妆、香水、网络红人、时尚资讯四个部分,,对于菜单考虑到用户体验的问题设置了相对窗口定位,使用户不管将页面下拉到什么位置都能方便的点到菜单进行跳转;菜单里的下拉菜单是使用悬停+上下滑的方式进行处理的,效果比较自然没那么生硬.
在产品介绍的时候使用了选项卡切换+淡入淡出的切换效果,同样也是考虑到过渡效果的自然性.点击可以跳转到对应的页面
在下方插入了视频和使用大量图片提升网页的视觉效果
下方的部分使用了轮播图+悬停效果,其中悬停的蒙层里的内容使用了动画效果缩放和平移出现 效果比较生动.
②香水
以香水的香型作为分类，分成了6个部分，每个部分对于该香型作了简短的介绍，
并在每种香型下展示了三种对应该香型的香水，进行详细的介绍。
其中的内容都是使用ajax生成的
③彩妆
首先以彩妆的生产国家作为分类分成了3个部分，再在每个国家下面分成了3个热门的品牌，
再在每个品牌下面展示了三个热门的单品。在二级界面中使用了选项卡切换.
其中的内容也是用ajax调取的数据
④时尚博主
列出了几位热门的视频博主，并进行了简短的介绍，并且列出了几个他们热门的视频。
⑤时尚资讯
以图文的方式展示出了最新的时尚资讯,使用了不规则大小的排版,在部分模块中穿插这悬停效果,增加页面看起来的时尚感.
三级界面的内容也是通过ajax调取数据实现的
心得体会
通过这个项目的总结的经验:在写一个项目之前要在动笔之前构思好每个页面的框架 以及页面和页面之间的链接方式,避免后期调整起来的麻烦.
于*
