PERFECT LAYOUT DESIGN Step by Step *With Examples*

Поделиться
HTML-код
  • Опубликовано: 12 сен 2024

Комментарии • 208

  • @SatoriGraphics
    @SatoriGraphics  3 года назад +111

    😎 Try probably the BEST guide to colour in graphic design: logodesignprocess.com/marketing-colour-guide/
    Here's an ULTIMATE guide to layout design: ruclips.net/video/yUvGHNzqG7M/видео.html
    I wanted to add a section about alignment, yet it was cut out from the edit. If you use grids properly however, your alignment will come naturally almost without thinking.
    Have a great day

    • @aa_gg
      @aa_gg 3 года назад +1

      Great videos... by the way
      whats the point of liking you own comment ?

    • @pahadibhula
      @pahadibhula 3 года назад +2

      need more design principle videos. thanks

    • @sebastianbothonsanchez780
      @sebastianbothonsanchez780 3 года назад

      The composition it's very hard. but if you study about composition in art with examples, and principles of the design with wicius wong, your work will be very good.

    • @PersuasiveVideoWorks
      @PersuasiveVideoWorks 3 года назад

      #Thomas@ #SatoriGraphics I clicked the VAS link... marvelous...
      Got there began the sign up process dropped your name in the promo section...
      and they said the promo had expired...
      As a direct response marketer (designer too) and copywriter...
      I'll have a word with them via email...
      Thanks...

    • @NguyenBinh-jt6cr
      @NguyenBinh-jt6cr 3 года назад

      Definitely need more contents about layout and visual hierarchy. Thanks.

  • @bagoftrix
    @bagoftrix 3 года назад +51

    I’ve been at it close to 20 years now, and I find your videos very useful, most of what I do is automatically and while I do incorporate a lot of principles, tricks etc., its key to remind yourself the theory and philosophy behind it. And I still learn some things here and there too of course :), thanks for these videos!

    • @SatoriGraphics
      @SatoriGraphics  11 месяцев назад +1

      wow that's really cool to hear. Thanks for this man :)

  • @kaylenedawnbuteaufitnessbu2282
    @kaylenedawnbuteaufitnessbu2282 Год назад +16

    I'm almost finished with my graphic memoir of how I used my health and fitness knowledge to stop my mother with mild dementia from forgetting me, and it worked. I tricked her off caffeine, then no prescription meds, forced her/tricked her/incentivized her to drink water, kept her away from high fructose corn syrup and other poison, because they made her mean and delusional, and kept her away from gluten. I labeled layers by text vs. images, and then by page number, and all of that is linked through word. When I add in pages, it becomes all scrambled. I thought writing this memoir digitally would be faster, but I don’t think so anymore. I did spend time going through all of my layers in every document in my 250-page book, renumbering the layers according to the new page number, but now reviewing all of my journals, I need to add in more. Do you have any suggestions for organizing?

    • @SatoriGraphics
      @SatoriGraphics  Год назад

      That's such a moving and selfless adaption of design skills. You've done a truly great thing for your mum:)
      They do say that dementia is type 3 diabetes, so the corner syrup and fructose idea was good.
      As for the design side of things, I would use 1 document per day of week, and then save them into folders. So have 2022, then inside that folder have the months, and in each month folder, have the days or weeks, and save each diary entry accordingly

  • @basketballforce
    @basketballforce 2 года назад +6

    Every time I try to make a home page or any time of grid I rewatch this just to remind myself of these principles.
    THank you for the quality content sir!

    • @SatoriGraphics
      @SatoriGraphics  2 года назад

      That's great man, thanks for the feedback

  • @RafaeAhmad
    @RafaeAhmad 3 года назад +42

    Thank you so much, this topic really helps me to explain and review my client current brochure. 😊

  • @nathanwright3956
    @nathanwright3956 2 года назад +7

    Thank you Satori. So much appreciation. You speak gold in such a humble way!

  • @incronite786
    @incronite786 2 года назад +18

    I love the animations in your videos! It makes me more intrigued to learn Graphic Design as a beginner. Keep it up!

  • @ShahidKhan-uf8hd
    @ShahidKhan-uf8hd 3 года назад +7

    Always you'll get a new content to post, Thank you for this video 🤩

  • @handeozkalemkas7720
    @handeozkalemkas7720 2 года назад +8

    I am so sad that I have found out this video so late and the code was already expired for the VAS free subscription account. Thank you for the great content. As a person who doesn't come from a design field and who self teaches, your videos mean a lot to me! Thank you for sharing your knowledge.

  • @goldsheik541
    @goldsheik541 3 года назад +1

    Real leasons! Short and to the point. Such short videos used in between lecturer explaining in the classroom sessions.
    Thanks for the easy understanding content.👍

  • @oldmanscribbe1
    @oldmanscribbe1 2 года назад +1

    your vids are such a relief and helpful way to kickstart new projects!

  • @thatlucidguy
    @thatlucidguy 3 года назад +5

    Love these, I would love to print a quick reference cheatsheet of principles for my wall

  • @tinauxperience
    @tinauxperience Год назад

    I love the animation and how clear and concise this tutorial was, thank you so much for sharing!

  • @KaitoKaze
    @KaitoKaze 3 года назад +2

    I do use golden ratio, is very neat, to make the eyes dance, I usually use it for illustration.

  • @uodige1
    @uodige1 Год назад

    Thank you for the tutorial. I had some trouble making sole layout design. This tutorial helps me to approach the layout design more properly but efficiently.

  • @thebutterflowers
    @thebutterflowers 3 года назад +3

    probably one of the best product placement ever lmao perfectly fits the video

  • @en0mi
    @en0mi 3 года назад +1

    I discovered your Chanel a few day ago . It’s awesome thank u 🙏

    • @SatoriGraphics
      @SatoriGraphics  3 года назад

      welcome Simone and thanks for the feedback!

  • @RaulJose1111
    @RaulJose1111 3 года назад

    🤩🤩🤩💖💖💖 i allways struggle with Layout... didn't even watch the video yet... but I know it will be Good... like all the other videos in this channel!

  • @danplumadore647
    @danplumadore647 3 года назад +9

    Awesome video (as always).
    I feel your teaching methods have evolved considerably and I truly feel you should be teaching, as in developing a design course.
    Side note: I believe this is the second time I have heard you mention that you are not a fan of the golden ratio. Myself, I believe it has been overdone and I would akin the golden ratio more for art than design. When designers try to come up with a project following the golden ratio, they seem to fall flat. The fundamentals work and they work for a reason imho, which is why I am such a big believer in simplicity and minimalism.
    That said, why are you opposed to the golden ratio?

    • @ekaruna42
      @ekaruna42 2 года назад

      I was confused by the golden ratio thing - doesn't the rule of thirds *come* from the golden ratio? Am I missing something?

  • @Ar.Raghav
    @Ar.Raghav 3 года назад +4

    Was waiting for your videos...

    • @SatoriGraphics
      @SatoriGraphics  3 года назад +1

      Every Monday Wednesday and Friday 😁

  • @Piktro
    @Piktro 19 дней назад

    "I don't like the golden ratio"
    Instantly subscribbed.

  • @user-yy7xf7jg9k
    @user-yy7xf7jg9k 3 года назад +72

    Need More Design Principles Videos, Bro.

  • @leticiaandrew5942
    @leticiaandrew5942 3 года назад +5

    Thank you so much for making this video❤️ it helps me a lot with my Layout assignment ✨ liked and subscribed

  • @undeuxtri
    @undeuxtri 10 месяцев назад

    Excellent insight. Thank you Satori!

  • @screamingpixels9163
    @screamingpixels9163 3 года назад +2

    With the satori plus example you actually used golden ratio. The logo bottom line is on the golden ratio alignment

  • @throbber200
    @throbber200 11 месяцев назад

    Verry educational and informative. Love your videos

  • @JerryN7970
    @JerryN7970 3 года назад +1

    I’ve always worked with the grids turned off; but I might start working with them on in both Illustrator and InDesign now and see how that changes my design process and the end result. Thanks!

  • @gowthamsenthil4178
    @gowthamsenthil4178 2 года назад

    This is a very useful video content. its worth the time to watch while the people in design field and your communication through your presentation style are really good to watch ....Thanks for the video😀

  • @GamerOner2H
    @GamerOner2H 3 года назад +2

    What an amazing ad.

  • @johannesminge
    @johannesminge 3 года назад +1

    This was a really beautiful video to watch 😍

  • @devo83
    @devo83 3 года назад +1

    Just what I needed. Thanks for the great content!

  • @JurgenSchlei
    @JurgenSchlei Год назад +2

    Love your clean/clear style of animation and explanation!

  • @ronitrajput3934
    @ronitrajput3934 3 года назад +2

    This video was very helpful.

  • @Sacerdante
    @Sacerdante 3 года назад

    Fantastic! Every video a novelty

  • @aszahriable
    @aszahriable 3 года назад

    Iam learning more from your video to become good graphics designer for my future... Tq sir for your good learning video...

  • @raho2005
    @raho2005 3 года назад +40

    I try to keep my design as simple as possible (Dieter Rams style), the problem is that clients want as much content as possible.

    • @arandaj
      @arandaj 3 года назад +7

      I am in the same situation. Most of the design work I do is sales related. They want to include everything AND the kitchen sink. Any attempts to edit the content get rejected immediately. It's so frustrating.

    • @damnphotoshop
      @damnphotoshop 3 года назад +5

      @@arandaj this is a conditioned response towards designers. B-clients (sometimes even A-clients) always like having their hand on your mouse... If you put together an action plan with reasoning and present it with confidence, they will come around. What do you have to lose? A bad client? Explain to them the user experience, show them the vas heatmaps, the ball is in your court. These tools are what separate us from them.

    • @mrgngrn
      @mrgngrn 3 года назад

      So true! Sometimes it's not even before the client, my boss always says that my designs are "a bit raw" and wants me to add some decorative elements and I can't even find examples because nobody does it

    • @damnphotoshop
      @damnphotoshop 3 года назад +3

      @@mrgngrn a quote from the futur's "building a brand" series: "when a draft is complete, you want to look for things that can be removed." There's always something to add, but it doesn't guarantee value. Knowledge in principles outweighs opinion.

    • @arandaj
      @arandaj 3 года назад

      @@damnphotoshop I have tried that before, it does not work with my sales team. They nod and then they ask me for the native files and they "redesign it" themselves. Whenever I see their handy work I cringe. Oh well. P.S. I have been doing this for 20 yrs for the same team.

  • @tyecasualgamer
    @tyecasualgamer 3 года назад +2

    Thanks for this!

  • @crisprat2604
    @crisprat2604 3 года назад +1

    This is really really amazing and very helpful thank uuuu.

  • @entheo302
    @entheo302 2 года назад +1

    This is great. Thanks!

  • @ademjefit
    @ademjefit 9 месяцев назад +1

    Thanks!! Big help...

  • @kraftwork01
    @kraftwork01 3 года назад

    One of your best ones

  • @hellovrediano5939
    @hellovrediano5939 3 года назад +1

    Favorite channel😍

  • @yohannestakata6021
    @yohannestakata6021 3 года назад +2

    Satori Graphics video notification? Note book? Check. Pen? Check. Illustrator? check. Alright, ready for Golden Wisdom

  • @Nhatlan93
    @Nhatlan93 10 месяцев назад +1

    Thanks for the tutorial

  • @soumikghosh8820
    @soumikghosh8820 2 года назад +1

    This man is awesome

  • @lisas3838
    @lisas3838 Год назад

    really liked the video! helped a lot!

  • @nmlker
    @nmlker 3 года назад +3

    Very nice font. Which one is used for the "focal point" at 2:35?

  • @foreverandadave
    @foreverandadave 3 года назад +3

    Hey what font is that you're using on the text sections? Like the words "Layout Guide" at the start of the video... I really like it! Thanks!

    • @bandiXC90
      @bandiXC90 3 года назад +1

      Looks very much like "Avant Garde" but not exactly the same! :D

  • @famainam3469
    @famainam3469 3 года назад

    thankyou so much .It helps me a lot..Hoping for more tutorial like this .

  • @_Mahen
    @_Mahen 2 года назад +1

    Excellent explained 7 min amazing experience

  • @ellalogx
    @ellalogx Год назад +1

    This was the first video that I watched from your channel and I just enjoyed it! New subscriber ✨. Jesus loves you so much! and he's coming soon ❤️

  • @rickyj7712
    @rickyj7712 3 года назад

    Layout Design finally!! Nice!!

  • @imjentran
    @imjentran 2 года назад

    This is a great video. Thanks for the information and excellent examples!

  • @user-yy7xf7jg9k
    @user-yy7xf7jg9k 3 года назад +1

    Very Helpful For Newbie Designers
    _ Minimalist Logo Designer

    • @SatoriGraphics
      @SatoriGraphics  3 года назад

      Thanks and keep going with your logo venture

    • @user-yy7xf7jg9k
      @user-yy7xf7jg9k 3 года назад

      @@SatoriGraphics 😍 Love you Sir Tom Cargill Satori. ( Satori Baba)

  • @marcosorbara1907
    @marcosorbara1907 3 года назад

    Your tips are gold. Thank you!

  • @deepeshvaishnav555
    @deepeshvaishnav555 3 года назад +3

    Any books you suggest to learn fundamentals of UI/UX ?? Please reply 💛✌

    • @eren1514
      @eren1514 3 года назад

      +1

    • @artist_me
      @artist_me 3 года назад

      Try this one for fresh start "The Design of Everyday Things" by Donald A. Norman

  • @jonathandavidajayi9309
    @jonathandavidajayi9309 3 года назад

    This is really insightful. Thank you

  • @ramzanshahid5333
    @ramzanshahid5333 3 года назад

    Thanks Satori for adding more values in graphic designers career.

  • @MsQuikly
    @MsQuikly 2 года назад

    This also works for character sheets for ttrpgs!! thank you.

  • @dianacepsyte2860
    @dianacepsyte2860 2 года назад

    this was awesome~!!!! :)))

  • @tomimdawodu6808
    @tomimdawodu6808 2 года назад +1

    Im in this composition course and im still confused as too WHERE i should place my text and images on a document whether it be an editorial or poster design im just not sure where to place images or text to make a successful composition that looks pleasing to the eye on a page; Do i put up top or the bottom of the page the left or the right ? its not clear to me so is there a rule or method on this topic on where to place images and text on a document to create a successful composition every or what is the best or most optimal place to start on a document or page to create a pleasing composition every time

  • @richomuhammadhafsah9028
    @richomuhammadhafsah9028 7 месяцев назад

    Literally, I want to find eye tracking tool for checking my design before. I get now😂

  • @NNNedlog
    @NNNedlog 3 года назад +1

    Thanks a lot Satori

  • @ThePaleBlueDot
    @ThePaleBlueDot 3 года назад

    I thought I latched onto this RUclips video quite by accident but then, after having watched it, maybe it was your thumbnail design that lured me in. Would it be correct to say that you could use the same principles you discuss for RUclips thumbnails?

  • @user-pm7fk4ot5f
    @user-pm7fk4ot5f 3 года назад +3

    First like then watch :D

    • @SatoriGraphics
      @SatoriGraphics  3 года назад +1

      Not according to RUclips :p

    • @user-pm7fk4ot5f
      @user-pm7fk4ot5f 3 года назад +1

      @@SatoriGraphics hahaha software can make mistakes from time to time :D

  • @r.h.7633
    @r.h.7633 2 года назад

    Thank you

  • @riquinderitu4859
    @riquinderitu4859 3 года назад

    That was insightful. Thank you

  • @jackjohn123
    @jackjohn123 3 года назад

    Nice info man, Thank you

  • @damilarebamishile193
    @damilarebamishile193 3 года назад +2

    First to view and comment. Lovely

  • @EricaDyson
    @EricaDyson 2 года назад +1

    Super. Thanks

  • @samanthagelico1597
    @samanthagelico1597 2 года назад

    I am a Graphic Arts major in school right now, and one of my professors taught us about the Golden Ratio. Why do you say you personally don’t like the Golden Ratio? I’d love to learn!

    • @SatoriGraphics
      @SatoriGraphics  2 года назад

      Google search 'golden ratio myth'.
      I also don't like it because it can hamper creativity, and corner a designers scope for what is possible

  • @Soldat.du.christ1
    @Soldat.du.christ1 3 года назад

    Great Job ! That's so helpful as a beginner in graphic design. I Suscb Now now

  • @yuliachernyshova3660
    @yuliachernyshova3660 Год назад

    Wow ❤❤❤

  • @PatrickChisanga-pt1pb
    @PatrickChisanga-pt1pb 10 месяцев назад +2

    Great

  • @nestorswoodworking2728
    @nestorswoodworking2728 2 года назад

    great content! do you have a video on how you created the gird?

  • @FahryAdam
    @FahryAdam 2 года назад

    i'm not graphic designer, but this is helpful for me to layout better powerpoint presentation in my work

  • @daichicreatives
    @daichicreatives 2 месяца назад

    How the heck does the AI determine focal points?? Sounds amazing...

  • @hongngocvn
    @hongngocvn 2 года назад

    thank you so much.

  • @renugogna6424
    @renugogna6424 3 года назад

    Very informative 👍🏻

  • @swschilke
    @swschilke 3 года назад

    Could you do a video on the design and requirements of a podcast cover art? A lot of people could benefit form such a video (even designers do it wrong). Kind regards

  • @MrSzwarz
    @MrSzwarz 3 года назад

    In your first grid example layout (two columns at the beginning of video) there is a basic typographical mistake,: gutter is at least five times too wide in relation to copy leading. the principle is: gutter shoul be as close as possible to leading of the body text. It would be extremely difficult to read such text.

  • @chrisdavis7019
    @chrisdavis7019 2 года назад

    Thank you for all your teaching videos. Can yoiu recommend a graphic design software for a 70 year old noobie, whose is a slow software learner? My project is to offer free English language education worldwide via gaming. Currently I must create an EPK for sponsor institutions expressing interest. I have some ideas that I miss I could include here. Also do you do private consulatations?

  • @14onyx
    @14onyx 3 года назад

    Do you have videos on how you created those screens? :)
    Because it doesn't look similar to anything you've uploaded on the channel. All those gradients and UI.

  • @waleedoffice8994
    @waleedoffice8994 Год назад

    VAS -Awesome

  • @Cebok_barengan
    @Cebok_barengan Год назад

    the thumbnail inspired by interactive design foundation 😁

  • @techgalaxy100
    @techgalaxy100 2 года назад

    Hi, do you have a tutorial on single column books, like what the margins should be ideally? Any calculations? How can Golden Ratio help ? Thanks

  • @danielnewton5867
    @danielnewton5867 3 года назад

    Very nice.

  • @HarbarhsXo
    @HarbarhsXo 2 года назад

    Hi, Mr Satori Do you host classes for these Adobe Designs. I just started working with Indesign but I follow up well on RUclips with PS and Illustrator classes of yours. Kindly respond thank you.

  • @likersquimicasocial424
    @likersquimicasocial424 3 года назад

    Thanks a million for the video, for the channel, for everything else...!
    Satori, would you please let me know what font type is that in "grids." @00:30, if you don't mind!
    Thanks once again!

  • @riclimiii7287
    @riclimiii7287 3 года назад

    #LearnMoreAtSatoriGraphics
    😇🙏 Thank you so much man, for another tutorial 😁

  • @anthonyplaya
    @anthonyplaya 2 года назад

    Some many client ignore that, how to explain it ? Please ? Maybe a video on the right discour for client ? 😊

  • @mdnazmulh.8908
    @mdnazmulh.8908 3 года назад +1

    Nice!

  • @dsdesilva4285
    @dsdesilva4285 3 года назад

    Great.👍

  • @2GMichael
    @2GMichael Год назад +3

    Like 50% of this was an ad for other services.

  • @Goddibaba
    @Goddibaba 3 года назад +2

    Pleasant voice...

  • @devgatling
    @devgatling Год назад +1

    yessir

  • @arshad1781
    @arshad1781 3 года назад

    Thanks

  • @Dobetterlivebetter
    @Dobetterlivebetter 3 года назад

    Satori can u start a podcast on design?

  • @Pareshbpatel
    @Pareshbpatel Год назад

    This Channel is a great resource for non-designers! - Thanks.
    {2023-01-14}

  • @shakeelitser
    @shakeelitser 3 года назад

    Thank you very much Satori. please tell me blogger theme free websites ?