be brilliant with student loans material makeover: basics of effective design masfaa wednesday,...

Be Brilliantwith Student Loans

Material Makeover:

basics of effective design

MASFAA Wednesday, November 19, 2003


Our purpose:

Who are we?

We are designers at Nellie Mae.

Martha Paradis is the creative director and has been with Nellie Mae for 16 years.

Kerry Sainato is the Web production specialist and has been with Nellie Mae for almost three years.

To help non-designers learn the basic “dos” and “don’ts” of designing simple, informational pieces.


Do:

Do plan your communication around your audience.

• Know your audience!Example: If you’re writing for students, condense, condense, condense. Students won’t read long paragraphs of information. Highlight key points with bullets.

• Create an outline and thumbnail sketch of your project before you begin.


Don’t:

Over design a publication.

• Keep it simple.

Example: Don’t design a color brochure when

a black and white postcard will suffice. • Your message can be lost in clutter.


Do:

Follow a few simple rules about type.

• Be consistent when using type.

• Use two fonts that are distinctive.

• Using a combination of serif and sans-serif typefaces is a way to use two kinds of distinctive fonts.

This is a serif font. (Times New Roman)

This is a sans-serif font. (Arial)


Don’t:

Use every font and style that you own.• Use readable fonts. Some easy-to-read fonts are:

Arial, Helvetica, Times New Roman, Garamond, Verdana (Web).

• If you must use a “fancy” font, use it as a heading and only use it once.

• Limit your use of styles.

Bold, Italics, Underline: Use these styles sparingly and consistently to highlight your message, or else your message will get lost.


Do: Be consistent with bullets.

• A bulleted list should contain more than one point.

• Use the same format and font size for all text and bullets in a list.

• Inconsistently formatted bullets take away from your message.


Year Financial AidDue Date

Award Letters SentOut

Sophomore 2/15/04 May 1, 2004Junior 3/01/04 05/1/2004

Senior 03/10/04 05/10/2004

vs.

Do: Be consistent with tables.

Year Financial Aid DueDate

Award LettersSent Out

Sophomore 02/15/04 05/01/04Junior 03/01/04 05/01/04Senior 03/10/04 05/10/04


Don’t:

Use too much clip art.• In general, do not use more than one piece of clip art per message.

• Too many graphics can distract from your message instead of enhancing it.

Remember:Before you mail your financial aid application, make sure you have completed the FAFSA.

Example:


Do:

Use well-chosen graphics.

• If you need a graphic, make sure matches your message.

• You don’t necessarily need clip art or a picture, other treatments can be used.

• Use your imagination, but keep it simple!


Do:

Use well-chosen graphics (cont.)

• Some examples of graphic elements that enhance your message include:

Drop caps

Screen boxes to draw attention to a specific message

Symbol fonts for bullets or sectionbreaks


Don’t:

Be afraid of white space.

• Don’t fill every empty space with text or graphics. Doing so will make your message cluttered and hard to read.

• White space can actually make your message stand out more than if it’s surrounded by other elements. Remember, keep it simple.


Do:

Size your graphics proportionately.

• Skewed graphics will make your message look unprofessional and unpolished.

• In most Microsoft programs (Word, EXCEL, PowerPoint), enlarge a graphic from a corner to keep it proportionate.


Don’t:

Change a logo.

• Logos are copyrighted or trademarked and should not be changed.

• A logo holds a brand image, and changing it will affect the corporate identity.

• Get an acceptable version of the logo from the department at your school or company that created it.


Do:

Find out if your school or company has a style guide and follow it.• Style guides give specific examples about how your school or company uses grammar rules, colors, logos, and other design and communications elements.

• To get a copy of the style guide at your school or company, check the communications or publications office.

• Following a style guide will help you uphold your school’s or company’s brand image and how your audience perceives it.


Don’t:

Overuse color. A few rules to add impact with color:

• Use contrasting colors for readability.

Note: This information is important

• Don’t use colors that are difficult to read.

• Do not use color screened more than 40% with text.

• Don’t use colored graphics if you are printing in black and white – the print quality will not be as sharp.

difficult to read.


Dos for the Web:

• Use one consistent main source of navigation.

• Remember that people read differently on the Web – rather than reading left to right, Web users tend to scan for keywords.

• Condense, condense, condense. It is hard for a reader to read long passages of text on a screen.

• Make sure your Web pages measure no more than 800x600 pixels. This is the size of an average user’s screen.


Don’ts for the Web:

• Don’t overanimate Web pages; just because a technology exists, doesn’t mean you should use it.

• Don’t assume that a color will look the same in print as it does on screen. A Web browser can only pick up 256 different colors.

• Don’t use large graphics. Large graphics take a long time to load and you’ll lose your audience if it has to wait too long.

• Don’t lose your audience because there’s no way to get back to your Web site. Always give your audience a way back.


Do:

Know your limitations and resources.• You might need to outsource a complex piece of design.

• Your school or company might have resources available through a publications or graphic design department.

• Use your work-study students – especially for Web projects. Many students are knowledgeable about HTML and Web design.

• All of the dos and don’ts above are valuable even if you don’t design the piece. You can apply them during the approval process when you outsource a project.


Don’t:

Avoid feedback.

• Feedback is good, especially coming from someone in your target audience.

• It’s only a design – don’t take it personally!


Remember:

Key points to keep in mind.

• Getting your message across is the goal of any collateral design.

• When in doubt choose simplicity.

• Know your audience.

• Stay consistent while designing any thing.


Contact Us:

Martha Paradis, [email protected]

Kerry Sainato, [email protected]

be brilliant with student loans material makeover: basics of effective design masfaa wednesday,...

Documents

student loans dont

use of styles

arial slide

formatted bullets

specific message symbol

sansserif font

font size

fancy font