purple gold social media athletic

advertisement

Visual Identity &

b we

color y

Style Guide purple

logo

guidelines standards social media sta tioner y design athletic

mepla te

fonts

br and gold

reference photograph y print displa

Office of University Relations

E very communication from the university reflects upon the institution as a whole. It’s important that messages from various entities on campus build upon one another to create a positive and comprehensive picture of the university. Consistent use of the visual identity program demonstrates that the university is a unified community, creating an attractive image to recruit students, faculty, staff, donors and friends. To accomplish that goal, all UNI communication (websites, publications, etc.) should reflect a strong university identity.

These guidelines are intended to provide guidance for consistent and appropriate use of the university identity and style. For the official policy on university communication visit www.uni.edu/policies/981. We appreciate your participation in the ongoing effort to effectively promote the university in an integrated manner. If this guide or the website doesn’t provide the information you need, don’t hesitate to call University Relations (UR) at 273-2761.

Table of Contents

The UNI Nameplate/Logo

Nameplate/Logo Reproduction

Purple and Gold Nameplates

Purple and Black Nameplates

Size & Space Limitations

Color Configurations & Alternate Forms

Program Identities

Affiliate Logos

Restrictions 7

5

6

4

5

2

3

Approved Color Palette & Backgrounds

Color Combinations to Avoid

Font Use

The University Seal

The University Brand

Web & Electronic Media

Social Media

Photography Guidelines

Preferred Spelling and Style

10

12

14

15

16

8

9

7

7

1

The Nameplate/Logo

The university nameplate is the primary element of the university’s visual identity package, as well as the cornerstone of the integrated marketing approach. As such, consistent and tasteful use of the nameplate is essential. This section is intended as a guide to proper usage of the nameplate in common visual identity elements such as business cards, letterhead, envelopes, publications and websites.

The key to a successful visual identity package is to make the nameplate readily available for sanctioned university applications. Various color and size iterations appropriate for print or Web use are available at www.uni.edu/ur by clicking on Nameplate in the right column.

The nameplate is available in vertical and horizontal formats, and in two-color (purple and gold) and one-color (black or purple) designs. The design package has been carefully planned to provide consistency, flexibility and economy.

All versions of the nameplate are available in a variety of formats at www.uni.edu/ur/nameplate. The files on this site are provided by UR for the convenience of UNI staff, faculty and students preparing university documents, as well as for agencies or printers producing projects under the direction of UNI staff.

Merchandise vendors seeking such files must contact the UNI licensing administrator at 319-273-3168.

(NEW) All promotional material (print or electronic)*, paid for by the university or related to university sponsored activities, must carry the appropriate university logo or word mark.

„ For print materials, it must be on the front and back cover

„ For electronic communications, it must follow the guidelines on page 12

„ An approved UNI sub-brand logo meets this requirement

* Promotional material excludes material used solely in the classroom or for scholarly activity

2

The Wordmark

The UNI wordmark (the university name spelled out, all on one line with no graphic elements) is an alternative to the university’s visual identity. The UNI wordmark should be displayed in Berthold Imago Extra Bold in either upper and lower case or all upper case letters as shown.

Color The university print and web/projection colors for the wordmark are the same as the nameplate logo colors found on the next page.

Size The wordmark should be no smaller than 10 point when used by itself and no smaller than 6 pt. when part of an affiliate logo.

Spacial The wordmark should also be given sufficient visual space so that its impact isn’t degraded. Items such as text, images or graphic elements should be kept away from the wordmark by a minimum distance of the height of the “N” in

Northern.

University of Northern Iowa

UNIVerSITy of NorTherN IoWa

10 pt.

Nameplate/Logo reproduction

Purple and Gold Nameplates

Because the color of gold ink can vary depending on paper and printing processes, each logo that includes gold appears in three versions. Please select the appropriate file for your project:

For spot-color printing on coated papers: PMS 124 C series should be used

For 4-color process printing on coated papers: a CMYK build of PMS 123 C series should be used

For spot-color printing on uncoated papers: PMS 7406 U series should be used

For 4-color process printing on uncoated papers: a CMYK build of PMS 7406 U series should be used

Purple, PMS 2617, or the CMYK build can be used on either coated or uncoated papers.

