网中网财会教学平台素材设计规范相关说明.doc

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