UI Design: Calendar Print Skin

My role as a UI designer

  • Apply the visual design to wireframes
  • Work closely with accessibility and content where necessary
  • Collaborate with the software developer to ensure a seamless handover
  • Validate the component against successive builds

What is a print skin

  • A set of css styles that are evoked when a user prints a HTML page
  • The component prints in black and white and spacing is compressed

The purpose of a printing a component

  • A lot of Wells Fargo business customers like to print web pages and keep these transactional hard copies as backups.
  • The purpose of a print skin is to provide these customers the ability to print legibility the information contained within these components.

Client

Wells Fargo, San Francisco CA

My role

UI Designer

Team

UX designer, developer, content strategist and accessibility.

Tools

Adobe Illustrator

Date

2015

Calendar Print Skin

Specification • Wireframe • Anatomy • Specifications

Specification


Anatomy


Print skin CSS


Print skin CSS with options