首页/百家讲堂/特和铺料说明文档

特和铺料说明文档

一、网站架构如下:

网站主架构(主导航):Rhinestone Transfer(水钻转移),Product(产品)、About Foksy(公司介绍)、News & Video(新闻和视频)、Customize & Feedback(定制和客户反馈)、Contact(联系)。

上述主导航Rhinestone Transfer、Product、News & Video、Customize & Feedback下面有二级分类,由于子分类数量过多这里就不一一列举了。

二、网站部分效果介绍:

1、Home( http://www.mytees.cn/)

特和铺料说明文档

首页banner(上图):刚进入网站上线吸引我们的绝对是这个张大图,banner一般展示主推产品和系列及活动;虽然只是几张图也能展示设计师的功底,这几张怎么样需要你自己去评价;这里却换banner方式有三种:自动、点击左右按钮、点击小白点;这个地方做了自适应处理(无论你用多大分辨率的屏幕查看网页,banner都会全屏显示在你的面前)。

特和铺料说明文档

首页公司简介(上图):这里像介绍的是左边展示图片的切换效果,这里和以往的切换方式不一样,个人感觉很酷。具体情况:当你点击指向左边的按钮时图片看起来会像翻书一样翻开左边的一页(图片),当你点击指向右边的按钮时会翻开右边一页;这样的展示方式打破以前的旧传统,相信吸引力会大大增强。

还有就是在浏览首页时,随着鼠标慢慢往下滚动时会看见一个现象:每当到对应位置时当前的内容会慢慢显现出来,并且有位移;具体效果还需自己亲身去体会。

2.About Foksy( http://www.mytees.cn/about-foksy/)

特和铺料说明文档

公司简介(上图):此处主要介绍的也是动画效果。第一个效果是:当我们刚进入这个页面时三个版块会从不同方向慢慢拼合到现在的位置,感觉在玩拼图游戏一样;第二个效果是:左上角那个图片切换效果,我给这个效果叫爆炸效果,当你点击左右切换按钮时当前图片会像爆炸一样变成碎片向四周散去,然后显示下一张。

特和铺料说明文档

质量控制/证书(上图):这里的亮点也是图片的切换效果,简单的的说是3D立体切换;具体效果用言语表达估计不会很到位,如果你此时好奇心来了欢迎你到页面去具体体会。

2.Products( http://www.mytees.cn/rhinestone-transfer/symbol-mascot/m16-0106-39.html)

特和铺料说明文档

产品细节展示(上图):这里介绍的是用少量的时间实现了复杂的工程,以前遇到这样的情况我们一般会首先做很多颜色的T-shirt然后再切换,然而这里还有前面的Design;这样工作量就非常的大;我们这里采用色卡的来切换,你直接选择颜色,然后T-shirt和Design会随着变换颜色;这里只要做T-shirt2和Design 2张透明的图片就行。

最后:一个好的网站不仅要做到图片设计和动态效果吸引人、新技术使用还要做到内部优化, 这一点我们一直在不断的进步, 相信在不断的努力下我们会做得更好