Purple or Black Nameplate

Purple versions and black versions of the nameplate are available in a variety of formats. Because they contain no gold, just one version of each purple and each black nameplate is necessary. The purple nameplates are always PMS 2617.

Web-ready horizontal (H) and vertical (V) versions of each logo in the nameplate family also are available. The logos are all in 72 dpi JPEG or transparent GIF formats.

Use only the provided files of the original nameplate. Under no circumstances should the nameplate be redrawn, re-proportioned or modified in any manner.

Elements of the nameplate shouldn’t be separated or repositioned.

Electronic files of the nameplate are available on the website at

www.uni.edu/ur/nameplate.

3

4

Size & Space Limitations

Size Our goal is to standardize the size for our signature when it’s applied to the majority of printed literature and on the Web. To ensure a consistent application size of the UNI nameplate signature when reproducing it on printed and interactive materials, a minimum sizing guideline has been established.

Page size

2.5" x 3" – 6" x 9"

6” x 9” – 8.5" x 11"

8.5” x 11” – 12" x 18"

Nameplate size

3/4" – 1"

1" – 1.5"

1.5" x 2.5"

Spacial The UNI nameplate must be given sufficient visual space so that its impact isn’t degraded. Items such as text, images or graphic elements should be kept away from the logo by a minimum distance of the height of the “N.”

