IndieFolio Blog

Design for Design’s Sake: An Autodidactic Exercise in Branding

The principles elaborated upon, here, might mark your foray into the fascinating realm of graphic design. But you must reject them.

In 1891, WKL Dickson aspired to capture the world as realistically as possible. Through the first motion picture camera, the mission was to animate still images to do for the eye what a phonograph does for the ear.

The year is 2018, and, while shorter attention spans trigger our bingeing habits, we are witnessing the rise of graphic design. A field as promising as cinema was to the early pioneers of visual communication.

Graphic design is an extensive form of visual messaging that operates through images, text and symbols. This article attempts to develop the context within which you might be able to situate your skills as a designer.

To leverage digital marketing and communication efforts, Adobe, a leading facilitator, has released a series of design software. Marketers are enabled to accomplish their goals through everything from a poster for a sponsored Facebook ad to a product’s UI/UX. You must, eventually, familiarise yourself with one or more from Adobe’s Creative Suite: Photoshop, InDesign, Acrobat, Flash, Dreamweaver, Fireworks, Premiere Pro, After Effects, SpeedGrade, Prelude, Encore, and Bridge.

But, before you do anything, know that you don’t need to be an artist to be a designer. Anyone can make content shareable. What you need is a fair idea of your target audience, and what might or might not work for them. Beyond that, a tastefully streamlined communication strategy is crucial. You need to think like an editor to make your audience seamlessly infer what you are presenting in a limited amount of time and space.

1) Field layout

Figure out the shape of your visual field. If you are designing a piece for social media marketing, you will be provided with content specifications. Everything from dimensions to the copy.

Think small, and focus on negative space. It’s important to provide the eyes with enough room to wander, and allow the information to flow from top to bottom, and left to right.

Limit the text to a minimum to allow for maximum impact.

2) Typography

The style and overall appearance of text depends on your choice of font, its size, colour, and weight. This is basically what typography is all about. As you explore the range made available to you by the chosen design software, remember that less is more.

You need to exercise some discretion while opting for a font that perfectly suits the style of your communication. Try and stick to one or two fonts, but don’t hesitate to diversify and try out a range of combinations depending on the communication goal of your project.

You must be familiar with the most commonly used font – Serif. It is used in editorial pieces, in contrast to Sans Serif, which is without the curved edges around the letters. The latter suits a more formal style of communication, only because it brings more clarity with it.

Avoid fonts that are simply too casual or flimsy, like Comic Sans ( pfft).

3) Colour theory

Colour will play a vital role in drawing attention to your design. It sets the mood almost instantly.

Notice the minimalism of the Instagram post for the clothing brand, F&F, below. The field layout is clean, and the objects are organised for crisp communication. The brand message is implicit. But it is the choice of colour that defines the contrast between the elements and the background.

Once you figure out the brand identity, plunge right into the colour wheel. After plenty of trial and error, you will learn to vary the degree of hue, saturation and value to create shades that achieve just the right mood for your design.

4) Balance and alignment

By now you must have noticed how design is primarily populated by shapes. Whether fonts, symbols or images, these shapes need to exist in state of balance or perfect harmony. The easiest way to achieve it is by getting the alignment right.

Symmetrically splitting the field is a good place to start. Place a grid over your initial layout to viably distribute the weight of the objects. This will enable you to create order, before you deep dive into other details. The key is to consistently build and ease tension in the overall appearance of your design.

Created by the Chief Design Officer, Jony Ive, Apple designs ensure that the layout of the screen isn’t obscured by the device’s rounded corners, sensor housing, or the indicator that allows access to the Home screen.

Once the landscape and portrait dimensions are in place, other aspects like aspect ratio come into the picture. Symmetry is maintained to avoid distracting the viewer from the central message.

In some cases, there is a need for asymmetrical balance. Some objects deliberately need to pop in comparison to the rest. This can be done particularly when the communication isn’t specific to the target audience, or when unconventional ideas need to be conveyed.

The Homegrown poster below features the Indie electronic artist, Arman Menzies (aka Zokhuma). Apart from the image, notice how the arbitrary placement of ‘x’ and the random lettering in Hindi disrupts the announcement of the HG’s street festival. The brand clearly caters to iconoclastic ideas.

