esterday I was listening to a podcast and heard someone who was about to ask a question saying something along the lines of “..long time fan, first time caller…” and for some reason that got me thinking about Medium. I’ve been consuming content here for a long time but have never contributed myself with my 2 cents. Today is the day this changes.
As my introduction, I decided to write about something close to my heart, Visual Design (aka graphic design), more specifically the basic principles I learned to use which I consider essentials for me to perform my job well.
I want to keep this article short, for that reason, I will try to be brief in each of these principles, for the ones that deserve a bit more depth I might dedicate a full-length article in the future.
Ok, ready? It all starts with…
#1 Point, Line & Shape
These are the most basic building blocks of any design, no matter what it is. With these you can create anything you want, from simple icons to very complex illustrations, everything is made with the combination of these simple elements.
In geometry a point is a combination of x and y coordinates, add a z-axis and you’re in 3D, but let’s stick with 2 dimensions for this article.
If you connect two points you’ll get a line. A line that is formed by an immensity of points, a bit like a bunch of atoms form molecules which, in turn, from all the objects around you. Then, if you add a third point and connect them all you have a shape, in this case, a triangle, but as mentioned before you can use these basic elements to achieve pretty much anything that you want.
Now, to your eyes, these shapes don’t really exist until you add something to it…
The human eye can see over 10 million different colors from red to violet, and from a young age, all of us learn to attribute certain values or meanings to specific colors.
Imagine the traffic lights for instance. They’re just colors but we learn that red means stop, green means go and yellow means step on the metal because you can make it before it turns red. This to say that we take very different actions just based on a color, sometimes even without thinking about it.
In my opinion, this happens simply because we learn these things, not because a color has an intrinsic meaning attached to it. This is truer if you consider that these meanings will change depending on your culture, where and when you were raised.
All this to say that you can add meaning, intention and a tonne just by picking the right color, you just need to make sure you understand very well who you’re designing for.
Now that you can see your triangle, how about making it more interesting…
This is a big one and I consider one of the most important, and difficult, things for a designer to get right. It’s not only about what you write but how you present it. Typography is how your words look like.
With the right typeface you can have a banal piece of text and make it powerful, but that’s not easy to do, what is easy is to completely mess up a powerful statement just by selecting the wrong typeface. Typography, as well as color, allows you to define a tone.
Most typefaces are designed with a purpose, you just need to learn what that is and use it in your favor. Some typefaces are great for big blocks of text, some work great as titles. Some are merely functional and super clear and others are just meant to be fun or used ironically (you know what I’m talking about).
There are thousands of different typefaces to choose from but unless you need something whimsical or you’re trying to make something very specific I would always advise to stick with the classics. However, if you’re feeling bold you can even design your own typeface, although I think that is one of the most challenging things to do properly as a designer if you think you’re up for the task one thing that you can’t forget is…
The way you balance your space can be a maker or a breaker, especially in typography.
You need to consider how each element/letter relates to each other, give them the precise breathing room they need, this is usually referred to as negative space (positive space are the actual letters).
You need to take the negative space as part of your design and use it well, space can be powerful and help your viewer to navigate through your design. It can also be a place to rest the eyes.
Use it wisely though, too much space and your design will look unfinished, too little space and your design will seem too crowded.
Managing to find the right ratio between positive and negative space allows you to create…
#5 Balance, Rhythm & Contrast
This is when you’re starting to make a bunch of plain elements into something interesting and appealing. Balance well all the elements of your design by considering their visual weight. A big black square in your bottom right corner will sink your design from that side. Compensate for that weight or move it to other position.
The way you lay elements on the page is crucial, making some elements heavier than others will help to create contrast and rhythm and lead your viewer’s eyes through your design gracefully and effortlessly.
Something that may help you with rhythm and balance is also to play with…
Scale helps you not only creating rhythm contrast and balance but also a hierarchy. Basically, not all the elements in your design should have the same importance, and one of the best ways to convey that is size.
Now, this must serve a purpose. Don’t go for the “make my logo bigger cream” approach and forget about the space I mentioned before.
For instance, take a newspaper page. What’s the biggest thing on the page?
The titles, that are also usually short. Why? So you can scan the page quickly and see if there’s something interesting for you to read. Then we have the subtitles that are smaller but give you a little more information about the article, and finally, we have the article that has the smallest font size but also the most comfortable to read a long piece of text.
So, it’s all about making the size serve a purpose and never forget about the person who will consume your design. Speaking of newspaper, is time to bring some order with…
#7 Grid & Alignments
It’s like that oddly satisfying feeling when you’re playing Tetris and you stack that last bar that clears your screen.
These are supposed to be invisible but you’ll see them if you open a book or a newspaper, but (no matter what you’re designing) following a grid will structure your design and make it more pleasant and easier to digest.
Even if you’re making a chaotic design purposefully, there must be an order for that chaos.
Alignment is especially important with text, there are several ways to align it but my rule of thumb is to align it left. It always depends on what and for whom you’re designing of course, but generally, people read from left to right, top to bottom, which makes text that is center or right aligned much more difficult to read.
This is a key concept in photography but it also applies to visual design.
Whether you’re using a picture, an illustration or something else, framing something properly makes all the difference.
Try to direct the eye to what matters, crop/frame images to make your subject stand out or to reinforce your message. It’s all about telling the right story and telling it well.
After all, this, if you feel there’s something missing, you can play around with…
#9 Texture & Patterns
I personally see texture and patterns like accessories, you don’t have to use them necessarily and you can live without them but sometimes they can, almost on their own, make your design or add that little extra interest it was missing.
Textures are not as trendy as they used to be a while ago but with them you can add another dimension to your design, making it more three dimensional and touchable.
Read original article on – https://blog.prototypr.io/10-basic-principles-of-visual-design-55b86b9f7241