Exceptions When working with a very small format (smaller than 3/4") such as pens, or a very large format (larger than 12" x 18") for items such as posters, signage and event marketing, please contact UR for project-specific guidelines.

Web Contact UR for Web guidelines.

“N” letter height

3/4"

1"

1"

1 1/2"

1 1/2"

2"

2 1/2"

2"

Color Configurations

The electronic files for the UNI nameplate are provided in multiple color configurations—spot/PMS colors, purple, black, CMYK/four-color process, white

(for reversing out of a dark background) and gold (for reversing out of a purple background).

Web Contact UR for Web guidelines.

The official UNI Web purple and gold are:

Purple: Hexidecimal 4b116f, RGB 75-17-109 (current as of spring 2010)

Gold: Hexidecimal ff-cc-00, RGB 255-204-0

Deviation from the official UNI Web purple and gold is prohibited.

alternate forms

UNI Variation - Special use only

A variation of the nameplate using “UNI” rather than “University of Northern

Iowa” has been developed to provide design flexibility, especially in less formal situations with strictly internal audiences. It can be used as either as a primary design element, or in conjunction with the full university name elsewhere in the design. It works best with pieces targeted to constituencies that have a familiarity with the UNI acronym, such as faculty, staff or students.

Program Identities: College Names,

Department Names and Programs

The preferred sub-brand standard is designed using the horizontal University of Northern Iowa nameplate logo. As shown in the logo example, the college, department or program name can be set below the nameplate using Berthold

Imago Medium, ITC Garamond Book Condensed or Myriad Pro Semi Bold

Condensed.

A secondary sub-brand option is a designed LOGO using a hybrid model featuring the college, department or program name as the primary focus as noted in the examples on the right. The hybrid model must include the words

“UNIVERSITY OF NORTHERN IOWA” in the approved fonts and colors.

Hybrid logos must be developed in consultation with University Relations.

Approval is required by UR before use.

The wordmark should not be displayed smaller than 6 pt. when part of an affiliate logo.

5

6

affiliate Logos

UNI has many important partnerships with government agencies and private corporations. UR staff can help incorporate the logos of granting agencies and individual UNI programs into a host of marketing materials, such as brochures, fliers and booklets.

However, in the interest of maximizing the integrated marketing effort for all university entities, and to ensure the integrity of the visual identity program, affiliate/program logos will not be placed on letterhead, envelopes or on the front of business cards. Additional information and artwork can be included on the backs of business cards, at additional cost.

All publications (print and electronic) must have the university nameplate or wordmark prominently displayed on the front and back of each piece.

restrictions

In order to ensure that the university maximizes its marketing and communication efforts, the following practices are prohibited. n

Reproducing the nameplate in color(s) other than those specified herein.

n

Changing the vertical/horizontal proportions of the nameplate.

n

Scanning printed versions of the nameplate for reproduction in documents, signage or Web pages.

n

Using 72 dpi Web versions of the nameplate in printed documents or signage.

n

Screening back the nameplate to any percentage other than 100.

n

Running the nameplate at an angle.

n

Adding surrounding or overlapping elements.

n

Isolating individual elements of the nameplate.

n

Recreating or altering the nameplate in any form or fashion.

n

Producing items for resale without permission of the UNI Licensing office.

Note: Occasionally, especially in signage applications, minor modifications to the design or color scheme of the nameplate need to be made to maximize the effectiveness of the application. Such modifications must be designed or approved by UR staff for each use.

Incorrect use

Incorrect use

Incorrect use

Note: Use of this variation of the nameplate is only permitted for the University of Northern Iowa website.

approved Color

Palette

Using the approved color palette maintains consistency and strengthens the UNI identity.

UNI Purple

PMS 2617

C.79 M.100 Y.0 K.15

UNI Gold

PMS 124 - Spot

C.0 M.27 Y.100 K.0

UNI Gold*

Variation

PMS 123

C.0 M.24 Y.94 K.0

*Note: The standard for the university gold is PMS 124 coated, which should be specified for all spot-color jobs such as T-shirts and specialty items and one or two color projects. If the piece is printing full-color (4-color process - CMYK) specify the gold as PMS 123 coated as it will produce a better match to the standard.

Backgrounds

The gold and purple, white or gold nameplates may be reversed out of a colored background.

Attention Adobe Creative Suite 6 users: Please note that CS6 uses the Pantone Plus Series® of color books. These colors are the latest PMS colors Pantone uses, and replace the earlier Pantone Matching

System®. It’s likely that a particular spot color from Pantone can appear differently in CS5 (and earlier) than how it appears in CS6. If you have problems with this, please contact UR for assistance.

(NEW)

Color Combinations to avoid

Color is one of the most powerful ways a university can identify itself. Used consistently, the colors chosen to represent UNI create a strong identifying image. Conversely, some colors and color combinations can be confusing.

Colors associated with the other public institutions in the state, and other competitor institutions, should not be used. Even though gold is one of UNI’s primary colors, use of black and gold together or red and gold together should be avoided.

7

8

font Use

The university name should typically be displayed in Berthold Imago Extra Bold.

A header on a sign or brochure cover should use Imago, while a paragraph might use Times Roman or any other of a number of fonts. Display exceptions could include formal certificates, some specialty items and newsletter headline styles. Specialty items using university marks for resale must be approved in advance by the UNI licensing administrator.

University of Northern Iowa 12 pt.

Suggested Fonts

UR recommends the following typefaces for all university communications.

Consistent use of these typefaces enhances the integrated family look across all materials. These fonts are an effective complement to each other while taking into consideration a wide range of communication needs. For serif fonts, ITC Garamond,

Minion Pro and Officina Serif are suggested. For sans serif fonts, Myriad Pro, Univers and ITC Officina Sans are suggested.

ITC Garamond

ITC Garamond Light Condensed

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )?

ITC Garamond Book Condensed

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )?

ITC Garamond Bold Condensed

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )

Myriad Pro

Myriad Pro Condensed

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )?

Myriad Pro Regular

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )?

Myriad Pro Bold

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )?

Minion Pro

Minion Pro Condensed

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )?

Minion Pro Regular

A B C D E F G H I J K L M N O P Q R S T U V W

X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )?

Minion Pro Bold

A B C D E F G H I J K L M N O P Q R S T U V W

X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )

ITC Officina Serif

ITC Officina Serif Book

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )

ITC Officina Serif Medium

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )

ITC Officina Serif Bold

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )

Univers

Univers 57 Condensed

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )?

Univers 55 Regular

A B C D E F G H I J K L M N O P Q R S T U

V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )?

Univers 65 Bold

A B C D E F G H I J K L M N O P Q R S T U

V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )?

ITC Officina Sans

ITC Officina Sans Book

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )

ITC Officina Sans Medium

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )

ITC Officina Sans Bold

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 ! @ # $ % ^ & * ( )

The University Seal

The university seal is the traditional legal signature for the university, representing official sanctioning by the institution. Use of the seal is reserved only for special

academic events and designations. Please contact UR at 273-2761 for approval.

