From Concept To Reality - A Guide To Logo Development

1/3/2018 From Concept to Reality – A Guide to Logo Development | Toptal
Hiring? Toptal handpicks top logo designers to suit your needs.
Start hiring
Login
Top 3%
Why
Clients
Partners
Community
Blog
About Us
Start hiring
Apply as a Designer
Login
Questions?
Contact Us
Search Topics
Hire a designer
Hiring? Toptal handpicks top logo designers to suit your needs.
Start hiring
Login
From Concept to Reality – A Guide to Logo Development

View all articles
by Tidjane Tall - Designer @ Toptal
#Branding #Design #Logo
0shares
https://www.toptal.com/designers/logo/guide-to-logo-development 1/20
Designing a Symbol for Modern Brands

With more and more companies and products competing for market recognition online and offline, a well-designed logo is a business advantage that captures the attention of consumers and represents the core values of a brand
at a glance. A good logo is more than a generic icon; it’s an embodiment of what a company stands for—a visual ambassador for a brand.
Modern brand logotypes
It’s always refreshing to see a logo that lives up to a company’s ethos, but arriving at the right solution involves ample time, skill, and experience. A thoughtful design process is the key to developing an effective and creative
logo, but what does this process look like? How does it unfold?
This article unpacks a simple, straightforward, and highly effective logo design process geared toward creating logos for modern brands and increasingly sophisticated consumers. It presents some useful logo design tips and
provides a framework that logo designers can use to guide clients from the earliest phases of research to the final delivery of project files.
Paul Rand and the IBM logo design process
Since savvy designers are always looking for ways to bring added value to their work, we’ll explore a few practical options that will provide your client’s brand with a competitive edge.
Characteristics of a Successful Logo

While it’s important to follow a tried and true logo design process, there must first be a clear understanding of what makes a logo successful. The blank canvas that exists at the start of a logo design project isn’t a license for
creative excess. In order for a logo to be a good brand ambassador, it must adhere to a few trusted principles.
Following the five principles of the S.M.A.R.T. system allows companies and products to stand out in a crowded market and form lasting audience connections.
Simple: Make it easy to understand and identify.

Memorable: A good logo should be distinctive enough to be memorable.
Ageless: The best logos are timeless and survive changing trends.
Reliable: Flexibility and scalability are key to using a logo across different platforms, mediums, and sizes.
Thoughtful: Every detail of a logo should be considered and honed to effectively symbolize the quality and usefulness of a brand.
Logotype at various scales on different devices
For modern brands, logos should be designed with many use cases in mind. For example, a logo for an airline needs to work as a tiny icon on a mobile app while still looking good at very large scale on a plane’s tail.
Unpacking the Logo Design Process

To demonstrate the logo design process, let’s use a fictional news app called Newsbolt – Delivering trending news at lightspeed. We’ll follow the logo design process step by step and provide key insights along the way.
Keys to Understanding the Design Brief

The first phase of the logo design process involves reviewing and understanding the design brief. This is a relatively simple task, but it’s crucial. Think of it as the foundation of a house. A shabby understanding of the brief will
create a host of problems throughout the project.
What is a design brief? In short, it’s a document that helps define what the logo will stand for. A basic brief will cover the following:
Goals: Does the project have specific goals it must meet in order to be considered a success?
Deliverables: What are the deliverables that will be expected at the project’s completion?
Timeline: Are there expectations that the project should be completed within a certain amount of time?
Project Stakeholders: Who is involved in the project’s decision making?
Target Audience: What segment of the population should the logo resonate with?
Product or Company Profile: What purpose does the product or company serve? What value do they bring people?
Brand Positioning Statement: What is the core of the brand’s promise to consumers, and how does it see itself in relation to its competitors?
Budget and Payment: Is there a project budget, and how will payments be handled?
Visual Research and Art Direction

