Beginning Graphic Design: Layout & Composition

July 31, 2019 posted by


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

100 Replies to “Beginning Graphic Design: Layout & Composition”

  1. AmarjeeT SaiT says:

    Thanku so much
    I really know what u say

  2. Yup says:

    This video is better than my professor. THANK YOU SO MUCH ♥

  3. Chandrakanth Thigulla says:

    Nice and simple.

  4. Thahir Ahmed says:

    Please do more videos

  5. kek says:

    happy marriage.. lol i missed it (march 23rd 2018)

  6. BestMasterpiece says:

    Great video, easy to understand

  7. Aldwin Lopez says:

    This helped me a lot! It's understandable for everyone, even for me who's just a kid who wants to learn graphic design. Thank you, keep inspiring!

  8. Varian Jonathan says:

    Instantly subcribe this channel 🙂
    I love its content and visual

  9. Viraj Patil says:

    love you whoever hv created this content

  10. Robin chauhan says:

    what you use to make these animated videos ?

  11. binarysloth says:

    really good

  12. afroza hassan says:

    wooww just founded ur chanel and feeling blessed.. owsome videos … <3 Plz plzzz tell me how do u make ur videos which software do u usee?? Plzzzzzzzzzzzzzzzz replyyyy

  13. Mel Zap says:

    I'm rooting for you, Emily.

  14. mawuna kwasi says:

    i dont get tired of watching this video. So simple and intriguing

  15. RedPineapple~ says:

    I think I might start showing this video to every one of my customers that says: "Come on, it'll take only 10 minutes!"
    No, it won't take only 10 minutes because I have to cosider all the things showed in this video in order for you to have a decent design! People can drive you nuts sometimes… LOL

  16. Akwind says:

    Recomended channel and series thank you so much.

  17. Faizi Rosli says:

    May i know ? What font you use ?

  18. Seoul Goode says:

    IDK who started the music playing in the background while talking on a video. Geesh.

  19. Surma Creative says:

    Simply explained. 😉

  20. Kuasocto says:

    3:56
    This presentation is so cute I can't even…

  21. HaTrick says:

    00:34 EAT THAT DESIGNERS

  22. Odile Mwaro says:

    This was amazing. Very comprehensive, precise and visually pleasing. The narration is also nice.
    Subbed.

  23. Trang Ngọc says:

    Which program do you use to make this video? Thank you very much.

  24. AcaTwo says:

    This is awesome 😀

  25. 82bangoen says:

    nice video tuts

  26. Pranay Tony says:

    I personally ever saw a perfect & the most easiest presentation on Design!
    As a Designer, this video always makes me feel Happy & provides me a Happy Sleep!
    Thankyou so much guys from The Bottom of My Heart!☺️😊👍👌

  27. Youssef Bisher says:

    Thanks For This video , Good Work.

  28. J_ C says:

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

  29. Moncef Amine Safoine says:

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

  30. Sunil Kumar says:

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

  31. praveen raj says:

    Just wow .
    It's really outstanding. 👌👌

  32. Mar Nitsuga says:

    Wow, this video is very understandable.

  33. Programming courses says:

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

  34. Chandrakala G says:

    Simply superb explanation

  35. Eltaurus says:

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

  36. Abdul-Aziz Thabit says:

    You are genius! Mwah!

  37. Jose Castano says:

    Emily Cheng for President!!!

  38. Art D says:

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

  39. Tahidul Islam says:

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

  40. Karthik M.N says:

    Gift to a Beginner graphic designer

  41. Sameer Thigale says:

    Awesome and thanks!

  42. Samantha Dollesin says:

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

  43. Aoi Channel says:

    Very help ful for me.. Thanks for sharing

  44. Infomad says:

    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.)

  45. Amber Snow says:

    THANK YOU!

  46. Musisi Elvis says:

    Very resourceful

  47. Xavier Andres says:

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

  48. Arturo Marti says:

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

  49. THOMAS C says:

    很6 谢谢

    it‘s exactly what i wanted!
    thank u!

  50. Tomas Daichi says:

    thanks for this video

  51. Elzan Anas Fadhlika says:

    Thx for subtitle :') my country

  52. niksatan says:

    Thanks!!!

  53. Pankaj Verma says:

    Great.

  54. Elin Söderström says:

    Wow This is the best✌🏼

  55. Terri's N says:

    the video designer for this is amazing

  56. Wied Wang says:

    What software do u use in making this video?

  57. Simon jose Ambaden says:

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

    Thank you , and keep posting

  58. 吉田悠生 says:

    awesome job. thank u :)))

  59. Sergio Pinna says:

    very intresting

  60. Chris S says:

    Wow. 10/10.

  61. Learn with Imran says:

    Thanks

  62. Concerto Cosmo says:

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

  63. Stephanie Marie says:

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

  64. talha boyraz says:

    what is the font used in these videos?

  65. My Prvt Tst studio says:

    it’s good video, thx

  66. vanelia says:

    this was an extremely satisfying video for me to watch

  67. dave home says:

    Can I get this ppt file? This is so amazing

  68. Ayten Yolchuyeva says:

    👌

  69. Usman Imran says:

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

  70. adeoti aderonke says:

    am trying to really learn more about computer

  71. anim _ers says:

    Thanks for indonesian subtitle

  72. Griya Tentrem Kudus says:

    thanks

  73. Baguette Gott says:

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

  74. Cmte Nícolas Braga says:

    you are so so so great

  75. Tiny Teller says:

    Best design

  76. - says:

    awesome movement!!!

  77. Toxi Core says:

    would be so much better without this freaking annoying music 🙁

  78. Arina Vogelbacher says:

    Your animations are so good =D Love it

  79. JockyBeeJayJay says:

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

  80. Subhani Mastani says:

    0:42 Genius.

  81. Ashwin D'souza says:

    Subscribed sheerly out of love for the music

  82. Eduardo Aracena says:

    Hermoso.

  83. Last Dollie says:

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

  84. timtheli0n says:

    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.

  85. Francis Suemitsu says:

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

  86. Harsh Sharma says:

    Greatly appreciate the work behind an excellent video.

  87. Shaine Xy-Lee Talosig says:

    What font is this?

  88. عبدالله بن سعيد حبيشان says:

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

  89. zed 0 says:

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

  90. M. NiROB says:

    Wow

  91. Zael says:

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

  92. Jenny Joy Tejada says:

    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.

  93. Mohammed Akib says:

    Cool

  94. Héctor C. says:

    Well now I wanna visit Cancun

  95. Flip180 says:

    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.

  96. Sutri Yono says:

    It’s very very helpful.

  97. John Louie Zate says:

    That homework presentation shall be passed in the senate.

  98. Suresh Makkar says:

    thank you very much

  99. Vasishta Polisetty says:

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

  100. Binu Mavur says:

    Good one…. love this

Leave a Comment

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