Carousel: Difference between revisions

From MFRL Staff Wiki
Jump to navigation Jump to search
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== Creating Slides for Carousel and Electronic Signs ==
== Creating Slides for Website Carousels ==


Our Electronic media uses two different size ratios.
===Requirements when sourcing from Electronic Sign slides===


The Electronic Slides (AKA TV Displays) use a 16:9 aspect ratio, and any images destined to be displayed on them need to be 960x540 pixels. They can be larger as long as they maintain that aspect ratio.
IT often creates slides for the front page (or kids' page) of our website using preexisting Electronic Sign slides.  If the slide is fully editable as described below, IT will take care of the needed changes for website publication. This is the preferred method.


Slides for the Carousels on the Front page or Kids/Teen pages use a 3:1 aspect ratio, and any images destined to be displayed on them need to be 900x300 pixels. They can be larger as long as they maintain that aspect ratio.
* '''Text must actually be text''' Editable, and NOT an image of text. It is acceptable for a Logo to be a graphic rather than text.
* '''Limited amount of text''' Brevity is the sole of wit, there's only so much room, and people will not read a wall of text that's only shown for 6 seconds.


In either case images of text should be avoided as much as possible (Logos being the major exception).
===Making a better slide===


Any slides created for either media should be designed in PowerPoint, and saved to the appropriate location on the P: drive. This has several benefits:
If you are submitting your own slide to IT for website publication, please consider the following:
* The slide can be edited easily by any appropriate staff in the event of Errors, Reschedule/Cancel, Repeat or Update.
* The slide can more easily be converted from one destination format to another.


While using other programs for inspiration or initial design isn't verboten, converting between various programs can be problematic, and can lead to stretched/squished images, degradation of resolution or even non-portability of assets. Additionally it may require account creation with third parties and extra work communicating to transfer access to assets between staff. Using a powerpoint template at the appropriate location on our P: drive obviates all of these problems.
* '''Slides should be designed using PowerPoint.'''  This allows for easy editing for the inevitable changes that will be needed.
* '''Aspect Ratio: 900x300''' Ideally your submission will be in this size. Slides can be larger, but they must still maintain the 3:1 ratio.  Smaller sizes can be problematic.


=== File Locations ===
**In PowerPoint, this setting is found in Design Tab > Slide Size (''Page Setup'' in older versions) > Custom
**Since there is no handy preset 3:1 setting, manually enter 12" width by 4" height.
**Best to do the as the first step of creating a slide.
* '''Locaton of Nav Arrows''' One easy to forget aspect is the Navigation handles on the carousel itself. Don't put important text on the middle of left or right side. Margins are good.* '''Location, Location, Location''' Slides need to specify the branch where the program occurs.
* '''No MFRL Logo''' While it should be included on other social media platforms, the MFRL logo should not be part of the slides on our MFRL website.
* '''Legibility''' People will be viewing these on their computers but also phones and tablets. Picking colors that contrast well and are easy to read is helpful. Black and white are timeless because anyone can read them. Red+green or Red+blue might be invisible to some patrons. Fewer words are better than a wall of text.  Small text on a small phone will also be illegible.


Each branch has a file located at '''P://Electronic Signs/''' Regional Staff and Youth Services also have folders. For creation of slides for the Kids & Teens section of the website there is a subfolder in Sarah's Folder.
===Likely Rejection Reasons of slides submissions===
* '''A single image''' If your potential slide was created in another program and exported as an image it can not be used.
* '''Wild size/aspect differences''' Submit as 3:1; see above.
* '''All text''' If you have a ton of text and no graphics it'll be unlikely to draw attention.
* '''Use of images without permission''' Using other peoples work without permission can have negative repercussions. If you're using Google image search, click Tools > Usage Rights > Creative Commons

Latest revision as of 08:33, 30 October 2020

Creating Slides for Website Carousels

Requirements when sourcing from Electronic Sign slides

IT often creates slides for the front page (or kids' page) of our website using preexisting Electronic Sign slides. If the slide is fully editable as described below, IT will take care of the needed changes for website publication. This is the preferred method.

  • Text must actually be text Editable, and NOT an image of text. It is acceptable for a Logo to be a graphic rather than text.
  • Limited amount of text Brevity is the sole of wit, there's only so much room, and people will not read a wall of text that's only shown for 6 seconds.

Making a better slide

If you are submitting your own slide to IT for website publication, please consider the following:

  • Slides should be designed using PowerPoint. This allows for easy editing for the inevitable changes that will be needed.
  • Aspect Ratio: 900x300 Ideally your submission will be in this size. Slides can be larger, but they must still maintain the 3:1 ratio. Smaller sizes can be problematic.
    • In PowerPoint, this setting is found in Design Tab > Slide Size (Page Setup in older versions) > Custom
    • Since there is no handy preset 3:1 setting, manually enter 12" width by 4" height.
    • Best to do the as the first step of creating a slide.
  • Locaton of Nav Arrows One easy to forget aspect is the Navigation handles on the carousel itself. Don't put important text on the middle of left or right side. Margins are good.* Location, Location, Location Slides need to specify the branch where the program occurs.
  • No MFRL Logo While it should be included on other social media platforms, the MFRL logo should not be part of the slides on our MFRL website.
  • Legibility People will be viewing these on their computers but also phones and tablets. Picking colors that contrast well and are easy to read is helpful. Black and white are timeless because anyone can read them. Red+green or Red+blue might be invisible to some patrons. Fewer words are better than a wall of text. Small text on a small phone will also be illegible.

Likely Rejection Reasons of slides submissions

  • A single image If your potential slide was created in another program and exported as an image it can not be used.
  • Wild size/aspect differences Submit as 3:1; see above.
  • All text If you have a ton of text and no graphics it'll be unlikely to draw attention.
  • Use of images without permission Using other peoples work without permission can have negative repercussions. If you're using Google image search, click Tools > Usage Rights > Creative Commons
Retrieved from "http://wiki.mfrl.org/index.php?title=Carousel&oldid=993"