Podium Signage

The university requires the use of only the university nameplate for podium signage. The university seal is an alternate option but is reserved only for the president’s office and should be used for formal academic events (i.e. commencement). A good rule of thumb is if people are wearing robes, then the university seal is appropriate. Please contact UR to assist with podium signage needs.

athletic Logos

The Panther head/athletics logo should never be used in conjunction with university business unless authorized. For details, contact the UNI licensing administrator at 319-273-3168, the Department of Athletics director of marketing at 319-273-7044 or UR at 319-273-2761.

9

The University Brand

The Messages

Every UNI communication is an opportunity to express our key brand messages and support our position in the higher education marketplace:

“The University of Northern Iowa’s high-quality and diverse educational experience purposefully guides students to find and develop individual strengths and prepares them for success after college.”

Using our key messages enables us to:

1 Provide practical, relevant and essential information

2 Build a distinctive and memorable impression

3 Establish a consistent voice

The Strategic Message Pillars provide the six key messages and supporting statements for each. Refer to them each time you create a new communication piece—whether printed or electronic.

University of Northern Iowa

Strategic Plan

Positioning Statement

The University of Northern Iowa’s high-quality and diverse educational experience purposefully guides students to find and develop individual strengths and prepares them for success after college.

10

Quality, engaged faculty focused on student learning

Hands-on experience

First-year experience

Safe and diverse environment to challenge oneself

Unique size

Engagement and Service

• Professors are interested in students’ education and their success after college.

• Faculty are accessible and help students develop their individual strengths.

• Professors, not teaching assistants, are in the classroom.

• High-quality professors have academic and “realworld” experiences.

• Numerous activities, clubs and organizations to further explore individual interests and areas of study.

• Students are prepared for their careers and success after college.

• Numerous opportunities to participate in “realworld” experiences.

• Professors challenge students to learn and encourage involvement in extracurricular activities.

• Easy access to professors and advisers.

• Ability to explore different majors and areas of study.

• Many opportunities to speak with advisers.

• Specially designed orientation and other programs to prepare freshmen for the transition to college life.

• Smaller class sizes allow students to express themselves.

• A safe environment for students to explore a passion.

• A variety of majors to choose from.

• Students feel confident in exploring new areas and pushing themselves to succeed.

• Opportunities for hands-on learning in and out of the classroom.

• A friendly environment that feels like family.

• Big enough to offer the best majors and a variety of activities, but small enough so that students feel like they are part of a campus family.

• Small student-tofaculty ratio.

• All students are able to participate.

• Assistance for entrepreneurs, businesses and communities across Iowa.

• Addressing the environmental challenges of small businesses and the state, as a whole.

• Meeting the ongoing needs of Iowa educators.

• Maintaining mutually beneficial relationships with Alumni.

• Serving the community through volunteerism and community engagement.

I am…

CAMPAIGN

8/9/2011

Become familiar with this information and use it whenever you communicate about UNI, whether to potential new students

(and their families), current students, our alumni or other audiences.

Audiences

n Prospective students and parents n Current students and parents n Current and prospective faculty and staff

Tone and Personality

The UNI brand is engaging, respectful, interactive and supportive.

n Alumni n Legislators n Donors and friends

The University Brand

Brand Graphics

UR recommends you have the branding statement graphic designed by its design team to best represent the brand visually.

If you have a professional designer on staff and wish to develop a branding graphic within your department, please follow the guidelines below. These guidelines also apply to hired professionals outside UNI.

A stylized font has been chosen to complement the graphic element (shown above) being used to illustrate the “I am” brand. The font is a version of Romy, customized and appropriately named RomyUNI.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

1234567890 !@#$%&*()-=+”:;/<>,.?~`[{}]\| à á ä ã å

The RomyUNI font is to be exclusively used for the “I am” statement. Don’t use for headlines or other copy in projects as it dilutes the impact.

Please contact UR to acquire the font(s) and the

UNI

portion of the graphic, which is set in Berthold Imago Extra Bold.

Along with the overall “I am” brand graphic we recommend requesting this piece of the graphic be supplied as a digital file.

Tips to developing an “I am” statement and the corresponding brand graphic.