Their brand goal is to represent artists who push the boundaries that define narrow cultural identities and stereotypes in India.

5) Contrast

Your choice of colours is integral to establishing the mood and appeal of your design. As explained earlier, you must start with the colour wheel and simply experiment before you find harmony.

Apple’s Iphone X blurs the boundary between device and display to create a seamless user experience. The innovative blend of both hot and cold colours forms the crux of its new-age appeal. With just a glimpse, there seems to be a subconscious sense of authenticity that is actually the outcome of a hard-selling marketing strategy.

Contrast is the principle that lets you figure out which object ultimately matters in your design, while adding emphasis. Two design elements need to be in opposition with each other for this to work: like a big font size against small, black against white, thick opposed to thin, modern to traditional, etc. It is what effectively organises the information conveyed by the objects.

6) Hierarchy

Hierarchy is the first crucial technique that helps the viewer absorb the crux of your communication before everything else. In other words, it shows the viewer where to begin and where to end, while focusing on the most crucial piece of information.

You should generally place the main text in a way that emphasises its centrality. The remaining objects and text can follow.

But this is not a hard and fast rule. In fact, most designers would go against the rules of composition when it comes to hierarchy.

It is true that information flows best from left to right, and top to bottom. The use of negative space, moreover, reinforces the notion that uncluttered layouts make for the best designs. But, as you progress onto discovering just how subjective composition can be, the rules might actually turn into techniques as per the communication goal of the project.

The advertisement below is designed by LOWERS INC. It is more in the vein of an abstract Andy Warhol, who once broke all popular conventions with his art. Notice how the designers have focused on conveying unique implicit perspectives through their choices. The coffee brand, Howlt, is still very much in focus, but the rigid sense of hierarchy is absent.

7) Proximity and space

Observe how proximity and space go hand in hand, while supporting this planned division. Proximity is what groups unrelated elements together to create a solid association between them. But the negative space around is most crucial to concretising this association.

Always remind yourself of the audience, and make sure that the communication is as transparent as possible. And always make sure to be concise with words. While posting on social media as well, the description should be posted as the status update rather than clogging the banner with text.

Designing a newsletter

Let’s now look at the application of these basic principles through a simple demonstration. Designed mainly for email marketing, newsletters are sent out through services like SendInBlue and Mail Chimp.

The first step is to come up with the content specifications for the template. Remember that this is the most crucial step, since arbitrary choices can be misleading.

Ask yourself these initial questions:

Who is my readership?

What kind of posts might interest them most?

How can I simplify my design to avoid being superfluous?

You might want to consult a content editor to streamline the communication intended for the readership. The bar needs to be set high, to get the most out of minimum time investment. This is also because subscribers have the option of unsubscribing if they don’t find the weekly content engaging enough. It only implies that the marketer will have to organically build an audience that remains invested.

The regular format will include the following:

1. Header

Containing the logo and the top story.

2. Body

Containing the curated list of posts for the week.

3. Footer

Containing social media engagement icons, and the option to unsubscribe.

The Medium newsletter looks something like this:

The first section contains the logo and the top story: highlighting the editorial team’s weekly recommendation. Notice how the font size varies as per the principle of hierarchy.

The same follows in the body of the newsletter, containing the text on the left hand side and the images on the right. The remaining principles are governed by choices specific to the type of content available on Medium.

Although the character limit isn’t consistent for the title and description sections, the design still manages to achieve consistency in its unique flow. The first story is more concise than the second, and the second more than the third.

You really do not need to be an artist or a pro to make your shareable content. Intuition plays a huge role in determining visual communication. It is built through practice and persistence, along with constant iteration and reiteration.

The process of design evolves over time, and you’ll have to be patient.

Make sure to refer to other designs for inspiration. Observation is key. And a good place to begin would be to replicate the designs that appeal to you most.

You will be exposed to many more conceptual tools. Your ultimate goal, then, is to reject them before initiating your own creative process.

There are several roads a designer can take to establish a career in the field. This could be your first step toward transitioning from to a content marketer, product or editorial designer, or a motion graphics artist.

I am currently inspired by senior designer Danish Ahmed’s BookMyShow UX case study, and Julia Potato’s Beehance portfolio. Remember that you will need to build your own portfolio in time.

This article was originally published by Anupama on LinkedIn.