LTU HPC line introduction

Graphics for navigation

In this Course we have used following graphics to make navigation easier.

Headers
Bold text
Banners (to use at the top of a page)
Dividers (to divide content with in a page)
Icons (For students to quickly recognize what a section on a page is about)

Banners

Banners are often used at the top of a pages and at the modules first page. Its a graphic element that can contain a header, the Universitys logo and colours.

Dividers

LTU HPC line introduction

LTU HPC line literature

A page divider helps break up content, showcases different sections, and can amplify design. While usually seen as a simple way to establish content hierarchy, a page divider is one of the main components of your page design.

Icons

Hand in

Watch media

Read

Tips, Checklist

Icons can be a great way to get essential content to the point. Icons attract attention and they help your students to find and scan content. When using icons in your design make sure you base them on metaphors that people understand, or introduce them along with more descriptive text.

We have made a collection of banners, diviers and icons for you to use.

You find the collection with this link: Material for digital course room design

Exercise: Try to add graphics to a page

To do:

Search for a Banner, divider or icon in the collection: Material for digital course room design
Mark it and Copy it
Go to the page in your course where you want the graphic element to be and paste it
Reflect on what type of Grafic you want in your course design and try to use it continuously.

This exercise is for practice only (not graded)

Support

If you have any questions any time during the course address them here: Support