动画设计

网中网财会教学平台 素材规范 (V1.0.20090413) 1. 总体说明 网中网财会教学平台的素材设计主要包含如下内容： · 场景或背景图 · 公司形象动画图 · 人物形象：根据财务岗位设计 · 按钮：系列按钮、功能按钮（在系统中为固定的，不可自定义） · 对话框、批注框、文本框 · 箭头系列：多种形状，用于流程图的表示 · 内容区域：用于对业务或流程进行说明，主要包含标题区、副标题区及内容区 · 小图片：主要用于项目的前导，如本列表前的小图标 · 业务示意动画：用于演示业务办理的主要过程 这些素材的设计建议遵循以下原则： 1) 图形的设计采用GIF格式； 2) 为与背景相适应，各类图形宜采用与各自色彩相适应的透明度； 3) 除动画、背景图、公司形象动画外，其他的图形可适当的添加动态效果，但不宜过多的渲染。 4) 以上各类图像或动画的设计可参考如下网址：http://www.chinatax.gov.cn/cjsfwwangluo/index.html 2. 场景、背景图 场景图主要代表各类业务的发生地，在同一个业务流程中可能需采用多个场景图进行切换，而在业务描述时的背景图可以不采用场景图，场景、背景图的设计需遵循如下： · 图片的大小：1024*768 · 需有动态效果，可在细微处体现，如顶部，侧边，或人物剪影动作等 · 取色宜淡雅大方 · 场景：企业财务办公、银行办公、税务办公、其他政府部门（如工商）办公，每个场景图需有多张不同视角或远近的图片。每个场景最少需要两张不同视角的图片 · 背景：多种风格，每个风格的背景图有多张 3. 公司形象动画图 可采用公司现有的标志，或可根据财会教学的特点设计一个生动的形象，要求： · 设计为GIF动画，透明底色 · 要求有出场、离场、悬停三类动作的动画 · 大小：180*140、120*100（大致）两类 4. 人物形象 人物形象的设计根据财务岗位与企业及相关单位而设计，主要有：出纳、会计（13个岗位）、财务经理、总经理、法人，相关单位的有：银行职员、税务人员、工商人员等。 人物的形象要求： · 财务岗位：要求有全身、头像、办公形象三类，最少需要20个不同的形象。 · 相关单位：设计头像、办公形象 · 采用GIF动画，要求透明底色 · 每个形象要求有两个版本，一个为正常显示，一个为鼠标移上去后可高亮显示并有动画(如眨眼、微笑等)的版本 · 大小： 5. 按钮图像 按钮图像分为三类：导航按钮图像、功能按钮图像和业务流程用的系列按钮图像，要求： · 所有的图像采用GIF格式，根据各自不同的色彩采用合适的透明度，要求能与至少两种前述的背景图相适应。 · 每个图片都要求有两种表现形式：正常状态和鼠标悬停时高亮显示的状态。 · 导航按钮图像：一般放置于画面的边缘，不宜过大，参考大小：130*45，中间为纯色，可填入不同的文字。 · 功能按钮图像：用于系统功能的导航，主要有：全屏，返回上一级，返回目录等，可为较小的不带文字的图像，大小可以不一样，参考大小：33*33(60*60。 · 系列按钮图像：系列按钮图像用于表示各个业务流程，要求设计美观大方，并要求留有一定的纯色空间可用于填入文字，文字可在图像的顶部、底部或中间；要求： · 同一系列的图像要求有统一的外观或形状，但用色可以不一样，如同时采用星形、菱形等； · 同一系列的图像可以大小一样，也可大小不一，但要求有由小到大渐变的一个过程； · 每一个系列要求不少于6个图像，至少有三个系列需要16个图像； · 最少需要设计14个系列的图像； 6. 箭头 箭头图像一般用于将两个或多个按钮联接成一个整体，来表述一个完整的流程，根据不同的需要可分为两类：短的，用于两个按钮间的联接；长的，用于多个按钮间的联接，要求： · 采用GIF格式，带有一定的透明度； · 弯曲型的箭头需具有系列性，即多个箭头可以有机的组合成一个整体； · 一个长的箭头可以代表一个流程，流程按钮可以与之有机的结合； 7. 对话框、批注框、文本框 主要用于一段文字的说明，其设计要求如下： · 框的高度：两行文字、三行文字、四行文字、五行文字四类不同的高度，文字的行间距要求为1.5倍； · 框的宽度：可设计不同的宽度若干，以适应不同的要求； · 采用GIF格式，纯色，具有一定的透明度； · 同一个框最好能有上下左右四个方向不同指示箭头的图像； 8. 小图像 略。 9. 内容区域 内容区域用于文字与图像的编排，用于描述一个业务或业务流程中的某一环节的具体内容，要求： · 外观：如无规则形状、圆角矩形等； · 参考大小：890*520； · 一些图像需要有明显分区（标题区、副标题区、内容区） · 需要有渐变的背景图，采用GIF格式，具有一定的透明度，可以和场景图有机的融合； 10. 业务示意动画 业务示意动画可用FLASH或GIF制作；动画的内容需要根据不同的业务而定，分为通用与专用的两类设计。 动画的参考大小：300*270。 通用的可通过传递不同的文字参数来表述出不同的意义，主要有以下几类： · 外出办事：从企业到银行或其他相关单位，要素有企业大楼、办事员、车辆行驶、其他相关单位大楼等，需传递的参数有：企业名称、相关单位名称等。 · 单据缴交与审核： · 证件核发： 11.