聚卓项目组完成完一家家电企业的网站静态页面设计后，根据客户需求，利用网站动画效果进一步提高网站的视觉效果。聚卓认为，网站动画必须要能充分展现公司形象、服务宗旨，因此设计形式必须新颖，无论是色彩、版而还是网页动画，都能迅速吸引客户眼球。


1、首页动画


公司建站的主要目的就是对外宣传产品，提升企业品牌的知名度和影响力，同时也作为公司传播企业文化的—个重要窗口，使浏览者不仅仅看到公司优秀的产品，还能领略到公司“以人为本，服务社会”的经营理念。为了使浏览者进入网站首页后能有一种亲切感，而不是直接面对冷冰冰的产品图片，聚卓项目组决定首页的动画内容以展现公司良好的精神面貌为主。由于前期的美工图中，预留的导航下方的空间大小基本就是一个通栏的尺寸，适合做—个通栏动画。因此，首页的动画主题以清新、和谐、绿色、环保、休闲为主，使浏览者在进入首页后能沉浸于朋c公司家电营造的温馨氛围之中，进而引导浏览者去了解更多的公司相关产品信息。


2、文本类页面动画


客户网站有三个重要的文化宣传页面，即“关于我们、资讯中心、客户中心”。这类页面需要独立的动画渲染页面效果，因为在本质属性上，这些页面是相同的，以文字性的元素为佳，这就要求对这些页面的动画设计提出一个相对较高的要求，这个不是动画制作难皮或技术含量上的，而是如何与大量的文本类信息融为一体，因为文本为主的页面视觉元素相对整齐统一，而且量也比较大，如何避免浏览者在打开这些页面后产生心理排斥感，从而能顺利地引导浏览者进行有效的信息阅读，这是设计这类动画的难点。既然文本类的页面信息量大，那么动画的视觉元素就应该简洁有力，使浏览者的视觉能够得到适当缓冲，所以文本类页面的动画元素应该简化，整个面面中除了开阔的草地天空、漂浮的热气球和公司的予目“全心全意朋”之外，就没有任何多余的元素干扰，在画面气氛上还是与首页的风格“清新、自然”保持一致。


3、产品页面动画


产品的宣传和推广，是客户制作此网站的目的之一，同时，产品也是浏览者最为关注的重点信息，因此产品页的动画，除了与另外几个页面的动画整体风格相二致外，还要借助动画充分反映产品的特点。客户主要生产电冰箱、洗衣机、饮水机，如果提炼这些产品的共同属性，似乎都与水相关，当然，还可以提炼出其他的共同点，如；都要用电、都是家用电器等，之所以把“水”作为产品的共通元素来提炼，主要在于“水”传达给人的意念比较贴合产品的本质，如：生命之源、洁净、开阔、动感、自然等，因此在这个动画中，以大海作为背景图片，同时辅助以芭蕾舞演员轻盈的舞姿来表现产品内任特质，产品页动画当然少不了产品图片，选取最新的产品图片作为这个动画的另外一个重要元素，对产品图片的色调及效果尽心能地突出它的科技、质感，同时对产品的轮廓利用f1ash中的图层遮罩功能，肢之产生光泽流动的效果。

• 上一篇： 翻页采用分页页码还是无限滚动 交互设计以用户体验为本
• 下一篇：网站框架结构对网站导航的负面影响