Digital signage presentation design guidelines

From Libopedia
Jump to navigation Jump to search

Introduction

This page provides guidance on designing your presentation, as well as useful links to download the production-ready templates, with the correct aspect ratios and orientations for the various displays in the libraries.

Bulb.png Note: Uploading your presentation to Xibo


To upload your completed presentation to Xibo, please see the Xibo guide for digital signage.

PowerPoint templates - Download links

The following templates are based on the official Stellenbosch University PowerPoint templates, with modifications to include the Library and Information Services logo and adapting the aspect ratio for use with the displays linked to the Xibo digital signage system.

Click on the images below to download the corresponding template:

Bulb.png Note: Template orientations


The horizontal template is the most commonly used, and will fit nearly all modern displays. The vertical template should only be used the when the display itself is oriented vertically, like e.g. the large screen mounted against the column outside the learning commons.

If you come across a display where neither of these templates fit perfectly, please log a ticket on HEAT, select the "ITProbleem" option and provide as much information on the specifications of the display as you have available.

Use of colour

It is strongly recommended to stick to the official University colour palette whenever possible. This ensures better readability (these colours are designed with good contrast in mind) and increased brand recognition, and additionally increases the consistency of the branding used by the library.

For your convenience, these colours are provided below:

HEX Code RGB Description
#60223b

140,151,154

brand-maroon

#8c979a

96,34,59

brand-gray

#967140

150,113,64

brand-gold

The SU colour palette

Use of links

Long links, or URLs to web pages are hard to read and copy in the short time that a slide is visible. There are two alternatives to this:

Provide a path for the user to follow from the home page

For example, instead of including a link to the following page on the presentation:

http://library.sun.ac.za/SiteCollectionDocuments/jsg/Library%20Interactive%20Floor%20plan_Eng_BB_ADL_17Jan18_FINAL%20sonder%20klank.pdf

It is much more accessible to include the following text:

Library Homepage -> Help -> SU Library Floorplan 

Provide a QR code

QR codes can provide quick access to complex links, and are nearly universally supported on mobile phones (sometimes the functionality is built-in, otherwise the user may need to install a small app). To generate a qr code, do the following:

  1. Launch Wolfram Alpha
  2. Type "qr code" followed by the URL you want to link to in the search box (see the examples below) and press enter
  3. Once the code has loaded, press "Show larger" in the upper right corner of the QR code section (see the example below)
  4. Now right click on the larger code, and choose "Save Image As", and choose where to save the image
  5. You can now insert the QR code into your presentation, as you would with any other image.


Entering the URL into Wolfram Alpha


Clicking "Show larger" to load a higher resolution QR code