Creating a graphic from start to finish using Adobe Express.
In this course, graphic designer, educator, and coach Mariah Althoff teaches us how to harness the foundations of graphic design to create successful graphics using Adobe Express.
But what does a successful design even look like? Fundamentally, a successful design (graphic or otherwise) effectively conveys information or elicits an action. In our time today, Mariah will walk us through a design from concept to creation.
At the very beginning of your design process, before even putting cursor to pixel, ask yourself, what is the goal of this graphic? For today’s example, Mariah is designing an event poster for a music festival with the goal of capturing interesting and selling tickets. She shows us how to:
Define the visuals needed
Choose fonts
Build a color palette
Create visual hierarchy
Refine the graphic
Let’s dive in.
Before you begin designing it’s important to take a moment to define who you’re designing for. Brainstorm and identify who your audience is, so when you start designing you’re fully set up for success. Here are some questions you can ask yourself to start:
Who is your target audience?
What colors, shapes, design styles, etc. are going to appeal to or resonate with them most?
What’s the style, aesthetic, or vibe you want your graphic to convey?
While it can be tempting to use all your favorite fonts in your brand or design, limit yourself to the use of only two or three fonts in your graphic so it looks professional and is easy to understand. Mariah recommends you choose a font for each of the following:
a header text font
a body text font
and either, a sub-header OR an accent font
Keep in mind that your audience should be able to understand the text on your graphic with just a glance, so choose fonts that are legible. Also remember to keep the fonts distinct from each other so it’s clear which takes precedence. You can do this with hierarchy (which we’ll cover more later), but it’s also important to choose fonts that go together and feel like they’re a part of the same style family.
When it comes to defining your colors, Mariah recommends you choose one of each:
A darker color
A lighter color
A brighter color
Additional colors can be used for accents, but choosing one color for each of these three categories will get you off to a great start.
Your colors should align with the overall aesthetic of your graphic and, if you’re not quite sure where to start with creating a color palette, Adobe Express has recommended color palettes so you don’t have to start from scratch.
We mentioned we’d come back to hierarchy, so let’s talk about it now. Visual hierarchy uses design elements to establish an order of importance. This helps to strategically move the viewer’s eye throughout a design and can help them to understand the most important information in a design. (Even subconsciously!)
Establishing visual hierarchy can be done with every element of a design; images, text, accent elements, etc. and through size, boldness, and color.
With text, for example; the header text should be the biggest and boldest, the subheader text is next, followed by the body text being the smallest.
In this section, Mariah walks us through bringing all her earlier tips to life from start to finish. She’ll pick and edit an image for the poster’s background, layout the text, and make final adjustments. We’re almost done!
Mariah wraps up the graphic by ensuring proper spacing and alignment, adjusting colors slightly, and ensuring everything is just right. Thanks for joining us for this course and remember:
Define your audience and aesthetic before you begin
Choose 2-3 legible, distinct fonts and stick to them
Build a simple color palette by choosing a darker color, a lighter color, and a brighter color
Use visual hierarchy to organize the importance of information so viewers know how to read your design