Design

How to Understand the Laws of Composition Once and for All

How to Understand the Laws of Composition Once and for All

Course with employment: "Profession Graphic Designer PRO"

Find out more

Design work, including illustrations, visualizations, and 3D scenes, begins with creating a composition. Before starting a project, it is important to clearly imagine what the final result will look like, determine the key element to be emphasized, and formulate the main idea. Understanding composition is relevant not only for graphic designers but also critical for UX/UI designers and product designers in the digital environment. Proper composition enhances perception and interaction with a product, making it more appealing and user-friendly. Beginners often rely on their own taste, but there are many rules and principles that help create harmonious and balanced work. These rules help reinforce the desired impression and create a specific mood. Compositional laws are studied in specialized textbooks, and in this text, we will highlight key points and explain the basic principles in simple terms. Correct application of these rules significantly improves the quality of work and makes it more appealing to viewers. We study the operating principles of various systems and mechanisms. Understanding their functionality will help you better navigate modern technologies and utilize their capabilities to their full potential. We analyze key aspects of the work to identify the main advantages and disadvantages. This will not only increase the efficiency of use, but also optimize processes to achieve maximum results.

  • compositional center;
  • connection between objects;
  • golden ratio;
  • rule of thirds;
  • frame;
  • eye control;
  • angle;
  • atmosphere and emotions;
  • light and color;
  • dynamics and statics;
  • rhythm;
  • breaking the rules.

Compositional center

The compositional center plays a key role in design, although its location does not always correspond to the geometric center of the plane. This shift helps avoid a boring and predictable composition. Typically, the compositional center emphasizes the main message and is highlighted with color or lightness. In some cases, it can even be located in the corner. Moreover, a single composition can have multiple focal points, which creates additional interest. It's important that the compositional center be perceived not only in terms of the plot but also graphically, ensuring harmony and balance across the entire composition. Correct selection of the compositional center contributes to the effective transmission of information and attracting the viewer's attention.

When looking at this glasses advertisement, there is no doubt what the designer has made the main thing in the poster. The second compositional center is on the right, and it is also easy to read. Image: KELOPTIC / Éric Esculier / Behance

Relationship between Objects

Creating a composition begins with the correct distribution of roles between the depicted elements. If each object is equally attractive, the viewer will not be able to focus on the main object and will quickly lose interest in the image. Therefore, it is important to highlight the main object, and the remaining elements should be arranged around it, using various techniques to attract attention. This will create a harmonious and expressive composition that will hold the eye and convey the desired mood.

The main object in this advertisement is the book in the photographer's hands, the next in importance is the yellow leaflet at the bottom. Image: Público / design by Nossa agency

Golden Ratio

The golden ratio, mentioned by Euclid in the 3rd century BC, is an important principle in art and architecture. He used this concept to create a perfect "golden" rectangle, where the ratio of its sides is 1 to 1.618. This proportion is recognized as the most harmonious and aesthetically pleasing for compositions, making it significant in design and the visual arts. The golden ratio finds application not only in architecture, but also in painting, photography, and other fields where harmony and balance of forms are important.

The Toyota logo uses the golden ratio. Image: Polina Vari for Skillbox Media

The golden spiral is based on the golden ratio. By placing key elements of a composition along its lines or at important points, you can create an image that will look more harmonious and appealing to the eye. Using the golden spiral in design helps achieve visual balance, improving the perception of the work.

When building the Parthenon, the architects took the golden spiral as a basis. Photo: Wikimedia Commons

In this material, we will consider in detail the golden ratio, We'll explore its history and basic principles, as well as provide examples of its application. The golden ratio is a unique ratio that has captivated artists, architects, and mathematicians for centuries. We'll explain how this mathematical ratio manifests itself in nature, art, and design, as well as its role in creating harmonious compositions. Examples of the golden ratio's use in famous works of art and architecture will help you better understand its significance and influence across various fields.

Rule of Thirds

This rule is a simplified version of the golden ratio. It doesn't require complex calculations and is universally applied in various fields, such as film, advertising, postcards, photography, and artwork. Due to its effectiveness, this rule has become a popular tool for creating harmonious compositions and attracting viewers' attention.

Photo collage made using the rule of thirds Photo: Ironika / Shutterstock