n All “I am” statements should have punctuation. Please use either a period or exclamation point. Ellipsis should only be used if there are multiple statements that will complete the “I am” statement on the same page. Those continuations to the statement should have an ellipsis at the beginning and proper punctuation at the end. (See example at right) n UR recommends no more than three continuation statements in a single document design.

…staying healthy!

…making friends!

…having fun!

n When using an ellipsis, always create an ellipsis with Option-semicolon (Mac) or ALT 0133 (Windows) — hold the ALT key and type 0133 on the numeric keypad. Creating an ellipsis using period-period-period is not recommended.

n The length of “I am” statements should be short, concise and to the point. If a statement needs to wrap to more than two lines, then it’s likely too long. n Please consult UR for help crafting short and targeted statements that resonate with the right audience(s). UNI branding statements should fit well with the university strategic plan and the six message pillars.

n All “I am” statements must contain the UNI logotype and the text must be in the RomyUNI font.

n Only one “UNI” and/or UNI logotype should be used in each statement.

n The UNI may be placed at the end.

Brand Graphic

I am loving !

Cap height of RomyUNI “I” shouldn’t be less than 60 percent the cap height of the UNI “I”

RomyUNI “I” should be placed centered within width of the UNI “I” and have the same amount of space up from the bottom of the UNI “I”

I am loving UNI!

Minimum overall size:

3/8"

11

Web & electronic Media

Mandatory elements

In accordance with the UNI Web Policy (www.uni.edu/webtools/uni-web-policy) all institutional websites must contain the following elements.

Official University Web Colors

UNI Purple

Hexidecimal: #4B116F

RGB: R=75,

G=17,

UNI Gold

Hexidecimal: #FFCC00

RGB: R=255,

G=204,

B=111 B=0

12

Approved University Header