Visual Research – Uncovering Inspiration
Visual research is a time for the designer to open their eyes and see the world. It involves browsing through art and design related books, portfolio sites, and magazines. It also includes trips to museums, galleries, retail stores,
or inspiring landmarks.
Using Dribbble for visual research and inspiration for logo design
The main point is revving the imagination by inundating yourself with high-quality examples of beauty, ingenuity, and craftsmanship.
Here’s a brief list of online resources to help start your search:
LogoLounge is a logo-centric showcase site for browsing logos from designers around the world.
Dribbble is a highly influential design platform where designers religiously upload their latest and greatest work.
Muzli is a website that aggregates the most popular design work from across the web.
Art Direction – Paving a Clear Path of Creative Intent
Once visual research is complete, designers should lead clients through at least one round of art direction. This is a time to distill visual research into a concise plan of artistic intent through the use of a moodboard—a mosaic of
themes, feelings, and visual ideas.
A simple moodboard created in Sketch
The best moodboards show a clear trend and appeal to a specific audience. The screen design software Sketch is a great way to quickly organize images into a moodboard for presentation to clients.
Ideation and Sketching

Ideation – Where Do Ideas Come From?
Eventually, research must turn into creative output as ideas travel from the mind to the page. A great way to kickstart this part of the logo design process, called ideation, is a brainstorming session—a time of capturing relevant
concepts and narrowing in on the most viable options.
Quick ideas on paper to kick off the logo design process
Sometimes, this may be as simple as writing a list of descriptive words or attempting to sketch 25 ideas in under 5 minutes. Possibilities abound, but one particularly effective brainstorming exercise, called translating, is
outlined in Fast Company’s article 10 Exercises To Fuel Creative Thinking:
“Ideas are greatly stimulated by the process of transformation. Converting things from one form or medium into another can guide thoughts in totally new and exciting directions. One idea leads to another—and
then you’re off on the ideas trail.
The Russian artist Wassily Kandinsky translated classical music into abstract paintings, selecting different colors to signify the varying emotions the music provoked.
To practice, translate the following words into typography—lazy, happy, loud, soft.”
Sketching – A Valuable Practice for Every Logo Designer
Even the most rudimentary sketches are an asset to the logo design process. The main cause of creative block is an overabundance of self-editing during the initial phases of a project. Fast, crude sketching is a great way to
explore ideas quickly and without regard to a “finished” quality.
A few sketch iterations as part of logo development
An added benefit of these early, rough sketches is that they often have an innate sense of proportion and balance. This makes them quite helpful as a reference layer when the designer is ready to begin digitally tracing the logo.
Digital Refinement
After working through ideation and concept sketching, you’ll be equipped with a dependable blueprint for refining the logo in Adobe Illustrator. Illustrator is a piece of high-performance design software used for creating vector
format graphics, art files that are infinitely scalable without quality loss or pixelation.
A process of digital refinements for logo design
Final logotype in Illustrator – monochrome version
The following list includes links to select tutorials that explain some of Illustrator’s most useful logo design tools:
Basic Shapes: Learn to use the geometry of circles, rectangles, triangles, and squares to create more complex shapes and designs.
Align Tool: Save time and prevent headaches by understanding how to efficiently align objects with precision.
Pathfinder: Use intersecting shapes to create new shapes and symbols quickly.
Shape Builder: The Pathfinder has its limits. Luckily, the Shape Builder is more than ready to pick up the slack.
Pen Tool: It can be a tricky tool to learn, but be bold. There is power in the pen!
BONUS: Not a tutorial, but the Astute Graphics plugins are highly regarded efficiency tools in the world of vector graphics. The free “SubScribe” plugin set is incredibly useful.
Color in Logo Design

The use of color in logo design is a vast and highly important topic that covers a diverse array of disciplines ranging from color theory to human psychology. With that in mind, it’s best to present clients with simple, yet
harmonious, color schemes that provide high contrast.
Final logotype – color version
Adobe Color CC color palettes
There are a number of online resources to aid designers in their knowledge of color:
Ctrl+Paint: Concept artist Matt Kohr presents a series of quick and simple video tutorials that explain color selection and mixing from a digital painting perspective. These are great for designers looking to better
understand the “why” and “how” of color combination choices.
COLOURlovers: A creative community where artists and designers from around the world create and share color schemes.
Adobe Color CC: Color CC allows users to create color schemes with a sophisticated color wheel or browse thousands of color combinations from the Adobe community.
Pinterest: Pinterest is packed with ready-made color schemes, and it’s a great place to observe color trends as they evolve over the course of a year.
When creating color schemes, it’s important to remember that logos must eventually leave the cozy confines of Illustrator and Sketch, where white space runs on forever, to live and work in the real world.
Dark and light logo options need to be looked at during logo development
This requires that a logo work on light and dark backgrounds as well as in black and white. As you preview a logo in these settings, be prepared to make minor adjustments. The reversal of black and white has a tendency to
expose subtle design flaws or worse, unintended symbolism.
*Pro Tip: Catch black and white reversal flaws during the ideation and sketching phase of the logo design process by applying a simple “Invert” filter.
Organize and Deliver Files