The rule of thirds is an important principle of composition in photography and visual art. It involves dividing an image into three equal parts, vertically and horizontally. Key objects are placed at or along the intersections of these lines. This approach creates a dynamic and balanced composition, making the image more appealing to the viewer. Using the rule of thirds helps emphasize important details and improves the overall aesthetics of a photograph. Applying this rule can significantly improve the quality of your photos and make them look more professional.

When creating complex compositions, it's important to consider color harmony. Let's look at how to correctly combine blue, green, orange, and red to achieve an aesthetically pleasing result. Blue pairs well with white and gray, creating calm and stylish images. Green harmonizes with neutral shades such as beige and gray, as well as with bright colors such as yellow. Orange complements blue and brown beautifully, adding warmth and coziness to the composition. Red can be combined with black or white to emphasize its brightness and expressiveness. Skillful use of these color combinations will help create balanced and attractive compositions.

Frame

Artists and designers often use the technique of framing key objects by placing elements that highlight the main subject at the edges of the image. For example, this might be blurred tree branches in a photograph or showing an object through the frame of a window, door, or gate. This approach not only adds depth and context but also makes the visualization more complete, emphasizing important elements of the composition. Using framing elements helps draw the viewer's attention to the center of the image, creating an engaging effect and improving the overall perception of the work.

Work by Dmitry Glazyrin, headliner of the Advertising Graphics course: a foliage frame effect is used. Image: Dmitriy Glazyrin / Mondlicht Studios / Behance

The laws of composition play a key role in design, and their application can be seen in practice in the works of American designer Milton Glaser. In this article, we will examine how Glaser uses these laws to create visually appealing and effective pieces. His works demonstrate harmony, balance, contrast, and emphasis, which help convey the intended message and attract the viewer's attention.

Examples of his graphic design demonstrate how the correct distribution of elements and the use of a color palette can enhance the perception of information. Glaser masterfully applies the principles of composition to create memorable images that remain in the public's mind. His approach to composition inspires many designers and serves as a model for study and analysis.

Thus, studying the work of Milton Glaser allows us to gain a deeper understanding of how the laws of composition influence the perception and effectiveness of design.

Guiding the Eye

Proper composition helps focus the viewer's attention on the key object of the image. To achieve this, it is important to carefully consider the shape and placement of additional elements in the frame so that they direct the eye to the main object. For example, a road leading to a cabin, a hanging tree branch, or a hand pointing to an object can effectively focus attention on the main element. Using such techniques will help create a more expressive and memorable image.

In a Heinz ketchup ad, pieces of French fries lead the viewer's eye to the bottle of sauce. Image: Mahmoud Alkhawaja / Behance

Perspective

Bold and unusual angles always attract attention and make an image more memorable. Creating a scene with an unusual perspective requires careful preparation and analysis of multiple images. Without this approach, the result may appear unnatural or even unattractive. However, if all aspects are considered and executed correctly, the image can create a striking effect and stand out from ordinary photographs. The right angle can convey depth, emotion, and atmosphere, making it an essential tool in visual art.

Illustration mimics the effect of a wide-angle lens. Image: mexico70 / Behance

We present 11 camera angles that are perfect for both photography and illustration. These angles will help you add variety to your visual content and capture your audience's attention. Using different camera angles and perspectives allows you to create unique images and convey mood. Experiment with height, depth, and composition to achieve the best results in your work. These techniques will not only enhance visual perception but will also help you stand out from the crowd.

Atmosphere and Emotion

Composition, landscape, and color palette play a key role in conveying the emotional content of a story. Positive imagery is often associated with clean and bright colors, while horror films create tension through dark, atmospheric elements, such as abandoned houses and deserted streets. The correct use of color and composition can significantly enhance the viewer's perception of emotional content, strengthening the connection between visual images and storylines.

The work of the headliner of the Advertising Graphics course, Dmitry Glazyrin, which plays on the name of the Rolls-Royce Phantom model - the car looks Mysterious and phantomImage: Western Jack / Dmitriy Glazyrin / Behance

Explore how different colors affect perception and mood. Colors play a key role in how we perceive the world around us and can influence emotions and behavior. For example, red is often associated with energy and passion, while blue symbolizes calm and trust. Green is perceived as a symbol of nature and harmony, and yellow can evoke feelings of happiness and optimism. Understanding the psychological impact of colors can help in choosing a palette for interiors, branding and marketing, and in creating effective visual communications. Different colors can evoke different associations and emotional responses, making them a powerful tool in design and art.

  • Yellow: happiness, optimism, and internationality
  • Pink: sweetness, tenderness, and childhood
  • Brown: luxury, stability, and simplicity
  • Green: ecology, freshness, and safety
  • White: elegance, simplicity, and kindness
  • Blue: trust, peace, and masculinity
  • Red: challenge, victory, and passion