An approved university website header must be used, which includes the university nameplate, and a link back to the UNI home page (http://www.uni.edu).

Mandatory Header Elements n The purple header bar in #4b116f is required on all UNI departmental sites.   n The nameplate must be included in the purple bar. It’s available as a default part of the approved Drupal base theme.

Horizontal-Left Nameplate

On the Web only, and only in cases where the horizontal UNI nameplate is used on the left side of the page, a variation may be used that places the window to the left side of the nameplate, rather than the standard right side. This variation may be used only on the Web, never in print publications.

More information on the variations on the Web page header and optional elements on the header may be found in the online version of the Style Guide at http://www.uni.edu/ur/.

Contact Information

The department name must link to an administrative email address, monitored by a full-time university staff or faculty member.

Acceptable Variations n An email mailing list that sends to multiple maintainers n An email alias that directs mail to an individual account n A departmental email address

Unacceptable Variations

An individual staff or faculty email address. Example: john.doe@uni.edu

NOTE: The previous policy calling for the inclusion of the date of last revision has been suspended. It’s no longer necessary to include that information on your Web pages.

Best practices

Typography

When it comes to laying out text on a screen, use of sans serif fonts or a serif font designed for the screen (like

Georgia) is recommended. Serif fonts have a higher chance of displaying poorly, becoming blurry or even pixelated.

Contact UNI Web Services if you are interested in using the

@font-face CSS property to use non-standard fonts on your website.

Accessibility Checklist:

When designing a website keep the following in mind:

  n A descriptive page title is vital

It’s very important that a Web page’s title is as descriptive as possible because this is the first thing screen reader users hear. As an added benefit, most search engines display the title of a page in their search results.

CatID Authentication

CatID authentication is available for Drupal 6 and Drupal 7 websites. Please email web-services@uni.edu for information on how to configure your website for CatID authentication.

Drupal Themes

Please email web-services@uni.edu for information on current Drupal 6 and Drupal 7 Themes, including responsive themes designed for seamless integration with mobile devices. n Use heading elements properly

The proper use of HTML headings on the Web is one of the most important usability features for screen reader users. Headings use a hierarchy. There are six levels of the heading hierarchy: H1, H2, H3, H4, H5 and H6. Using headings helps screen reader users, sighted users and search engines make sense of websites. Many screen reader users skim a Web page by tabbing from header to header. n Use short but descriptive ALT text

ALT text is the alternative text for images that gets read out to screen reader users. ALT text also helps search engines find and display Web content.

accessible Web Design

Web users who cannot use a mouse due to physical disabilities can still access websites by using assistive technologies that include screen readers, mouth sticks, and voice control software. Generally when people think of a disability that would prevent a user from using the

Web, they think of vision impairment. For a user with vision impairment, the assistive technology most commonly used is a screen reader. Screen readers convert text into synthesized speech. People who are blind can listen to text on the Web using a screen reader.

In general, designing your site to make it accessible for screen reader users will help all users find your site and navigate its contents. Search engines such as Google or

Yahoo can more efficiently find and display information to users if a website has been designed with accessibility in mind.

The websites of programs receiving federal funds must be accessible to persons with disabilities, including state universities such as UNI, under Section 504 of the Rehabilitation Act of 1973 and the Reauthorized

Rehabilitation Act of 1998.

n Use descriptive link text

Screen reader users often browse websites by tabbing from one link to the next. Also, by calling up a list of onpage links, screen reader users can browse through pages and choose the link in which they’re most interested.

“Click here” is NOT descriptive link text — it makes no sense out of context and should be avoided.

A more in-depth checklist and accessibility resources are available on the Style Guide website at www.uni.edu/ur/.

Avoid using Flash as the only means to access content

Flash content can be a problem on the Web. It won’t play at all on iOS devices (iPad, iPhone, iPod Touch) and Adobe has discontinued Flash development for all mobile devices.

Many users with disabilities, including those who use screen readers, have problems with Flash. Search engines have problems finding Flash only websites.

HTML5 is a better alternative to Flash. It is an open standard, uses less bandwidth and is more accessible than Flash.

HTML 5 now even has the ability to embed video.

13

Use Color with Care

If you use only color to impart meaning on your website, you are holding back information from vision impaired users — including the estimated 9 percent of men who are color-deficient or color-blind. The most common broad category of color-blindness is often called red-green color blindness.

For someone who is color-blind, a website that uses a green square to signify

“Go” and a red square to signify “Stop” could be very confusing.

What these red and green squares look like to a person with a “red-green” blindness:

Source: http://colorfilter.wickline.org/

Color Contrast

good contrast bad contrast

Color contrast is also important to sighted users and users with low vision: the eye must work harder (and therefore becomes tired more easily) if lowcontrast background colors are used, for example, to separate columns in a page. There is no specific rule as to how much contrast is enough, but try to use common sense. Red text on a green background is low contrast, as is purple text on a black background. Black text on a white background is high-contrast.

Source: http://webaim.org/resources/contrastchecker/

14

Social Media

UNI offices maintaining social media sites are responsible for maintaining accurate and timely information on their site. Social media is about conversations, connecting with current and prospective students, alumni and other audiences and building relationships with them. If you use it simply as a way to broadcast messages, you’re not making effective use of the channel and likely won’t have much success in building a strong audience.

Tips

n

Try to post messages that can start conversations. It doesn’t always have to be as explicit as asking a question; it can be as simple as posting a photo. n

If the photo is compelling, relevant and/or engaging, your “friends” will comment on it and continue the discussion. n

The bottom line is authenticity, honesty and open dialogue are extremely important when creating your posts.

To maintain a transparent, respectful presence, you are generally not advised to remove negative posts. Profane, rude or abusive posts may be removed, but a post shouldn’t be removed just because it disagrees with the university position on a topic. Administrators of social media sites should intervene only when postings are deemed to have broken one or more of the guidelines, found at www.uni.edu/social/resources. Intervention is specific to the situation, but can include deleting specific messages or banning posting by an individual or group, based on the situation. If you have questions, please call UR at 319-273-2761

Photography Guidelines

Guidelines & Practices

1)

Photo manipulation beyond standard color correction, toning and cropping isn’t permitted, whether done by UR or any other person. Exceptions may be made in the case of photo illustrations, when they are labeled as such. A photo’s content—the positions and appearance of people and objects—must never be changed or manipulated. Alteration of a photograph that misleads, confuses or otherwise misrepresents its accuracy is strictly prohibited.

2)

Photos may not be used by non-UNI agencies for commercial or promotional uses without prior, written consent from

UR.

3)

Prints, digital files and other media provided by UR are copyrighted property of UNI and provided for editorial, departmental or organizational use only. They can’t be duplicated in any way, nor is any other use allowed without prior, written consent.

