让您bb课程的色彩更诱人

让您bb课程的色彩更诱人

Li-dudu老师 发表于 2013-6-6 23:15 Thursday Bb课程设计与技巧 超过3649围观 0条评论

让您bb课程的色彩更诱人

Bb是在网页上显示的课程管理系统。诱人的配色方案能够降低学生学习的疲劳感,并在一定程度上增加对课程学习的兴趣。而Bb默认的风格颜色单调,并不能起到诱人的作用。本博文将分享如何让自己的Bb课程的页面色彩更加诱人。

注:本博文以Bb9为例,操作步骤和选项位置不适用于7/8版本。

1.选择恰当风格

方法A:在路径栏右侧找编辑器开关左侧的风格快速设置按钮中的下拉菜单中选择。如图1所示:

点击查看原图

图1 快速设置Bb的风格

 

这种方法快速方便,但无法预览每个风格的缩略图。而且选择新的风格后,课程左侧原先设置好的按钮导航菜单链接,会自动变成文字菜单链接。

方法B:在控制面板-定制-样式中选择 3.选择课程主题中设置风格”,如图2所示:

点击查看原图

图2 从控制面板中设置Bb的风格

 

这种方法虽然操作步骤繁琐了一些但可以同时设置左侧导航菜单、横幅、入口页面。

2.尽量将风格、菜单、横幅颜色尽量保持一致

风格、菜单、横幅的颜色位置如图3所示:

点击查看原图

图3 主题颜色、菜单颜色、横幅颜色的位置

 

选择好课程主题风格后,将主题风格、导航菜单链接、横幅颜色保持一致会让课程的色彩有整体风格,如果课程主题风格是暖色(例如红色),而菜单是冷色(绿色)横幅是黄色,看起来会失去协调感。

设置好具有一致颜色效果的课程如图4-6所示:

点击查看原图

图4 黄色为主的Bb课程色彩搭配

 

点击查看原图

图5 红色为主的Bb课程色彩搭配

 

点击查看原图

图6 蓝色搭配绿色的Bb课程色彩搭配

 

 

3.一点个人经验

A.课程的导航菜单,按钮会显得更专业,文字链接会显得更简洁。

B.纯色、直角按钮会显得更严肃、圆角、图案或者条文按钮则显得更轻松

C.Bb的网页编辑器中没有中文字体,如想使用常见的中文字体,则需先将文字在Word软件中排版并设置好颜色后,粘贴到Bb的编辑器内。

D.所有的文字、图片、文件夹或项目的标题的颜色,如能符合国际配色方案的原则,则视觉效果会更加出色。

例如:按照这个网址的文档

http://www.docin.com/app/p?id=78289312

http://www.360doc.com/content/12/0415/20/9060464_203840406.shtml

中描述的方案,进行精确的配色。会得到让人觉得舒服的视觉效果。

 






»版权所有:《SCL教学范式探索者》 → 《让您bb课程的色彩更诱人》;
»本文网址:http://www.eurasia.pw/post-56.html
»除特别标注,本博客所有文章均为原创. 互联分享,尊重版权,转载请以链接形式标明本文地址;
  • 各种观点