Once a logo is complete and approved by the client, it’s time to hand over the final design files. Folders and files should be well organized, clearly labeled, and easy to access via Google Drive, Dropbox, or another reliable file
sharing service.
For the designer that’s new to logo design, here’s a quick breakdown of the different file formats a client may need:
Print Files: Vector format files are preferred for print because they allow a logo to remain sharp and clear at large scales and low resolutions. Formats include EPS, SVG, AI, and PDF.
Web Files: The web requires either pixel-based files (JPEG, PNG, GIF) or vector-based files (SVG – Scalable Vector Graphics).
JPEG files are best if the logo design uses several color transitions and gradients because they keep a richer photographic render of the original design.
PNG images are best when the logo design utilizes mostly flat colors and shapes, with little to no shadow or gradient action.
How to Equip Clients with Value and Vision

Offer a Basic Style Guide
Seasoned designers are always on the lookout for ways to provide added value to their clients. Creating a nice logo is admirable, but designers should also consider how to equip clients with a simple strategy for using a logo
effectively. One way of doing this is to ask clients at the start of a project if they would like a basic style guide.
Medium's logo guidelines
To be clear, a basic style guide is not the same thing as a massive corporate branding document. Rather, it’s a 1-2 page outline of practical dos and don’ts pertaining to a logo’s color, scale, padding, orientation, etc. Here’s a
great example from the design publishing platform Medium: Medium Branding Guidelines.
Consider Using Subtle Animation
Another way to add value to a logo is animation. Subtle animation in the appropriate context can imbue a logo with life and meaning that furthers a brand’s storytelling ability. Amaze, a global brand consultancy, shows the
power of subtle animation with it’s “living brand,” an AI-driven logo that reacts to user behavior in real time.
It’s important to note that animation should be used sparingly and thoughtfully. It cannot hide a poorly designed logo, especially in static use cases.
Fubiz logo animation for different verticals
A Call to Ingenuity and Originality

LogoLounge’s 15th Annual Logo Trend Report shows that logo designs in 2017 didn’t seem to display as much innovation as in years past. “This year’s trends weren’t so much a revelation as a continuation and evolution of
things we noticed last year.” That’s a clear indicator that most newcomers tend to follow industry leaders and mimic what already exists rather than dare to stand out.
As designers, we’re hired to help our clients rise above the noise of their fiercest competitors. It is our responsibility to champion innovation in the logo design process. To do this requires experimentation and a relentless
challenging of our own assumptions, but the risk is well worth the reward of seeing our clients shine in a sea of distraction.
About the author
View full profile »

Hire the Author
Tidjane Tall, Canada
member since March 1, 2016
Adobe IllustratorSketchAdobe PhotoshopAdobe CCInterface DesignMobile App DesignWebCreative DirectionWeb AppsUX DesignUI DesignMobile UI
Tidjane has led and supported UI/UX, product, and design vision on small to large projects for companies like Adobe, Google, Yellow Pages, and more. With over nine years of experience in mobile/web craft, he aims to
connect users’ needs and business goals to deliver creative and strategic design solutions. [click to continue...]
Hiring? Meet the Top 10 Freelance Logo Designers for Hire in January 2018
4 Comments Toptal 
1 Login
Sort by Best
 Recommend 8 ⤤ Share
Join the discussion…
LOG IN WITH
OR SIGN UP WITH DISQUS ?
Name
Gregor Samsa • 9 days ago

Very interesting combination of copyright infringement and bad design.
3△ ▽ • Reply • Share ›
Miroslav Kostic • 16 days ago

Linear beard version is better than massive one.
Ted Karwowski • 4 days ago

You know a good bug when you see it. All this other crap about trends and brand positioning is for people that never sharpened a pencil in their life. GET REAL
terrasprite • 2 days ago

