Beginning Graphic Design: Layout & Composition


Layout and composition. In a way, they’re the foundation of design. They give your work structure and make it
easier to navigate, from the margins on the sides… to the content in between. Of course, it’s not just about working with
text. Composition matters in other mediums too,
like graphic design, web design, and much more. Without a well-composed layout, your work
would basically… fall apart. The key to mastering layout and composition
is to think like a designer. Luckily, it’s easier than it sounds. There are five basic principles that can help
you transform your work and sharpen your eye for design. Let’s start at the top and work our way down. Proximity is all about using visual space
to show relationships in your content. In practice, it’s pretty simple—all you
have to do is make sure related items are grouped together; for example, blocks of text
or elements in a graphic. Groups that are not related to each other
should be separated, to visually emphasize their lack of a relationship. All in all, this makes your work easier to
understand at a glance—whether it’s purely text or something more visual. White space is an important part of every
composition. Now, this doesn’t mean literal “white space”—it
just means negative space, like the spaces between your content, between lines, and even
the outer margins. There’s no “one way” to use white space correctly,
but it’s good to understand its purpose. White space helps you define and separate
different sections; it gives your content room to breath. If your work ever starts to feel cluttered
or uncomfortable… a little white space might be just what the doctor ordered. Alignment is something you deal with all the
time, even if you don’t realize it. Whenever you type an email or create a document,
the text is aligned automatically. When aligning objects by yourself (for instance,
images or separate text boxes), getting it right can be tricky. The most important thing is to be consistent. Let’s take a look at what that means. It might help to imagine your content arranged
inside of a grid. Notice how there’s an invisible line centering
each image to the text? Each grouping is also evenly spaced and aligned,
with equal-sized margins. It’s that attention to detail that makes the
composition easier to navigate. Without consistent alignment, your work could
start to feel disorganized. Contrast simply means that one item is different
from another. In layout and composition, contrast can help
you do many things; for example, catch the reader’s eye, create emphasis, or call attention
to something important. There are lots of strategies or creating contrast. You can use color… adjust the size, shape,
or visual weight of an object… or use contrasting styles of text. Contrast is also closely tied to hierarchy,
a visual technique that can help the viewer navigate you work. In other words, it shows them where to begin
and where to go next, using different levels of emphasis. Establishing hierarchy is simple: just decide
which elements you want the reader to notice first, then make them stand out. High-level or important items are usually
larger, bolder, or more eye-catching in some way. Repetition is a reminder that every project
should have a consistent look and feel. That means finding ways to reinforce 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 also make your work easier to read. When the viewer knows what to expect, they
can relax and focus on the content. In many ways, layout and composition are the
unsung heroes of design. It’s easy to overlook their role, but they’re
part of everything you do. A nudge here… some extra white space there…
and voila! With a little attention to detail, you can
create beautiful, professional-looking compositions. Thanks for joining us for the basics of layout
and composition. Check out the rest of our design topics, including
typography, color, and images.

