Graphic Mania

  • Home
  • Articles
  • Vector Packs
  • Freebies
    • Free Fonts
    • Free Icons
    • Photoshop Brushes
    • Photoshop Patterns
    • Photoshop PSDs
    • Textures
  • Photography ideas
  • Advertising Ideas
  • Image Cropper
  • Inspiration
    • Illustration
    • Showcases
  • Resources
    • News
    • Reviews
    • Contests
    • Adobe exams
    • Logo design
    • Wallpapers
    • 3D
  • Web
    • WordPress
  • Tutorials
    • Flash tutorials
    • HTML5
    • Illustrator tutorials
    • Photoshop tutorials

Guideline for The Principles of Design

10
  • by Rafiq Elmansy
  • in Articles
  • — 9 Apr, 2010

Design and visual art provide visual communication language between the artist and the viewers to deliver message or idea through the viewers eyes’ contact with the visual elements in the design, photo or artwork.

Before continuing reading this post did you already join our Twitter and subscribe to our RSS feed? If not, rush and join us now to receive updates of new posts and free resources.

However, there are some rules that control the relation between the eye and visual elements and allow better communication between them without lose of any information or misleading the visual communication flow. Through the ages of art history, there are basic rules that are applied in different visual artwork to control this relation between the artwork and the audience.

Although the idea is important in delivering the art concept or the design idea, using these rules ensure the delivery for the design idea. There are great design ideas that users even do not look at it because it is either noisy or complicated…etc.

However, in this article we will discuss the basic design principle that forms the first steps that you should consider when creating a design or artwork.

Simplicity

The first rule is to be simple. Complicated ideas and designs do not get but standing alone with no one attracted to it and this is the last thing you want when you create a design and artwork. Although some designs may require complicated visual form, but it is not the rule, and it follows specific circumstances.

The design simplicity applies not only on the design elements used in the design, but also applies to the number of colors, lines, curves, light and shadows in the design. For example, the design many include limited number of images, but in the same time, it includes a lot of colors that make the overall design complicated and not simple for the eye of the audiences.

In the below example, you can notice that this digital art consists of only one tree object and the design colors are in monochrome style, which simplify the number of colors in the design.

Design by Rafiq Elmansy

The Rule of Thirds

The rule of thirds divides any visual design or artwork to two vertical lines and two horizontal lines, each of the created thirds are equal in size and dimensions. These four lines create four intersected points on the design as you can see in the figure below.

The rule tells us that the most attractive areas in the design are the areas where the design element intersected with two of either the vertical or the horizontal thirds such as the example below.

Design by Rafiq Elmansy

This is one of my digital artwork that I have done couple of years ago based on ancient Egyptian motives about envy. You can notice that the most important part in artwork is the hand and the blue eye inside it. However, this part is placed in the top two thirds and continues to flow to the bottom of the image.

Why to Use the Rule of Thirds

The idea behind applying the rule of thirds is that the center of the first common place where to add the elements in the image. When the objects are places on a different place other than the image center. The human eye attracts to the objects around the center of the image that are located in any of the four points where the thirds lines intersect.
You can use the rule of thirds to get the viewer attention to specific part in the design or certain words.

Design by Rafiq Elmansy

The above design adds the most the important part of the text in the bottom two thirds where the rest of the words are spread all over the design with different sizes and opacity values.

How to Apply the Rule of Thirds

The rule of thirds is a guide to get the attention of the eye when it first looks to the design, photo or artwork. However, it is not required to exactly put the image in the exact center of the intersected thirds lines. You just put the object in the nearest two horizontal or vertical thirds.

Some thirds are better than other in some specific topics. For example, the horizontal thirds are suitable for the landscape painting or photography, because this is following the natural vanishing point for the landscape distance.

On the other hand, use the vertical thirds in portrait photography or in adding vertical objects such as trees …etc.

Harmony

This concept refers to the unity of the design and having all the design elements compliant with the each other. The design elements should be natural and arranged with each other. For example, when they take a photo for a landscape, the photo elements should be related to each other and does not have a strange object in the photo.

The Harmony concept goes beyond the objects in the design and photo. You can apply the harmony concept in the colors and image style such as the below example.

Design by Rafiq Elmansy

I took this photo for Saladin citadel in Cairo Egypt. And I choose to apply the colors to the image to give it more ancient feel through dramatic light effect on the photo.

Contrast

