Screensavers for Icons PRODUCTION NOTES FOR DEVELOPMENT (UX-352)

Three separate screensavers were requested and created for the icon cameras. In the Web UI of the Icons, the user will have the ability to enable and disable the screensavers. Each screensaver will have pre-set sleep appearance start times and display time out functions.

On-screen information will move around to prevent burn in.

All screensavers are: 1920 x 1080 pixels, 16:9 aspect ratio

_

_

SCREENSAVER #1

Icon screensaver with the calendar integration OFF.

  • This screensaver will appear when the events calendar function is not activated.
  • It will feature the name of the event's (icon's) location, the current local time and date.
The background is 100% Black. The text content is Hex #ebebeb (RGB: 235, 235, 235), horizontally centered and vertically off-center and raised into the top 3rd of the screen.

_

_

SCREENSAVER #2

Icon screensaver with the calendar integration ON, but with nothing scheduled in the room.

  • This screensaver will appear when the events calendar function is activated, but a event hasn't been scheduled.
  • A line of text will state that there are no events scheduled for the room.
  • It will feature the name of the event's (icon's) location, the current local time and date.
The background is 100% Black. The text content is Hex #ebebeb (RGB: 235, 235, 235), horizontally centered and vertically off-center and raised into the top 3rd of the screen.

_

_

SCREENSAVER #3

Icon screensaver with the calendar integration ON

  • This screensaver will appear when the icons goes to sleep and the events calendar function is activated and a list of events are scheduled.
  • Each meeting will be listed vertically and will feature the current local day, time, the event's name and will also have a calendar appointment icon to the left of each event.
The background is 100% Black. The text content is Hex #ebebeb (RGB: 235, 235, 235), horizontally centered and vertically off-center and raised into the top 3rd of the screen.

_

_

To prevent screen burn-in, the content of all three screensavers will refresh and move around the screen in pre-determined intervals of time and locations.

_

SCREENSAVER #1 - ANIMATED

This screensaver will appear when the meeting calendar function is not activated.

  1. Initially the on-screen content will fade up and hold in place. After a pre-determined amount of time (see example video below) the text will fade out and back in using a downward rolling fade-out effect. Again the content will hold in place and then it will fade out again.
  2. Immediately after the second fade out, the text will fade up again in a location near the bottom third of the LEFT side of the screen. After the text fades in it will hold for a pre-determined amount of time before fading out again. See example video below
  3. Immediately after the third fade out, the text will fade up again in a location near the bottom third of the RIGHT side of the screen. After the text fades in it will hold for a pre-determined amount of time before fading out again. See example video below
  4. FINALLY, the on-screen content will fade up in the middle of the screen at it's original location and repeat all the previous actions.

This video is a one-time loop of screensaver #1.

Images of on-screen content placement.

_

___________________________________________________

SCREENSAVER #2 - ANIMATED

This screensaver will appear when the meeting calendar function is activated, but a meeting hasn't been scheduled. A line of text will state that there are no meetings scheduled for the location.

  1. Initially the on-screen content will fade up and hold in place. After a pre-determined amount of time (see example video below) the text will fade out and back in using a downward rolling fade-out effect. Again the content will hold in place and then it will fade out again.
  2. Immediately after the second fade out, the text will fade up again in a location near the bottom third of the LEFT side of the screen. After the text fades in it will hold for a pre-determined amount of time before fading out again. See example video below
  3. Immediately after the third fade out, the text will fade up again in a location near the bottom third of the RIGHT side of the screen. After the text fades in it will hold for a pre-determined amount of time before fading out again. See example video below
  4. FINALLY, the on-screen content will fade up in the middle of the screen at it's original location and repeat all the previous actions.

This video is a one-time loop of screensaver #2.

Images of on-screen content placement.

_

___________________________________________________

SCREENSAVER #3 - ANIMATED

This screensaver will appear when the meeting calendar function is activated and meetings are scheduled. Each meeting will be listed vertically and will feature the day, time, the meeting's name and will also have a calendar appointment icon to the left of each meeting.

  1. Initially the on-screen content will fade up and hold in place. After a pre-determined amount of time (see example video below) the text will fade out and back in using a downward rolling fade-out effect. Again the content will hold in place and then it will fade out again.
  2. Immediately after the second fade out, the text will fade up again in a location near the bottom third of the LEFT side of the screen. After the text fades in it will hold for a pre-determined amount of time before fading out again. See example video below.
  3. Immediately after the third fade out, the text will fade up again in a location near the bottom third of the RIGHT side of the screen. After the text fades in it will hold for a pre-determined amount of time before fading out again. See example video below.
  4. FINALLY, the on-screen content will fade up in the middle of the screen at it's original location and repeat all the previous actions.

This video is a one-time loop of screensaver #3.

Images of on-screen content placement.

_

___________________________________________________

_

The "Welcome to..." location text has a limit of 48 characters per line of text. (example text)

Font: Andale WT

Color: Hex #ebebeb (RGB: 235, 235, 235)

Time Font: Andale WT

Date Font: Andale WT

Color: Hex #ebebeb (RGB: 235, 235, 235)

The calendar appointment icon is from the Nova icon set and is located in the project's assets folder. (example text)

Font: Andale WT

Color: Hex #ebebeb (RGB: 235, 235, 235)

___________________________________________________________________________

Credits:

Created with images by skeeze - "landscape scenic clouds"

Made with Adobe Slate

Make your words and images move.

Get Slate

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.