3.1.1  《IFAW公益网站》的性质及内容

IFAW网站是一个公益性质的网站，网站通过介绍IFAW组织的性质、主要开展的工作以及主要成员的职责等内容，让人们了解动物界的现状，呼吁人们保护动物栖息地、救助限于危难中的动物、推行人与动物和谐共处的动物福利和保护政策，提高公众意识，推广爱护动物的理念。

3.1.2  《IFAW公益网站》受众群的分析

这类公益网站的受众群主要有4类：
第一类是爱护动物人士：目前中国存在很多动物保护组织和个人，他们都希望参加保护动物的公益活动，帮助和拯救处于危难中的动物。
第二类是确实需要相关帮助的人：他们具备一定的文化知识，上网寻求一定的帮助或通过互联网进行网上的信息发布。
第三类是看客：这些人可能是以后网站上最多的人，随着网络的飞速发展，人们获取信息的主要渠道就成了互联网。这些人只要为城市的上班族或年轻一代的打工族，他们会时常注意周围发生了什么，会密切关注新闻，因此，保护动物的公益活动也会成为他们关注的焦点。如何将普通的看客，变成关注公益的公益人士，是网站建设者需要重视的。
第四类是新闻媒体同行。

3.1.3　设计选题的现状

对于IFAW公益性质的网站，网站建设者较注重其功能性，发布内容和获取信息。IFAW网站界面设计属于非常规整的，网站名称和标识、页面标题、导航栏、页面内容等组成都是由上至下的，一一按照固有模式排版，网页设计上缺乏艺术创新。如图3.1。
 
图 3.1  IFAW原网站截图

3.2   《IFAW公益网站》网页页面设计
3.2.1　 IFAW网站的色彩选择

由于IFAW组织的Logo是一个以蓝、白两色为主的圆形的标志，如图3.2，因此，网页的色彩选择以白色为背景、蓝色为主题色，橙色为点缀色；主要内容的文字选用黑、白、灰，这样给人以清新、稳重的感觉；标题性文字的颜色仍选用蓝色，使其与Logo相呼应。
 
图 3.2  IFAW网站Logo
3.2.2　 IFAW网站的风格设定
网页的风格是根据网站的性质和内容而定的。
我将IFAW网页风格设定为欧美的、平面风格。该风格的设计是二文设计，它是基于一个二文视图来工作的。这种风格侧重于构图、色彩以及表达的思文主旨，往往给人空灵的意境和透气爽快的感觉。
欧美风格的网页页面给人的第一印象就是简洁、突出重点。一般较少使用图文混排的方式，文字和图片分布在两个区块里，但是关联紧密，使得文字的说明作用更加突出。浏览者可以明确精准的找到自己想要搜索和寻找的信息。
           
图3.3  IFAW网站页面
如图3.3，对于IFAW网站页面设计中，就是按照欧美风格的原则，标题文字放置在页面左上角，相关内容图片放置在左下角，他们分在两个区域，但是彼此存在关联性；最右边的文字导航可以让浏览者随意选择自己想要浏览的页面。
在欧美风格的页面中，即使是长篇的文字他们也会通过段落的排版，将文章恰当的分为若干部分，从而不使浏览者感觉到阅读的疲劳。如图3.4
    
图3.4  IFAW网站中工作介绍页面

3.3   《IFAW公益网站》中“动态性”设计

在IFAW网站中，对于视觉元素的“动态性”设计有以下体现，例如最常见的颜色的变化、图形大小的变化、文字导航的伸缩变化之外，我还特别对以下几个部分进行动态化处理： 浅析Flash网页设计中的“动态性”(5):http://www.youerw.com/yishu/lunwen_2051.html