The contrast in design depends on the differentiation between colors and objects to attract the viewer to specific part or object in the design or the photo. The contrast can be applied using colors by giving the object of focus different color than the general scheme of the design. For example, you can use the white color over black background to get the attraction to the white area in the design.
The following photo shows a contrast between the white flower and the environment around it to get the eye attraction to the flower object as the most important part on the photo.

Photography by Radwa Samir

Movement

Although the still images do not include animation or movement, but the movement concept refers to give the objects in the design a moving action. For example, when you take a photo for standing people, make sure to let them appear as they are not frozen statues. They can do some kind of action or movement to break bored standing still position.

Photography by Radwa Samir

In the above photo for me and my two daughters, all of us are doing an action and appear like moving.

Conclusion

The above rules guide you while building your design or artwork to the best methods to communicate well with the viewer eyes to deliver your idea or concept clean and with all the possible means such as the colors, objects, lights and shadows.

These guides are not restricted rules; on the other hand, these rules are just guidelines for you to follow. You can apply any of these rules or all together based on your needs in the design

Share

Tags: design principleslearn graphic design

— Rafiq Elmansy

Rafiq Elmansy is a graphic designer and runs his own design studio Pixel Consultations. He is also an Adobe Community Professional, Certified Expert and Adobe user group manager. He is a Friend of Icograda (the International Council of Graphic Design Associations).

  • Previous story 35 Fabulous Apple iPad Wallpapers Collection
  • Next story Apple-Adobe War, Who is the Winner?

You may also like...

  • UX/UI user testing stats 5 User Testing Stats Every UX/UI Designer Should Know 2 Nov, 2020
  • Adobe Photoshop CS6 Top Features Overview 29 Mar, 2012
  • 17 Handy WordPress Widgets that You Must Add Right Away 3 Dec, 2019
  • How to Define Your Target Market in Design Projects 16 Mar, 2012

10 Comments

  1. Guideline for The Principles of Design | Flash, Design, Vector … | Danishizza says:
    April 9, 2010 at 11:37 pm

    […] the rest here: Guideline for The Principles of Design | Flash, Design, Vector … Tags: balanced-and, create-good, different, different-principles, discuss-the, […]

  2. Guideline for The Principles of Design | Flash, Design, Vector … | Apex Designs says:
    April 10, 2010 at 12:03 am

    […] Read more from the original source: Guideline for The Principles of Design | Flash, Design, Vector … […]

  3. designfolow says:
    April 10, 2010 at 4:48 am

    great info.

    thank you very much.
    .-= designfolow´s last blog ..25 Fun and Time Saving PhotoShop Actions Tutorials =-.

  4. Orientação para os princípios do design says:
    April 10, 2010 at 8:42 pm

    […] Design e arte visual fornecer linguagem de comunicação visual entre o artista e os espectadores para entregar a mensagem ou idéia através dos telespectadores contacto com os olhos, com os elementos visuais no design, fotografia ou arte. Antes de continuar lendo este post que você já se juntar à nossa Twitter e assine o nosso feed RSS? Se não, correr e juntar-se [. . . ] URL do artigo original http://www.graphicmania.net/guideline-for-the-principles-of-design/ […]

  5. MarkSpizer says:
    May 3, 2010 at 4:24 pm

    great post as usual!

  6. Jennifer R says:
    May 19, 2010 at 8:37 pm

    Can you tell me why you don’t use a “golden rules” in design?
    .-= Jennifer R´s last blog ..Social websites to keep you sharing information over the internet =-.

  7. Rafiq Elmansy (admin) says:
    May 19, 2010 at 9:52 pm

    This is a good rule too, thanks for mentioning

  8. DailyCreative says:
    June 22, 2010 at 2:38 pm

    Very interesting thanks!

  9. Philippe Alves says:
    January 7, 2011 at 5:23 pm

    It is interesting that you illustrate the principles with pictures and not websites. Apart from that thanks for bringing up these needed principles.

  10. rafiqelmansy says:
    January 9, 2011 at 10:14 pm

    My background is about fine arts, so paper and pen are always part of my process

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Promo Codes Available

    A2 Hosting Coupon
    NordVPN Coupon
    Unbounce Coupon
        • Home
        • Privacy Policy
        • About the Author
        • GRAPHIC MANIA – Guest Post Guidelines
        • Contact

        Copyright © 2008-2024 GraphicMania.net. All Rights Reserved.