l o g o g u i d e l i n e s - nanohubquestlogo-manual.pdf · upright w u group standalone with...

L O G O G U I D E L I N E S

L O G O G U I D E L I N E S

BAD DESIGN SHOUTS AT YOU.

GOOD DESIGN IS THE SILENT SELLER.

1I D E N T I T Y

A R T W O R K

O V E R V I E W

GROUP SSTANDALONE LOGO

A R T W O R K O V E R V I E WFOR REFERENCE ONLY – DO NOT TAKE SCREENSHOTS FOR LOGO USE

GROUP XSPECIALTY APPLICATIONS

GROUP DCOMBINED WITH DISCOVERY PARK LOGO

GROUP P – not recommendedCOMBINED WITH PURDUE LOGO

S01P S02PXA01P

S03P S04P S05P

S01N S02N S03N S04N S05N XB01P XB02P XB04P XB05P XB01N XB02N XB03N XB04N XB05N

D01NU D02NU D03NU D04NU D05NU

D05NWD01PU D02PU

D03NW D04NW

D01NW D02NW

D01PW D02PW

P01NU P02NU P03NU P04NU P05NU

P05NWP01PU P02PU

P03NW P04NW

P01NW P02NW

P01PW P02PW

Q U A N T U M E N G I N E E R E D

S Y S T E M S & T E C H N O L O G Y

XA02P



XA01N



XA02N



F I L E & C O L O R D I R E C T O R YEACH FILE COMES IN VECTOR (.PDF) AND BITMAP (.PNG) FORMATS

USE VECTOR VERSIONS WHENEVER POSSIBLE

ORIENTATION(IF APPLICABLE)WIDE

UPRIGHT

W

U

GROUPSTANDALONE

WITH DISCOVERY PARK

WITH PURDUE

SPECIALTY

RGB VALUES

S

D

P

X01P

02P

03P

04P

05P

graphics lettering

01N

02N

03N

04N

05N

COLOR

P: POSITIVE(COLOR ON WHITE)

BLACK GOLD GREY 40% ORANGE BLUE

0 | 0 | 0 163|121|44 153|153|153 185|89|21 92|111|123

N: NEGATIVE(WHITE ON COLOR)

EXAMPLE

D 0 1 N U

2W O R D S

F R O M

T H E

D E S I G N E R

Some of the artwork, such as the one shown in the example below, contains elementsthat are quite a bit smaller than the lettering of the main logo.

Make sure that all parts of the logo render legibly at final output scale. If your audience onlysees a meaningless blob of shapes, you might as well not show anything in the first place.

Acceptable scales will vary with the application medium. A logo that works perfectly fineon a poster may become indecipherable on the bottom of a presentation slide.

SIZE DOES MATTER

W O R D S F R O M T H E D E S I G N E R

(TH)INK INSIDE THE BOX


The toolkit provides the logos in two polarities.

Negative/inverted logos (file names ending on N)are white against a colored background.

Positive logos (file names ending on P) use one ormore colors on a white background.

The inverted logos are mainly meant forintegration with colored backgrounds,as illustrated by this fictitious flyer.

However, they may also be used as free-standing elements at your discretion.

Keep in mind though that a freestandinginverted layout draws extra attention tothe logo and its bounding box.

Make sure this effect does not pull thefocus away from the main content andstill blends in with the rest of your design.

Harvest ing The AtomNANOSCALE ENERGY GENERATION TECHNOLOGIES

Fakeday 30 Feb 2013

2.00 – 5.00 PM

Room BRK 1001

Keynote Presentations

Panel Discussion

Poster Session

Complimentary Reception

M I N I - S Y M P O S I U M

O R G A N I S E D & H O S T E D B Y

Registration info and full program available at nanohub.org/groups/quest/harvest

The Purdue logo is typeset in aserif font: the letterforms have

decorative end strokes.

This evokes a sense of tradition and history.Serif fonts look classy and serious.

Both of these logos feature sans serif fonts. They work in harmony asa more coherent graphic unit and provide extra affiliation formation.

The Quest logo is based on asans serif font: the letterformsterminate into simple strokes.