Laughing at the points on the vector 'logo'. Not only is it different or a poor copy of the logo; it is a poor example of how Illustrator vectors should be used.
△ ▽ • Reply • Share ›
✉ Subscribe d Add Disqus to your siteAdd DisqusAdd 🔒 Privacy
comments powered by Disqus

Subscribe
Free email updates
Get the latest content first.
Enter your email address...
Get Exclusive Updates
No spam. Just great design posts.
Free email updates
Get the latest content first.
Thank you for subscribing!
Check your inbox to confirm subscription. You'll start receiving posts after you confirm.
0shares
Trending articles
Collaborative Design - A Guide to Successful Enterprise Product Design1 day agoThe Fundamental Guide to Mobile Usability6 days agoeCommerce UX for the Mobile Experience8 days agoEnhance User Flow - A Guide to
UX Analysis13 days agoFrom Concept to Reality – A Guide to Logo Development15 days agoThe Value of Design Thinking in Business20 days agoUI vs. UX - The Vital Guide to UI Design22 days agoMastering Fintech UX
- A Design Case Study27 days ago
Relevant Technologies
Logo
Brand
Visual
About the author
Tidjane Tall
Designer
Tidjane has led and supported UI/UX, product, and design vision on small to large projects for companies like Adobe, Google, Yellow Pages, and more. With over nine years of experience in mobile/web craft, he aims to
connect users’ needs and business goals to deliver creative and strategic design solutions.
Hire the Author
Toptal connects the top 3% of freelance talent all over the world.
Toptal Designers
Creative Directors
Freelance Designers
Graphic Designers
Illustrators
Logo Designers
Mobile App Designers
Product Designers
UI Designers
UX Designers
Visual Designers
Web Designers
See more freelance designers

Learn how enterprises benefit from Toptal experts.
Join the Toptal community.

Hire a designer
or
Apply as a Designer
Highest In-Demand Talent

iOS Developer
Front-End Developer
UX Designer
UI Designer
Financial Modeling Consultants
Interim CFOs
About
Top 3%
Clients
Freelance Developers
Freelance Designers
Freelance Finance Experts
About Us
Contact
Contact Us
Press Center
Careers
FAQ
Social
Facebook
Twitter
Google+
LinkedIn
Toptal
Hire the top 3% of freelance talent
© Copyright 2010 - 2018 Toptal, LLC
Privacy Policy
Website Terms

From Concept To Reality - A Guide To Logo Development

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

From Concept To Reality - A Guide To Logo Development

Enviado por

Direitos autorais:

Formatos disponíveis

1/3/2018 From Concept to Reality – A Guide to Logo Development | Toptal

Hiring? Toptal handpicks top logo designers to suit your needs.

From Concept to Reality – A Guide to Logo Development

by Tidjane Tall - Designer @ Toptal

#Branding #Design #Logo

Designing a Symbol for Modern Brands

Modern brand logotypes

Paul Rand and the IBM logo design process

Characteristics of a Successful Logo

Simple: Make it easy to understand and identify.

Logotype at various scales on different devices

Unpacking the Logo Design Process

Keys to Understanding the Design Brief

Visual Research and Art Direction

Here’s a brief list of online resources to help start your search:

A simple moodboard created in Sketch

Ideation and Sketching

Quick ideas on paper to kick off the logo design process

Sketching – A Valuable Practice for Every Logo Designer

A few sketch iterations as part of logo development

A process of digital refinements for logo design

Final logotype in Illustrator – monochrome version

Color in Logo Design

Final logotype – color version

Adobe Color CC color palettes

Organize and Deliver Files

How to Equip Clients with Value and Vision

Medium's logo guidelines

Fubiz logo animation for different verticals

A Call to Ingenuity and Originality

About the author

View full profile »

Join the discussion…

Gregor Samsa • 9 days ago

Miroslav Kostic • 16 days ago

Ted Karwowski • 4 days ago

terrasprite • 2 days ago

✉ Subscribe d Add Disqus to your siteAdd DisqusAdd 🔒 Privacy

comments powered by Disqus

About the author

See more freelance designers

Join the Toptal community.

Highest In-Demand Talent

Hire the top 3% of freelance talent

© Copyright 2010 - 2018 Toptal, LLC

Você também pode gostar