Blackboard课程Banner的设计

2011.2 14

Blackboard课程Banner的设计

Li-dudu老师发表于 2011-2-14 1:42 Monday 工具及应用超过6876围观 0条评论

Blackboard 课程Banner 的设计

Blackboard 课程的Banner 默认显示在通知区域，用户进入课程后，首先印入眼帘的就是Banner ，它对用户体验有重要的影响。如下是我个人对Blackboard 课程Banner 的设计的浅见。

1.Banner 的大小

出于学生用户可能在使用不同型号的显示器，甚至不少校园的机房仍用17 寸CRT 显示器，因此可能出现教师在自己电脑上看没问题，但到了机房或者学生宿舍就显示不全的情况，这是由于Banner 太大导致的。经过我个人多次测试，宽度小于750 像素、高度小于200 像素的长方形横向Banner ，其宽度满足老式显示器显示宽度，高度也恰好，不会给使用者造成喧宾夺主的感觉。我的课程的大小是720 ×192 像素。

2. Banner 的类型

Blackboard 支持多重文件格式，我们设计课程时，静态的可选择JPG 格式，PNG 格式；动态的可选择GIF 格式。这些格式均可以被IE 、火狐、Opera 等显示器正确显示。当然动态的更能吸引使用者的眼球，至于到底是动态的好一些，还是静态的好一些，这要根据教师的偏好以及课程的主题而定。

经我个人多次测试，显示速度和图形清晰度成反比，因为清晰度高的图片文件大，浏览器加载速度就慢些，所以我们的学生的网络环境速度较差时，建议多次试验，并询问学生的使用效果，以一秒钟内可以加载为佳。

3. Banner 的设计

最直接的设计是选择好Banner 背景素材，用Adobe Photoshop 等图形软件编辑。当然如果我们不具备操作此类软件的能力，互联网上也有一些自动可以生成Banner 的免费网站帮助我们完成，这种方式最大的缺点就是找到和课程主题匹配的Banner 类型可能需要耗费较多的时间、可以填写文字字数有限、某些动态的要收费等。

我们可以从搜索引擎搜关键词“免费Banner “，搜索结果中有很多此类网站打开其中一个后，通过手工翻看，查看得到这个http://www.900.la/page_6637.html ，这是一个728 ×90 像素静态的Banner 。

这是一个多用途Banner ，接下来填写上文字，文字1 是“某某课程Bb 教学平台”、文字2 是“信息化学习，从这里开始……“由于字比较少，还可以更改一下宽度；按下提交之后，网页上会自动生成我们所需要的图片，我们保存即可。效果还不错吧。