Complete Course On Layout Design (MASTER LAYOUT)

Поділитися
Вставка
  • Опубліковано 24 лис 2024

КОМЕНТАРІ • 220

  • @SatoriGraphics
    @SatoriGraphics  2 місяці тому +3

    To further your education on layout design, watch this playlist here: ua-cam.com/play/PL-c9Rq56P4KmZHskdClUrzzWbg5f2LAGW.html

  • @PullOverItsDaPopo
    @PullOverItsDaPopo Рік тому +144

    I have been doing graphic design for years & learn something new everytime, that active white space tip is a game changer

  • @SamSenpie
    @SamSenpie Рік тому +3

    As someone who is not creative enough, watching this video gave me some new insights on UI design.

  • @baydotstudio9665
    @baydotstudio9665 2 місяці тому +1

    You are providing what noone is giving! Amazing stuff. Designer here from 17 years. Its so simplified and easy to understand

  • @tonynolan9428
    @tonynolan9428 7 місяців тому +2

    You had me captivated the whole time. Great tut for me a beginner at 55yrs

  • @owlsgurl
    @owlsgurl Рік тому +11

    This reminds me of learning this college honestly I still use it. It's very important to learn this as a graphic designer

  • @malayjariwalaa
    @malayjariwalaa 9 місяців тому +1

    Bro you are a life saver I was building a website and didn't know about these things; I actually find it uncomfortable to watch the uneven designs and got the idea of visualization impression, this was so helpful! 💕💕

    • @SatoriGraphics
      @SatoriGraphics  9 місяців тому +1

      Awesome to hear, thanks for the feedback 😀

  • @amitpatil5325
    @amitpatil5325 Рік тому +3

    Hello sir 🙋‍♂️ i'm big fan of you
    Love from India 🚩🇮🇳

  • @e3ye
    @e3ye Рік тому +33

    This was a so so magical video for graphic designers who are learning! Massive massive thank you Satori. ❤

  • @GajanandaAdhikari
    @GajanandaAdhikari Рік тому

    eye movement in desigbn. now i look at desigbn like where my eyes go first then where it directs. then i notice passive and active white space. this video is awesome!

  • @trienviptb
    @trienviptb Рік тому +1

    I'm a UX designer. And this stuff is handy to me.

  • @nehashukla2408
    @nehashukla2408 Рік тому +1

    I wanted to upgrade my existing portfolio... in terms of the presentation & all, but had no clue where to start... How to structure it, follow a chronology & other stuff in order to make it more interesting & appealing. This video came to my rescue, will surely help me a lot. Thanks a ton!
    Your new SUBSCRIBER!!

    • @SatoriGraphics
      @SatoriGraphics  Рік тому +1

      hey Neha, thanks for the feedback and happy to see that the vid helped you out :D

  • @sommyincrease
    @sommyincrease Рік тому +1

    This video just made me feel like a dummy who knows nothing 🙇‍♂thanks for sharing this knowledge, man. I'm a big fan

    • @SatoriGraphics
      @SatoriGraphics  Рік тому +1

      we all start with knowing nothing, and grow from there :)
      You're not dummy

  • @FzsHotDogInDonut
    @FzsHotDogInDonut Рік тому +1

    I had no idea about design at all. But I always wanted to know how to approach it. This is video I need . Thank you so much for this video.

  • @alikuria2482
    @alikuria2482 11 місяців тому

    I like your way of presenting. Real 🥺 talent. I watched the whole video. I feel calm now.

  • @hypedesignsboutique
    @hypedesignsboutique Рік тому +18

    This is SO well put together! Ive been doing layout/poster design for about 10 years. I still felt a bit hazy when it came to positioning things and hierarchy, and for some reason I don't remember learning much about it in college. Grids are life changing! :)

  • @hero521-h1t
    @hero521-h1t Рік тому +2

    I dont usually comment on videos but man you are on fire. You are well rooted in what you do. This is very informative. There is this psychological awareness the video just gave me all thanks to you.

    • @hero521-h1t
      @hero521-h1t Рік тому +1

      and also, I dont know if there is a point in your career that you battled with imposter syndrome, I would love you to do a video on how you where able to tackle this. Thanks

    • @SatoriGraphics
      @SatoriGraphics  Рік тому +1

      Thanks a lot for the feedback, much appreciated!
      I haven't really had imposter syndrome full on. But like most people I did doubt myself a bit, especially when I saw what other people were making. But that's just part of the design world. Instead of getting jealous of other peoples good work, analyse it and see why it's functional and why it 'works'.

  • @user-oparafavour2004
    @user-oparafavour2004 10 місяців тому +1

    very nice tutorial, it feels like i am actually in a class receiving lecture

    • @SatoriGraphics
      @SatoriGraphics  10 місяців тому

      Glad it was helpful and thanks for the nice words

  • @gFowmy
    @gFowmy Рік тому

    You are blessed with a beautiful voice. Thank you for the valuable knowledge you share.
    I am a data analyst and I create dashboards for data visualizations. I am looking for resources to learn how I can apply the design concepts including colors and the other necessary details. Appreciate if you could suggest the right resources including your videos that would help me learn.
    Thanks again

  • @wesbutler4866
    @wesbutler4866 Рік тому +1

    Wow this 20 minute video just summed so much of what I learned at uni and use everyday. Great vid!

  • @vivisu492
    @vivisu492 Рік тому +4

    Thank you so much for the videos! The videos you made are just what I have been looking for. SO many videos are about how to use the tools, but the fundamental of design is the key to build everything! Love it! 🙏

  • @innercityunit2112
    @innercityunit2112 Рік тому +4

    An absolutely fabulous video, everything in a nice, neat and concise package...
    As it happens, just what I was looking for, as I have been noticing, with getting a little more experienced in graphic design, some of my designs were just looking a little bit 'off', even after several drafts to the finished artwork, there has been a little niggle with me, that the design could be improved, but I just couldn't quite put my finger on the solution.
    This video has definitely shown me a couple of areas that I know will certainly improve and balance my layouts and overall finished design, when applied.
    So thanks for this tutorial/overview, it will prove very useful....More like this please.

  • @floxxart_7088
    @floxxart_7088 Рік тому

    Learning out here what in school would take years, thanks satori.

  • @chilldom.
    @chilldom. 6 місяців тому

    THIS IS TOO MUCH VALUE THANK YOU SOOOOO MUCH❤❤❤❤❤❤

  • @hgraphicspro
    @hgraphicspro Рік тому +1

    Thanks Satori, I Just watched your videos after a long time. Realised how much i missed your videos.
    Really Love your videos, the flow in which you speak and you teach "by example".
    Wonderful "Master Satori"
    🌹🌹🌹🌹🌹🌹

    • @SatoriGraphics
      @SatoriGraphics  Рік тому +1

      hey welcome back :)
      This is actually a compilation of a few quite older videos.
      Thanks for the feedback though!

    • @hgraphicspro
      @hgraphicspro Рік тому

      @@SatoriGraphics Yes, i had watched some of these videos before.
      Really Appreciate it. ✨

  • @nevaehtravels
    @nevaehtravels Рік тому +27

    Complete beginner her, 4 minutes into the video with two pages of notes 😅

    • @jerkov420
      @jerkov420 7 місяців тому +5

      Graphic designer for 7 years here. Still this is a goldmine of notes

    • @abigailgraff2732
      @abigailgraff2732 6 місяців тому +4

      I’m so glad I’m not the only one 😅😅 pls tell me I gets easier

  • @RedFox-st1yw
    @RedFox-st1yw Рік тому +5

    2 years later, still enjoying Satoris content, thank you for empowering the design community!

  • @gealdyrtheta6938
    @gealdyrtheta6938 11 місяців тому +2

    to watch your videos is a very amazing experience man, thanks its been helping me so much!

  • @niravparmar7856
    @niravparmar7856 Рік тому +1

    i love whoever edited this video. masterpiece ❤

    • @SatoriGraphics
      @SatoriGraphics  Рік тому +1

      ty, it was a joint effort of me and someone else 👍

    • @niravparmar7856
      @niravparmar7856 Рік тому

      @@SatoriGraphics Yeah, actually I assumed it as the design style changed over few parts. This is the first video of yours that I have seen. Watching another one now. You are making great content. I am subscribing 💟

  • @jam4l
    @jam4l 7 місяців тому

    Wow, I will hold on to this video as a reference for a lot of ideas in graphic design, this is my second time watching it, but will certainly watch it every now and then. Good job.

  • @israeliseoluwa6704
    @israeliseoluwa6704 Рік тому +5

    Thanks, man! Your contents have really helped in making me more professional in my graphic designs.

  • @psychxx7146
    @psychxx7146 Рік тому +13

    🎯 Key Takeaways for quick navigation:
    00:00 📐 Grid systems, such as column and modular, offer structure and versatility to layout design.
    02:20 🔍 A strong focal point anchors viewer attention and starts their design exploration.
    03:21 🌫️ Effective use of white space establishes hierarchy, prevents clutter, and enhances visual appeal.
    06:33 🎯 Knowing the design's purpose and platform ensures it conveys its message effectively.
    15:11 👁️ Guiding the viewer's eyes with shape and structure creates an engaging design journey.
    18:30 🧩 Harmony in design elements ensures a positive viewer experience.
    19:28 📐 Designs can evoke emotions through horizontal, vertical, or diagonal composition directions.
    20:48 📘 Core principles in graphic design are indispensable, going beyond just layout design.
    Made with HARPA AI

    • @rifwann
      @rifwann 10 місяців тому

      Thx for sharing the result and telling us yt summary ai exist

  • @alextuyi
    @alextuyi Рік тому +10

    This is a great master video, create more of these if you can. I really appreciate what you bring to us.

  • @saadkhokhar190
    @saadkhokhar190 Рік тому +1

    Was looking for video like since last three years and finally found it. Awesome job ! ❤❤

  • @MyRocketScience_
    @MyRocketScience_ Рік тому

    Man, woww! deep graphic design education, you will never find anywhere... Great content. Thanks ♥

  • @dungao1399
    @dungao1399 Рік тому

    That is definitely what I'm searching for. I wish I could give you 1000 like!!!

  • @itsattaullah
    @itsattaullah Рік тому +2

    It's super helpful, make more about this

  • @malu.maluqui
    @malu.maluqui Рік тому +2

    Amazing video!! Thank you!! And I appreciate the pauses that you are making to explain !! 🙏🏽

  • @josephjordell7923
    @josephjordell7923 Рік тому

    Thanks really interesting. Good to see somebody actually mention theory instead of mmmmmmDesignThinking.
    There are a few errors:
    * 13:08 should say Passive space
    * 15:16 you don't discuss them in that order
    Also I'm a bit confused about Visual Tension. You define it as misplacing the elements as to create unease as if its a bad thing to be corrected but I think you intended to speak of visual tension as a theory (so the intended use of visual tension).

  • @abdullahasif_design
    @abdullahasif_design Рік тому

    Congrats for crossing 1 milion subs! I Love your Content

  • @wejdanaljehani5161
    @wejdanaljehani5161 Рік тому +1

    thank you very much! you helped me a lot
    can you talk more about layout! in specific way, also how to do it?
    thank you again

    • @SatoriGraphics
      @SatoriGraphics  Рік тому

      I'll look into this for the future without a doubt, thanks

  • @seaneu4665
    @seaneu4665 Рік тому +1

    I'd like this video twice if I could!

  • @kristian4138
    @kristian4138 Рік тому +2

    This is amazing! I just started on my career on graphic design and this helps a lot! Subscribed! Will watch your videos for now on!

  • @BestosazuwaOtaigbe-kt8sx
    @BestosazuwaOtaigbe-kt8sx Рік тому +1

    Thanks boss.
    Especially for the examples. It is eyes opening.

  • @OneBrighDay
    @OneBrighDay Рік тому +1

    I would really like to see this as a paid more in-depth course.

  • @femiabolaji1809
    @femiabolaji1809 Рік тому

    You are a great teacher

  • @ProSimples
    @ProSimples Рік тому +1

    I am commenting to see more of your videos.

  • @dinazhdanova4971
    @dinazhdanova4971 Рік тому +2

    love your design, but prefer new content rather than mix of old videos

    • @SatoriGraphics
      @SatoriGraphics  Рік тому

      thanks for the feedback, check todays upload 👍

  • @daneilgraphics2337
    @daneilgraphics2337 Рік тому +2

    seriously very nice video. i love the content you created.

  • @uifry
    @uifry Рік тому +1

    Thank you for consistently delivering top-notch content!"

  • @gopinathpalanisamy1158
    @gopinathpalanisamy1158 3 місяці тому

    13:12 It is mentioned as passive white space instead of active white space

  • @Gothsec
    @Gothsec Рік тому +2

    the best thing you can do for design is using math and geometry

  • @DaveRx
    @DaveRx Рік тому

    13:05 the image shows "active white space" but it should read "passive white space".

  • @dunkley7776
    @dunkley7776 10 місяців тому +1

    Solid advice. Many thanks!

  • @tomimdawodu6808
    @tomimdawodu6808 Рік тому

    It would ever better if you make a tutorial or explanation or breakdown on HOW to use the Structural Net or how it’s used in building layouts and compositions giving examples and how to apply design thinking to the structural net I think that would be beneficial cause I’ve seen people talk about it but don’t explain how it’s used especially for beginners

  • @armandkougnanvo
    @armandkougnanvo Рік тому +1

    First to like, first to comment! Much love from Benin Republic! Thanks for your good job.

  • @khateraparsa309
    @khateraparsa309 Рік тому +1

    Thank you 🙏, great information about graphic design.

  • @riaz_creation
    @riaz_creation Рік тому

    Can you make a separate video on Infographic design? This types of design is more complex in space and hiaracy.

  • @artu-hnrq
    @artu-hnrq Рік тому +1

    I learned something here!
    Thanks

  • @ShunguRocks
    @ShunguRocks Рік тому

    There were lessons even in your set up as I watched the video

  • @DaniCheckeredDuck
    @DaniCheckeredDuck Рік тому +1

    A Lot of useful information. thank you satori 🙏🧡

  • @mj-zl6ei
    @mj-zl6ei 11 місяців тому

    5:24 I've been struggling with my designs lately and question what I got wrong? I started to look up videos and realize that I actually learned the principles and elements in school but I don't use them correctly or put too much logic into it in the field. Designers are often pushed to create works that are fast, but we aren't taught how to be efficient, or to think about the context

  • @asaduzzaman7132
    @asaduzzaman7132 Рік тому +1

    WANT more such sorts of videos

  • @MartenShore
    @MartenShore Рік тому +1

    Amazing as always. I always learn something watching your vids Tom this time I learned a few the sad part is putting it into action is difficult because I'm a crazy unstructured artist my last few artworks have been using paint splatter and washing up liquid !!! put a grid on that !

  • @qalamahmadkhazain6220
    @qalamahmadkhazain6220 Рік тому

    BEST! thanks for your knowlegde of design!

  • @kramyshan8121
    @kramyshan8121 Рік тому

    This information is absolutely top-notch. Thanks!

  • @alex630710
    @alex630710 Рік тому

    Know who your customers are. As an industrial designer I would never do a fancy artsy design composition of a product design if my customer is an engineering based customer.
    Inversely I would never do a graphic design artwork that looks stoic and straight to the point to an artistic based company. The way the message is conveyed to the targeted customer is critical. Thus know who your customers are.

  • @cdcvq9513
    @cdcvq9513 Рік тому +1

    Thank you for this video!

  • @Thelifeinhispalm
    @Thelifeinhispalm Рік тому +1

    So helpful and educational

  • @wielderXII
    @wielderXII Рік тому +1

    you probably should make an coursera course

  • @timothymachiridza8125
    @timothymachiridza8125 Рік тому

    @Satori Graphics, You are doyen in Design. This tutorial is a gem. Do you have a PDF guide on Mastering Composition

  • @annguyenquoc7886
    @annguyenquoc7886 11 місяців тому

    wow i learn a lot from your video

  • @SufyanTips
    @SufyanTips Рік тому +2

    Next level Content, I will suggest to make this type of long videos into short ones to make the content easy to digest and practice. Thank you satori

    • @SatoriGraphics
      @SatoriGraphics  Рік тому

      thanks!
      Funny thing is, this video was made up of 5 of my older videos lol. So what you requested has already happened

  • @XPRetrax
    @XPRetrax Рік тому +1

    13:12 Two times you wrote: Active white space. ;)))

  • @TAHMBEG
    @TAHMBEG Рік тому

    Woww this is brilliant and beautifully done, thank you so much 💖

  • @djdesigns81
    @djdesigns81 Рік тому

    Love your videos Satori. Thank you.

  • @deborahokeke
    @deborahokeke Рік тому +1

    Very useful content. Thanks

  • @juls2334
    @juls2334 Рік тому +1

    Love this! You explain this so well!

  • @LordErnie
    @LordErnie Рік тому +1

    My man why the fishhook at 0:10, that stuff freaking me out 😆

  • @phylectures2023
    @phylectures2023 Рік тому +1

    So informative... Full packed with knowledge 🔥🔥

  • @m_eelo_
    @m_eelo_ Рік тому +1

    Catalogue ? teach how to design one and have a consistent flow ? 😅please

  • @Shawn15690
    @Shawn15690 Рік тому

    1:47 I didn't like the terminology, it's more common to call the outside as "Margin" and the inside as "Padding". Unless I misunderstood the entire picture there.
    Also, I would have liked to see a deeper dive on the size of the area. Like Mobile and Desktop, you would need to design two similar layouts but with two completely different feels.

  • @KunalParekh-c8d
    @KunalParekh-c8d 25 днів тому

    thank you for the knowledge

  • @princygoyal3986
    @princygoyal3986 Рік тому +1

    Excellent video ,,well done

  • @MDG655
    @MDG655 9 місяців тому +1

    Awesome Video

  • @LukaszAdamOfficial
    @LukaszAdamOfficial Рік тому +1

    Really informative! Thank you.

  • @emanuelesavastano8506
    @emanuelesavastano8506 Рік тому

    Can anyone tell me how to create videos like these? which program to use? ps. wonderful and comprehensive video

  • @muhammadzohair2819
    @muhammadzohair2819 Рік тому +2

    Love from pakistan

  • @wonderlandmusic4054
    @wonderlandmusic4054 Рік тому

    Very Useful 💜♥️💜

  • @sofiapitstop2174
    @sofiapitstop2174 Рік тому

    absolutely incredible, really helpful!

  • @psychospoiler
    @psychospoiler Рік тому

    Great video!!

  • @wajahatnet
    @wajahatnet Рік тому +1

    Amazing Video 😎👍👍

  • @AnonymousAnonymous-l2i
    @AnonymousAnonymous-l2i 8 місяців тому

    What program was used to make the awesome animation of tutorial video?

  • @petmeee
    @petmeee Рік тому

    I’m sure I’ve watched this before but can’t remember where 😅 either way, thanks for informative video ❤

    • @SatoriGraphics
      @SatoriGraphics  Рік тому

      you've probably seen part of it somewhere. This video is made up of 5 past videos of mine. I've compiled them together as one master video 👍

    • @petmeee
      @petmeee Рік тому

      Good to know 😊 I always watch your videos when I need guidance and/or inspiration.

  • @datokraveishvili7612
    @datokraveishvili7612 Рік тому

    love your videos!!! could you tell the name of san serif font you are using in presentation?

  • @annamarialocurtodesign
    @annamarialocurtodesign Рік тому

    Hello!! is there a written version of the video? :)

  • @2mbst1
    @2mbst1 11 місяців тому

    13:07 I’m assuming that label should say passive? Got me confused there for a second :D

  • @abdul.ahad.bashir
    @abdul.ahad.bashir 4 місяці тому

    8:22 ! A mistake by your subtitle writer.
    I am sure what you said was "satori graphics" not "photo-graphics".

  • @mparves3530
    @mparves3530 Рік тому +1

    grat job brother

  • @jayeatienza4646
    @jayeatienza4646 Рік тому

    Great content as usual!