4)

It’s the responsibility of the client when securing services to inform UR of anyone under the age of 18 who may require a model release/parental consent form. (For example, area schools visiting campus.)

In any instance when a question arises about such issues, consult the UR staff. The following information provides more specific guidelines about acceptable and unacceptable use of photographs.

Acceptable

n Electronic equivalents of established practices for traditional darkroom printing methods—dodging, burning, toning,

and cropping, for example—as long as the content and meaning aren’t changed.

n Color and tonal correction to ensure accurate reproduction of the original photograph.

n Technical touch–up of images for the purpose of color–balancing or removal of flaws (such as dust spots, scratches,

digital noise, artifacts, etc.) to achieve better reproduction. Such changes will be considered to be insubstantial.

n Routine cropping isn’t considered to be an alteration. However, there is a possibility of changing reader perception with creative cropping. When cropping, keep the modified version true to the intent of the original photo.

n Conversion of a color image to black and white.

Not Acceptable

n Content alteration of any kind—moving, adding, deleting, combining, stretching, flipping, shrinking, etc.

n If a caption is needed to explain that the content isn’t real, don’t use the image.

n Misrepresenting a created scene as a “found” moment.

Don’t flip photos.

Don’t alter photos.

15

16

Preferred Spellings and Style

adviser: The -er ending is preferred by the AP Stylebook and Webster’s over the -or ending (advisor), so we use the – er spelling in university publications. If used in a formal title, use the version preferred by the organization.

part time: Hyphenate as an adjective before the noun; otherwise, leave as two words.

Lisa is a part-time student.

Lisa attends classes part time.

African-American: Both African-American and black are acceptable. (AP prefers black.) postsecondary

black: Both black and African-American are acceptable; usually lowercase the “b” of black.

president: Capitalize only if immediately preceding a person’s name.

campuswide: It’s not hyphenated. With the exception of university-wide, most wide compounds aren’t hyphenated.

President John Doe

John Doe is president of the University of Northern Iowa. coursework

registrar: Lowercase in informal usage, but uppercase as part of the official name.

e-bill: Lowercase e-bill when used in running copy. Refers to the u-bill sent electronically. registrar’s office, the registrar, Office of the Registrar

freshman: The preferred usage is first-year student, if you must use freshman, freshmen is the plural.

theatre: Use the -re spelling of theatre in reference to

Strayer-Wood Theatre, Bertha Martin Theatre or the UNI

Theatre Department. *Don’t use Theatre UNI freshman courses, freshman year

Strayer-Wood Theatre, Theatre Department

full time: Hyphenate as an adjective before the noun; otherwise leave as two words.

Don’t use theatre in running text, unless referring directly to the Strayer-Wood Theatre or Bertha Martin Theatre.

Jamal has a full-time job. Jamal works full time.

fundraising: All forms of the word are spelled as one word.

She’s taking theater classes.

I’m going over to the Strayer-Wood Theatre for rehearsals.

Gmail

Hispanic: Some people may prefer Latina (fem.) or Latino

(masc.).

U-Bill

uCard: The university identification card for students, faculty and staff.

Homecoming: Capitalize as it’s a recurring celebration.

K through 12 or pre-K through 12 education multicultural multimedia

off campus: Hyphenate as an adjective before the noun; otherwise, leave as two words. The same applies to on campus.

Barb has an off-campus job. Barb works off campus.

online

Panther: Capitalize when referring to UNI’s athletic teams or to students, alums or other UNI groups.

university-wide: Hyphenate university-wide, the “u” of university should be lowercase even when it refers to UNI.

upperclassmen: Use carefully. The term means juniors and seniors only; it does not include sophomores. Don’t use the elitist-sounding phrases upper-class students, or upperclassmen. If the desired meaning is non-freshmen, use sophomores, juniors and seniors instead.

work-study: Lowercase general references to the workstudy program, but capitalize official references to Federal

Work-Study (the program for undergraduates) and Federal

Graduate Work-Study (the program for graduate students).

Notes:

Office of University Relations

125 East Bartlett

Cedar Falls, Iowa 50614-0392

319-273-2761

Winter 2013

Download