100 comments

  • J_ C

    Hello, you have some video about elaboration of newspaper and advertisement classifieds.

    Reply
  • Moncef Amine Safoine

    thank you a lot , your graphic design tutorial is so simple and clear just love it <3

    Reply
  • Sunil Kumar

    Creatively presented. You are the real designer. Keep it up.

    Reply
  • praveen raj

    Just wow .
    It's really outstanding. 👌👌

    Reply
  • Mar Nitsuga

    Wow, this video is very understandable.

    Reply
  • Programming courses

    I cannot express how much I enjoyed this series. Thank you so much

    Reply
  • Chandrakala G

    Simply superb explanation

    Reply
  • Eltaurus

    This looks very much like a recap of "The Non-Designer's Design Book" by Robin Williams.

    Reply
  • Abdul-Aziz Thabit

    You are genius! Mwah!

    Reply
  • Jose Castano

    Emily Cheng for President!!!

    Reply
  • Art D

    How don't you have more views and subs? This channel its amazing ❤️

    Reply
  • Tahidul Islam

    Wow! A great video. I like this type of video. Thanks for such a helpful video.

    Reply
  • Karthik M.N

    Gift to a Beginner graphic designer

    Reply
  • Sameer Thigale

    Awesome and thanks!

    Reply
  • Samantha Dollesin

    saw the thumbnail.. clicked immediately.
    20 seconds in.. subscribed
    AMAZING CONTENT and visual design <3

    Reply
  • Aoi Channel

    Very help ful for me.. Thanks for sharing

    Reply
  • Infomad

    I don't think you explained "repetition" right. Repetition is using the same graphic style more than once in a project. For instance, using 2 big circles on top of your poster design and adding 4 little circles at the bottom. In fact what you explained was consistency( using a brand palette and etc.)

    Reply
  • Amber Snow

    THANK YOU!

    Reply
  • Musisi Elvis

    Very resourceful

    Reply
  • Xavier Andres

    I feel like I have to watch this over and over again.

    Reply
  • Arturo Marti

    Graphic Design school? what for, I have YouTube University. Thank you !!! GCFLearnFree.org, Cheers from Panama

    Reply
  • THOMAS C

    很6 谢谢

    it‘s exactly what i wanted!
    thank u!

    Reply
  • Tomas Daichi

    thanks for this video

    Reply
  • Elzan Anas Fadhlika

    Thx for subtitle :') my country

    Reply
  • niksatan

    Thanks!!!

    Reply
  • Pankaj Verma

    Great.

    Reply
  • Elin Söderström

    Wow This is the best✌🏼

    Reply
  • Terri's N

    the video designer for this is amazing

    Reply
  • Wied Wang

    What software do u use in making this video?

    Reply
  • Simon jose Ambaden

    Best video about graphic design in internet.(videos on Colour, image, text is also very informative and easily understandable)

    Thank you , and keep posting

    Reply
  • 吉田悠生

    awesome job. thank u :)))

    Reply
  • Sergio Pinna

    very intresting

    Reply
  • Chris S

    Wow. 10/10.

    Reply
  • Learn with Imran

    Thanks

    Reply
  • Concerto Cosmo

    OMG, the menu in the end had no dessert on it, but the great advice made up for that 😉 thanks so much

    Reply
  • Stephanie Marie

    These videos are so well done. Down to the littlest details (help, pls no, the worst.) Hilarious!

    Reply
  • talha boyraz

    what is the font used in these videos?

    Reply
  • vanelia

    this was an extremely satisfying video for me to watch

    Reply
  • dave home

    Can I get this ppt file? This is so amazing

    Reply
  • Ayten Yolchuyeva

    👌

    Reply
  • Usman Imran

    I really love your videos
    Which software do you use for video editing?

    Reply
  • adeoti aderonke

    am trying to really learn more about computer

    Reply
  • anim _ers

    Thanks for indonesian subtitle

    Reply
  • Griya Tentrem Kudus

    thanks

    Reply
  • Baguette Gott

    How's 1.68 x 10 the worst? That one's way easier than the other two, just shift the point!

    Reply
  • Cmte Nícolas Braga

    you are so so so great

    Reply
  • Norukku Theeni Talkies

    Best design

    Reply
  • -

    awesome movement!!!

    Reply
  • Toxi Core

    would be so much better without this freaking annoying music 🙁

    Reply
  • Arina Vogelbacher

    Your animations are so good =D Love it

    Reply
  • JockyBeeJayJay

    This has to be the most satisfying video series I've ever watched in my life. It's just … so … good.

    Reply
  • Subhani Mastani

    0:42 Genius.

    Reply
  • Ashwin D'souza

    Subscribed sheerly out of love for the music

    Reply
  • Eduardo Aracena

    Hermoso.

    Reply
  • Last Dollie

    4:40 that was a very cute and gentle "viola!" 😂

    Reply
  • timtheli0n

    I have watched a number of these videos and they are well presented and helpful, however, I find the repetitive background music to be quite irritating after the 3rd or 4th video.

    Reply
  • Francis Suemitsu

    Just reviewing this stuff. During my student life, one computer subject teacher taugh us how to do this stuff.

    Reply
  • Harsh Sharma

    Greatly appreciate the work behind an excellent video.

    Reply
  • Shaine Xy-Lee Talosig

    What font is this?

    Reply
  • عبدالله بن سعيد حبيشان

    الله يجزي المترجم خير وواصل الترجمة

    Reply
  • zed 0

    by what software you made this video, please wanna know ? =)

    Reply
  • M. NiROB

    Wow

    Reply
  • Zael

    Thank you!! you help me a lot!! :')

    Reply
  • Jenny Joy Tejada

    Can I ask ? What program or app do you use in making graphic designs ? Thanks btw your work is wonderful.Easy to understand and pleasing to the eyes.

    Reply
  • Mohammed Akib

    Cool

    Reply
  • Héctor C.

    Well now I wanna visit Cancun

    Reply
  • Flip180

    The is the best video, where every detail and words give value. It's amazing. Like they say: If I Had More Time, I Would Have Written a Shorter Letter.

    Reply
  • Sutri Yono

    It’s very very helpful.

    Reply
  • John Louie Zate

    That homework presentation shall be passed in the senate.

    Reply
  • Suresh Makkar

    thank you very much

    Reply
  • Vasishta Polisetty

    What is the font used in this video? In most places, like at 0:06

    Reply
  • Binu Mavur

    Good one…. love this

    Reply
  • Ur Reflection

    Grt

    Reply
  • yan zhao

    These videos made me love design again lol School had actually make me hate design

    Reply
  • Sok9 San9

    The voice of reader is nice. Is that a machine or human ?

    Reply
  • Thành Vũ

    i don't even care about designing… Why am i here ? and why is the video so good ? LOL youtube

    Reply
  • Yash Pal Goyal

    oomg what did i just saw… where were u hiding…. finding such vids is main reason My hate for youtube has decreased…..

    Reply
  • Yash Pal Goyal

    these videos are relaxing… layout, to composition, color selection, music, narration, tone… Everything on point…. I can mediate listening to such soothing music and voice

    Reply
  • Ramo020

    This video helped me to understand these important principles
    Many thanks

    Reply
  • Sonny

    Help…

    I can't stop watching their vids

    Reply
  • Sonny

    3:04

    10/10 Would go there

    Reply
  • Robson Almeida

    I loved this video. Thank you

    Reply
  • Graphics Ki Dunya

    nice tutorial

    Reply
  • ramji vk

    Very helpful and explained in a professional way. Can i know how these type of videos created? What is the software used?

    Reply
  • Krzysiu Rowerzysta

    As a graphic designer I watch these videos to compare how projects SHOULD look and how my clients WANT them done.

    Reply
  • Ali Bilal

    Greaat

    Reply
  • Nick Roque

    G8 EINSTEIN baka naman

    Reply
  • Zane Eze

    What software was used to make this video? This is awesome. Smooth!

    Reply
  • Anthony Xu

    Tutorial is very intuitive and accurate, animation I understand, but do not understand the English introduction, but your voice is very pleasant to listen to.

    非常感谢您的教程! 🙏🏻🙏🏻🙏🏻

    Reply
  • Subaru Natsuki

    S U P E R B

    I truly appreciate such wonderful tutorial.

    (I can even use it here in the comment section)

    Reply
  • Tajinder J Singh

    One of the best presentation, video, audio, and contents explanation. Just amazing.

    Reply
  • Rômulo Soares

    Holy smokes. Beautiful animation!

    Reply
  • Jacqueline Tu

    Yup

    Reply
  • Bradley Redmond

    👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌

    Reply
  • Luis M

    Thanks for this video series, It make me fell in love with graphic design ^O^

    Reply
  • WORVERIN

    i fucking love watching your videos, <3 even if i know it :), and i remember why i chose graphic and design.

    Reply
  • Jasmine Ella

    for me the teacher gave me this video as homework lol

    Reply
  • Đăng Khoa Nguyễn Văn

    Thanks a lot, it's very helpful.

    Reply
  • ARI PRABOWO

    great..

    Reply
  • anosjc

    Why we dont need homework 😂 that was cute

    Reply

Leave a Reply

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