Light and Color

Photographs of beautiful sunsets attract people's attention much more than other images. This is due to the richness of colors and harmonious transitions of shades. Bright images and smooth gradients often evoke positive emotions and create an atmosphere of comfort. Sunsets have the power to inspire, evoking romance and tranquility, making them especially popular among photography enthusiasts. The visual appeal of such shots makes them popular on social media and image-sharing platforms.

Johannes Itten was a Swiss artist and educator who played an important role in the development of color theory within the Bauhaus school. He created one of the main theories of color, which had a significant influence on art and design. In this text, we will consider how Itten's color wheel works and its significance in color theory. We also suggest you read our review of Itten's book "The Art of Color", in which the author analyzes optical effects based on the interaction of colors.

Dynamics and Statics

Two key concepts are distinguished in composition: dynamic and static diagonals. The dynamic diagonal runs from the upper left to the lower right corner and symbolizes movement, giving the image a sense of dynamism and activity. In contrast, the static diagonal creates a sense of slow motion, giving the image a more static and calm appearance. Understanding these two diagonals is important for creating expressive and harmonious compositions in art and design.

After the 1991 rebranding, the adidas logo received a great deal of dynamics due to the diagonals and rhythm. Image: Adidas

Complete static symmetry plays a key role in creating harmony in Design. It is most often organized along a vertical or horizontal axis, which ensures balance and order in the composition. Elements located on either side of the axis have similar characteristics, making the image predictable and easy for the viewer to perceive. Symmetrical compositions are often used in architecture, painting, and graphic design because they create a sense of stability and aesthetic completeness.

The 1972 adidas logo seems clear and appears static due to its complete symmetry—only the lines that cut it create dynamics. Image: Adidas

Rhythm

Rhythm is an important technique that sets the mood and tone of the entire composition. A regular rhythm, characterized by mechanical repetition, is predictable and lacks originality. Conversely, a disruption in rhythm introduces an element of surprise, making the image more dynamic and lively. Using variations in rhythm can significantly enhance the expressiveness of a work and engage the viewer.

The MIT Press logo breaks the regular rhythm with two prominent lines, making it immediately interesting. Image: MIT Press

An image that uses rhythm isn't limited to just dark areas. It also makes extensive use of white space. In this article, we'll take a closer look at the concept of negative space and its importance in visual art. Negative space plays a key role in creating balance and harmony in a composition, allowing the viewer to better perceive the main subject. Understanding this technique will help you create more expressive and memorable images.

Breaking the Rules

We've discussed eleven basic composition techniques. However, as in any creative process, rules are meant to be broken sometimes. Before experimenting with unconventional solutions, it's important to clearly understand which rules you're going to break and what effect you want to achieve. Understanding the fundamentals of composition will allow you to approach your creative work more consciously and make your work stand out from the crowd.

If you're looking for a deeper understanding of the laws of composition, we've prepared a detailed resource to help you do just that. This article explores aspects such as dynamics, rhythm, and balance in composition. We also discuss scientific research on perception, which will help you better understand these principles and apply them in practice.

Learn more about design by subscribing to our Telegram channel. Here you'll find relevant materials, tips, and inspiration for your creativity. Don't miss the opportunity to become part of the design community!

Reading is an essential element of personal and professional growth. It enriches knowledge, develops thinking, and broadens horizons. Regular reading helps improve communication and critical thinking skills. Having a diverse literature collection allows you to find new ideas and inspiration, which is especially helpful in a rapidly changing world. Focus on current publications and classic works to create a balanced reading list. Develop a daily reading habit to reap the maximum benefit.

Read also:

  • 5 Basic Rules of Good Design: Fitts' Law, Proximity Theory, Indents, Anchors, and Coats of Arms
  • Techniques from Movies That Will Be Useful in a Designer's Work
  • Minimalist Design: How It Came About and What's Most Important About It
  • "Information Presentation": Basic Rules of Data Visualization
  • Modular Grids in Graphic Design: The Basics of Swiss Layout

Graphic Designer PRO Profession

You will learn how to create corporate identity elements and graphics for business. You will build a portfolio that reflects your style and confirms your design skills. You can start a career in a studio or as a freelancer.

Find out more