20
Page 1 www.forwardm.com Logo Portfolios By Tom King, President/CEO Website & Graphical Design Seminar Hosted by the Art Institute of Houston Presented April 19, 2011

Logo Portfolio Design

Embed Size (px)

DESCRIPTION

Forward Marketing President/CEO Tom King's "Logo Portfolios" presentation at the Houston Website & Graphical Design seminar on April 19, 2011 hosted by the Art Institute of Houston.

Citation preview

Page 1: Logo Portfolio Design

Page 1 www.forwardm.com

Logo Portfolios

By Tom King, President/CEO

Website & Graphical Design Seminar

Hosted by the Art Institute of Houston

Presented April 19, 2011

Page 2: Logo Portfolio Design

Page 2 www.forwardm.com

A logo is a single image that represents and communicates a company

brand. A logo portfolio includes five considerations: variations, orientations,

formats, resolutions, and treatments. These should be usable for print,

video, animation, web and mobile app usage. A solid logo portfolio from

Forward Marketing should last 5 years and costs $3,000 - $10,000.

What are the basic aspects of a Logo?

Page 3: Logo Portfolio Design

Page 3 www.forwardm.com

What makes a good logo?

• Billboard or bumper sticker test: instantly recognizable

• Works in landscape and portrait orientations

• Icon is recognized as related to logo

• Communicates brand, if not goals of the brand

• Evokes an emotional response

• Use of “TM” symbol to protect intellectual property

Page 4: Logo Portfolio Design

Page 4 www.forwardm.com

Logo Orientations

• Landscape

– Usually design in 1700 x 600 pixels

– Reduces perfectly to 88 x 31 official micro button dimensions

• Portrait

– Often this is square in dimension

– 600 x 600 pixels

• Follow Industry Dimensions

– http://www.iab.net/iab_products_and_industry_services/1421/1443/1452

Page 5: Logo Portfolio Design

Page 5 www.forwardm.com

Logo Resolutions

• 600 dpi for both CMYK (TIFF) and RGB (PSD) files

• Perfect for billboards to business card

• You can always decrease image quality / resolution

• You can „t always increase image quality / resolution

Page 6: Logo Portfolio Design

Page 6 www.forwardm.com

Logo Versions

• Stand alone logo

• With URL

• With Slogan

• With modifier (nametag, approved, branch location, subsidiary, etc.)

• Use multiple, named layers on the same image file to save effort

Page 7: Logo Portfolio Design

Page 7 www.forwardm.com

Logo File Formats

• CMYK for hi-res print (usually in TIFF)

• RGB for hi-res web (.PSD) to convert to low-res (.gif, .jpg, .png)

• These require separate files that should be separated by folders, naming

• Can create in one format then convert to other

Page 8: Logo Portfolio Design

Page 8 www.forwardm.com

Logo Treatments: 2D v. 3D

• Create both 2D and 3D versions

• 3D employs beveling, shading and gradients

• Applicable to video, animation, mobile apps and other unforeseen uses

Page 9: Logo Portfolio Design

Page 9 www.forwardm.com

Folder Structure

• Structure folders as follows at the beginning of a project …

– cmyk

• 2d

– icons

– logos

• 3d

– resources

• fonts

• instructions

• presentation template

– rgb

• 2d

– icons

– logos

• 3d

– web

• 2d

– icons

– logos

• 3d

Page 10: Logo Portfolio Design

Page 10 www.forwardm.com

Favicons v. Icons

Page 11: Logo Portfolio Design

Page 11 www.forwardm.com

Custom icons sets

Page 12: Logo Portfolio Design

Page 12 www.forwardm.com

Building icon into overall logo

Page 13: Logo Portfolio Design

Page 13 www.forwardm.com

3D Beveling & Shading

Page 14: Logo Portfolio Design

Page 14 www.forwardm.com

Multiple Orientations, Layouts

Page 15: Logo Portfolio Design

Page 15 www.forwardm.com

It all starts with the icon / embrace motion

Page 16: Logo Portfolio Design

Page 16 www.forwardm.com

Clean, Simple, Bold, Effective

Page 17: Logo Portfolio Design

Page 17 www.forwardm.com

Don’t be afraid of different versions

Page 18: Logo Portfolio Design

Page 18 www.forwardm.com

Embrace Emotion, Motion, or Industry

Page 19: Logo Portfolio Design

Page 19 www.forwardm.com

Test Logos on Strangers and Clients!

Page 20: Logo Portfolio Design

Page 20 www.forwardm.com

Logo Portfolios by Tom King, President/CEO

Ph: 713-449-2000

Email: [email protected]