This gives a modern and progressive feel.Sans serif fonts look less formal yet sleek.

These qualities are highly suitable for what each logo wishes to convey in its own right.However, direct juxtaposition side by side is in my opinion not fully pleasing aesthetically.

I recommend to use the combination with the Discovery Park logo (file group D) instead.

WHEN WORLDS COLLIDE


CLOSING THE LOOP: HELLO KETTYTM


The logo toolkit provides a series of free-standingright-handed brackets for your convenience.

These identity elements can provide a playfulfinishing touch to your work, and help achievebalance in a design layout.

They also suggest a sense of momentum andmoving forward on the road of discovery ahead,in the endless quest to unlock the future.

Graphic possibilities are nearly unlimited.Feel free to use the kets as you wish based on your inspiration.

For best results, I recommend using not more than one ket on a page or slide.Position it beyond the right lower corner of the logo or other associated artwork.

Look for some potential options in action in the application examples section(presentation slide designs), and on the back cover page of this manual.

*Do not panic. I have no intention for trademarking the HELLO KETTY name in any way. Where would life be without a little humor now and then?

Century GothicMain font of this style manual

N O T E S O N T Y P O G R A P H YTHESE ARE JUST L ISTED AS INFORMATION IF YOU ARE INTERESTED OR CURIOUS.

FEEL TOTALLY FREE TO USE YOUR OWN PERSONAL FAVOURITES.

ABCDEFGHIJKLMNOPQRSTUVWXYZ {(!?,.)}abcdefghijklmnopqrstuvwxyz 1234567890

Lucida SansFeatured in the presentation slides examples


Myriad ProFeatured in the poster example


EurostileBasis of the letterforms in the logo


informinspire

illustrate

identify

3 A P P L I C AT I O N

E X A M P L E S

PRESENTATIONS – TITLE SLIDE #1

A P P L I C A T I O N E X A M P L E S

Low-noise slide engineeringfor ballistic content transport

Stand-up PhysicistThermal Wizard • Project BrainiacQUANTUM ENGINEERED SYSTEMS & TECHNOLOGY

BEST CONFERENCE EVERSunshine City CA | Anytime 2013

PRESENTATIONS – TITLE SLIDE #2


Low-noise slide engineeringfor ballistic content transport

Stand-up PhysicistThermal Wizard • Project BrainiacQUANTUM ENGINEERED SYSTEMS & TECHNOLOGY

BEST CONFERENCE EVERSunshine City CA | Anytime 2013

PRESENTATIONS – CONTENT SLIDE

Despite the minimalism of this example template,the gold bar provides a solid footing for the slidesand serves as subtle, consistent identity feature.

Slide numbers were retainedas they can be helpful for theaudience in asking questions.


Less is moreRepeated template elements distract from actual content.Omit logos (!), speaker/title info, etc. when possible.

Show and tellKeep text concise: let yourself and images do the talking.

Bullet points killThis slide provides an orderly list with neatly distinctitems yet no symbols (or similar) were necessary.

Long title broken into similarline widths for easy reading

4

PRESENTATIONS – FINAL SLIDE


Birck Nanotechnology CenterP U R D U E U N I V E R S I T Y



http://nanohub.org/groups/quest

First-Principle Analysis of 2-D Graphic DesignTemplates for High-Speed Research Posters

A. Nothe, R.B. Rilliant, T.E. Amof, S. CientistsBirck Nanotechnology Center | Quantum Engineered Systems & Technology

E-mail: [email protected] http://nanohub.org/groups/quest

POSTER HEADER


... ...

4 C O M M O N

A B U S E S

A LOGO IS NOT CITRUS FRUITNOT EVEN WHEN IT COMES IN ORANGE COLOR

C O M M O N A B U S E S , P T . 1

Respect the boundaries of the bounding box:DO NOT SQUEEZE THE LOGO INTO TIGHT SPACES.

Rather, use an overall size that comfortably fits.

The bounding boxes purposely safeguard apleasant distance from surrounding artwork,giving air to the layout. Let your design breathe.

