What is composition?
Five basic principles
The key to mastering layout and composition is to think like a designer. Fortunately, this is easier said than done. Here are five basic principles that will help you transform your work and sharpen your eyesight for design. Keep them in mind during your next project and look for ways to use them.
Nearby is the use of visual space to display relationships in your content. In practice, this is very simple. All you have to do is make sure that the relevant items are combined (for example, text or elements in a graphic, as in the example below)
Groups that are not related to each other should be separated in order to emphasize the lack of relationship visually. Overall, this makes it easier to understand your work at a glance, whether it is purely text or high visibility.
White space is an important part of every organization. Now, this does not mean white space; It refers to the negative space between your content, between the lines, and the outer edges.
There is no one way to use white space properly, but it is good to understand its purpose. White space allows you to define and separate different sections; This allows your content room to breathe. If your work occasionally starts to feel noisy or uncomfortable, a small white spot may be as the doctor ordered.
Alignment is something you always deal with, even if you don’t realize it. Whenever you type an email or create a document, the text will be aligned automatically.
When aligning objects yourself (for example, images or separate text boxes) it can be tricky to get it right. The most important thing is to be consistent.
As in the example below, it may help to imagine that your content is organized within a point. Notice how each image has an invisible line centered on the text? Each group is spaced and aligned evenly with equal spacing.
It’s this focus on details that make it easy to navigate the mix. Without consistent alignment, your work will begin to feel erratic.
Contrast means that one item is different from another. In layout and composition, Contrast can help you do many things, such as catch the reader’s eye, create prominence, or focus on something important.
In the example below, we have used color, multiple style text, and objects of different sizes to create variation. This will make the design more energetic and, therefore, more effective in communicating its message.
Closely tied to the contrast sequence, it is a visual technique that allows the viewer to continue your work. In other words, it shows where to start and where to go next, using the importance of different levels.
Establishing the step is easy: you must first determine the elements that the reader will notice, and then make them stand out. High-level or important items are usually big, bold, or in some way eye-catching.
The reminder that every project should have a consistent look and feel is repeated. This means finding ways to strengthen your design by repeating or echoing certain elements.
For instance, if you have a specific color palette, look for ways to carry it through. If you’ve chosen a special header style, use it every time.
It’s not just for aesthetic reasons — being consistent can make your work easier to read. If the audience knows what to expect, they can relax and focus on the content.
Putting it all together