Graphics Guidelines and Templates
Marilyn Davies College of Business has moved into the new UHD full-width web template.
This update has new standards for images and photography for updated slideshows and
web parts. This page is to assist faculty in understanding the UHD web policies for
graphics, images, photographs, and the Americans with Disabilities Act compliance
guidelines.
IMPORTANT
If you are taking photos of a person to be displayed on a UHD webpage, please obtain their permission with a UHD Media Release form. If you are taking a group photo, each person in the photo will need to sign a media release form. Under 18 years of age need a media release form signed by a parent or legal guardian. Read UHD's guidelines for image release.
Landscape Orientation
If you intend to take a photo that will be used in one of the large slideshows (example) at the top of a UHD web page and you are using a cell phone or tablet, please take the photo in landscape orientation. Turn your phone or tablet device lengthwise. All slide shows on the updated UHD template are longer than they are tall.
Landscape oriented phone
right facing arrow Avoid using the digital zoom (this results in a loss of photo quality, it is suggested moving closer to the subject if possible).
right facing arrow If it is available on your mobile device, use HD, HDR, or Camera Raw modes (these modes more closely mimic what the human eye sees and can handle balances of light and dark). Also, these modes provide higher resolution photos. High resolution photos are also larger in file size. This is acceptable as the college web tech will be able to resize the image and reduce the file size for the web.
IMPORTANT
UHD web guidelines state that photos and graphics that are to be place on UHD web
pages should not contain text. What this means is, do not rely on an image, a photograph or a logo to convey your
content. This is to comply with the Americans with Disabilities Act (ADA) requirement
for images for the web. Relying on a graphic image (jpg, png, pdf) to convey the
content means people using screen readers cannot access the content.
ALT tags in the HTML code does help to describe an image. However, there is a limit
to the characters that can be used inside the 'alt' tag. If it takes too many characters
in the 'alt tag' to fully describe the image, Google search begins to ignore the page,
which is detrimental to search results. This is another reason why using images to
convey content is discouraged.
It is acceptable if your photograph has text that was captured as part of the image,
do not just create a graphic of text to serve as the content to be placed on a webpage
(or social media or in an email).
Additional information about photography and images can be found in
UHD Web Style Guide. This guide contains 'Do's and 'Don'ts' for lighting, cropping, color, image quality,
icons, QR codes and image size and resolution. Additional guidelines for images are
listed on UHD's Web Image Guideline page.
Posting Flyers - PDFs to MDCOB Web Pages
You may submit a PDF of your event flyer to the college web tech to promote the event.
Due to UHD web policies, an image of the full flyer cannot be placed directly on a
web page, but it can be linked with text. If you are unable to save your image as
a PDF, the MDCOB web tech will convert it.
The MDCOB web tech will describe the event on a web page with a link to a PDF of the
event's flyer to meet ADA compliance.
Example:
Date and Time
Location or virtual meeting information
Description of event, and list of contacts and sponsors
Event Flyer(pdf)
If you are sharing this flyer as PDF in email
In the email, type out the full event name, date, start and end time. Include a description
of the event. If including photos, please add "alt" tags or captions in the message
as well. Include instructions for attending virtually if this is an online meeting,
include registration information and link if it is applicable. Include a contact
person for this event and any sponsors. Attach a PDF of the flyer (not a graphic - GIF, JPG, PNG) as an attachment.
To share on social media:
Type out the basic information for event title, time, date, location: (information
for virtual attendance), and provide a link to where the event is posted online (UHD
calendar or a MDCOB page) The MDCOB web tech can post your event to the UHD calendar
and send the link to you to share on your social media post.
For more information or questions about this topic, contact the MDCOB Web Tech,
[email protected].
IMPORTANT
Powerpoint templates were created to enforce brand standards without obstructing creativity or customization needs. Easily customize templates as needed. Create presentations of pre-approved, on-brand templates and branded assets.
Branded MDCOB Color Powerpoint Template with Photo/Image holders and Official Logos
The MDCOB web tech can post college event and announcements to:
- The UHD calendar (Localist)
-
Campus Digital Boards (Digital monitors)
-
All
MDCOB web pages
- MDCOB Digital board (Digital monitors outside the main college office)
-
MDCOB social media accounts (requests will go to Social Media Director)
We now have MDCOB Digital Communications Request Form. Fill out the form for these items:
-
Brochure/Flyer
-
Check out the Photo Backdrop
-
Graphic Designs
-
News & Announcements
- Photography
-
Promotional Items
-
Signage
-
Social Media