Blackboard课程Banner的设计
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 是“信息化学习,从这里开始……“由于字比较少,还可以更改一下宽度;按下提交之后,网页上会自动生成我们所需要的图片,我们保存即可。效果还不错吧。
总之,一个好的Banner
需要花费课程设计者较多的精力,并要重复不断上传测试效果,我们可以尝试不同的方法,追求最佳的效果。
下图是我的课程上一个版本的静态Banner
,使用Photoshop
编辑。
»本文网址:http://bb.ithinkman.net/?post=5 ;
»除特别标注,本博客所有文章均为原创. 互联分享,尊重版权,转载请以链接形式标明本文地址;
各种观点