The bounding box ensures a safedistance between the artworkand headers edges, making for abalanced & pleasant appearance.

This designer has tried to pushthe graphics to the maximum.The artwork almost touches theedges, giving a crammed layout.

A LOGO IS NOT A BUNGEE CORDBE A HIPPIE: STRETCH LEGS NOT ARTWORK

Respect the shape of the bounding box:MAINTAIN THE ASPECT RATIO OF THE LOGO.

Life is busy, and making those pesky conferencedeadlines can sometimes require elastic workinghours. But there’s no reason the logo should join.

Most software will maintain the aspect ratiowhen holding <SHIFT> while rescaling.

RIGHT WRONG


A. Nothe, R.B. Rilliant, T.E. Amof, S. CientistsBirck Nanotechnology Center | Quantum Engineered Materials & Technology



A. Nothe, R.B. Rilliant, T.E. Amof, S. CientistsBirck Nanotechnology Center | Quantum Engineered Materials & Technology


RIGHT WRONG

2X

1X

Vector art maintains its crisp edgesand smooth shapes no matter howmuch you resize it.

See the PDF magic in action byzooming in as far as you like on thisdocument in your viewer.

This designer has converted thelogo to a JPG file with too muchcompression, leading to smudgyedges and ‘dirty’ colors.

If your software can only handlebitmaps, use the provided PNGfiles. This format is lossless andpreserves the correct colors.

A LOGO IS NOT A MONET PAINTINGOR YOUR FAVOURITE RECORD, EITHER

C O M M O N A B U S E S , P T . 2

Respect the power of vector art:AVOID LOW RESOLUTION BITMAPS AT ALL COSTS.

Proper Art featuring vague lines and fuzzydabs of color, or movie scenes shot with asoft focus lens, can be absolutely amazing.

Logo artwork, however, looks far fromflattering or melancholic when pixelated. Impression Soleil Levant >

© Claude Monet, 1872.

Suppress your inner Californian now and then:DO NOT RECYCLE THE LOGO.USE ORIGINAL FILES, IN PDF WHENEVER POSSIBLE.

Even though it’s been copied, scratched,and copied again, your favourite CD stilldelivers for the good times. A screenshot ofa scan of a printed logo? Not so much.

Bitmaps degrade upon transformation andreproduce poorly beyond their intended size.

PDF files contain spline coordinates insteadof pixel data. Interpolation gives crisp andsmooth curves, regardless their scale.

RIGHT

CHEAP PRICELESS

WRONG

5 U S E F U L

R E S O U R C E S

Purdue Marketing Toolkithttps://marketing.purdue.edu/Toolkit (login required)

Provides Purdue logos and related University artwork.Comprehensive style manual available.

Discovery Park/Birck Templateshttp://www.purdue.edu/discoverypark/nanotechnology/resources/PPT_resources.php

Provides logos (bitmap only) and some simple presentation and poster templates.

Quest Logo Toolkithttp://nanohub.org/groups/quest/logos

Provides all logo files and PDF copy of this style manual.

Jean-Luc Doumont (Principiae)http://www.principiae.be/X0300.php

Provides resources on effective communication for scientists.

The layout and philosophy of the presentation slide template shown inthis manual are gratefully influenced by Doumont's excellent insights.

U S E F U L R E S O U R C E S

T E C H N O L O G Y Q U A N T U M E N G I N E E R E D S Y S T E M S &

Q U A N T U M E N G I N E E R E D S Y S T E M S & T E C H N O L O G Y

E N G I N E E R E D S Y S T E M S & T E C H N O L O G Y Q U A N T U M

S Y S T E M S & T E C H N O L O G Y Q U A N T U M E N G I N E E R E D









Q U E S T S T Y L E M A N U A L | F E B 2 0 1 3 | © B J O R N V E R M E E R S C H

ARTWORK AUTHORISED FOR USE BY QUEST MEMBERS AND AFFILIATES. OTHER RIGHTS RESERVED.

l o g o g u i d e l i n e s - nanohubquestlogo-manual.pdf · upright w u group standalone with...

Documents