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

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.

  • Horizontal 16:9 template, for standard widescreen, High Definition displays (a perfect fit for most modern displays):
  • Vertical 9:16 template, for vertically oriented widescreen, High Definition displays (well suited for e.g. the large display mounted vertically on the column outside the learning commons):

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