6 Golden Rules Of Layout Design You MUST OBEY

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

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

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

    Check out this video where I put the layout methods into practice, on existing famous designs: ruclips.net/video/Tm25IxJQPWM/видео.html

  • @gharib1435
    @gharib1435 5 лет назад +635

    Man ! You're a design school. well presented valuable informations.
    Golden rules of layout design:
    1. Negative space.
    2. Proximity.
    3. Repetition.
    4. Contrast.
    5. Alignment.
    6. Focal points.
    Smile ☺, be happy and spreed the love.

    • @gharib1435
      @gharib1435 5 лет назад

      @@SatoriGraphics my pleasure

    • @Tenzordk
      @Tenzordk 5 лет назад +2

      Gestalt laws/rules

    • @erikaallen9595
      @erikaallen9595 4 года назад +4

      spreed

    • @sunshizzleyou
      @sunshizzleyou 4 года назад +1

      I'm officially going to start going with "Spreed" the love. Just kinda rolls off the tongue better. I'm assuming this was OBVIOUSLY on purpose!...

    • @gharib1435
      @gharib1435 4 года назад +2

      @@sunshizzleyou it's a typo 😇

  • @emirhancalskan1581
    @emirhancalskan1581 3 года назад +55

    Dude this is so great! I am a self-taught designer and I've been using these rules for a long while but without noticing. It is so nice to be able to list and label these rules in my mind and sort of create a checklist to never break a rule.

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

      Yeah that's a good point, and thanks for sharing

  • @fremzter
    @fremzter 4 года назад +1567

    Graphic Designer: "Negative space"
    Clients: "I'm about to end this whole man's career."

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

    This is so great for a beginner I really love your tutorials very clear and make complete sense

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

    Thank you very much! I learn something valuable in every presentation!

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

    Always quality content. Never click bait.

  • @musicproductionbrauns2594
    @musicproductionbrauns2594 4 года назад +4

    I see many comments complain about clients which are against that "rules". I am no designer for myself, so I can make a statement in point of view of a client:
    "The best explanation are *examples* of very big companies"

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

    Simply enlightening.

  • @lucyvargas8123
    @lucyvargas8123 4 года назад +1

    EXCELLENT ! thank you

  • @reecekoch
    @reecekoch 4 года назад

    it is awesome

  • @fridakalota370
    @fridakalota370 4 года назад

    I appreciate the info

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

    Thank you for you videos. may i asked wich tool you do you use to make the video presentations? greatings from germany!

  • @ajkhan1987
    @ajkhan1987 4 года назад

    I am gonna implement this on my website IA....

  • @mpessan
    @mpessan 4 года назад +1

    Satori, I asked you for a quote yesterday, April 19, 2020.

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

      Can you re-send the email please, it may have gotten lost somewhere. Thanks
      thomascargill555@hotmail.co.uk

  • @somedude1324
    @somedude1324 4 года назад +2

    “Can you make it bigger?” Lol

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

    Obey...

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

    These are just intuitive, don't you think?

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

      Maybe for me and you. But not for everyone.

  • @suizidschlumpf2
    @suizidschlumpf2 4 года назад +1

    first example:
    the logo looks kinda lost up there.
    you could do that with, i dont know, a whole word with nice letters, but not with this kinda logo with this kinda layout design.
    the big S looks better to me, since it fits the blue design more. just make it a little smaller and put it between the white stripes, a bit to the right or so.
    or if you keep the small logo version:
    the big blue part takes too much space on the page. make it at least 1/2 of the page´s space.
    NOW it says "hey look up here. heres much to see". but then theres only this small logo.
    if you make the actual WHITE space bigger, the attention goes to the important text part even more since its easier to see whats important here (the small logo, the big blue part or the text)
    and i would consider to make the text go 3/4 and not 1/2 of the page then.
    my opinion.

  • @camo2010
    @camo2010 5 лет назад +852

    I love white space, however clients don't😩

    • @peter.dimitrov
      @peter.dimitrov 5 лет назад +9

      camo2010 Hahahah I totally understand man..

    • @2Chickaboom2
      @2Chickaboom2 5 лет назад +56

      I design junk mail. Any space large than ¼ inch I leave will inevitably cause the customer to ask me to fill it up with more text or other garbage.

    • @TheGeordiePedro
      @TheGeordiePedro 5 лет назад +25

      @@2Chickaboom2 That's because you're design junk mail. Different clients require different types of design.

    • @jojojojoseph
      @jojojojoseph 5 лет назад +14

      Yeah ikr fck clients! Lol kidding. As long as they pay, give em what they want haha

    • @martinsoraka4612
      @martinsoraka4612 5 лет назад

      lol.. thats true.

  • @josi4749
    @josi4749 5 лет назад +1286

    Six Golden Rules That Clients Hate. ;)

    • @josi4749
      @josi4749 5 лет назад +61

      Satori Graphics true! Hands-off clients that respect the designer are brilliant.

    • @MyHo31
      @MyHo31 4 года назад +6

      Haha I like your comment

    • @isanarditama
      @isanarditama 4 года назад +5

      Lol

    • @khushal.2274
      @khushal.2274 3 года назад +3

      500th like

    • @MuhammadYamman
      @MuhammadYamman 3 года назад +61

      Exactly!
      Thing they hate the most is free-space

  • @SB-gy2vx
    @SB-gy2vx 4 года назад +837

    My fellow designers, when a client tells you to fill that sweet empty space with something, it is your job aswel to tell them that they don't want their brand to look amateur.
    Clients are not designers and when you explain shit to them most time they agree and end up having an even better opinion about you.
    Stay firm, you are the professionals not them, clients say the most absurd stuff... teach them a bit.

    • @DustinBentley
      @DustinBentley 4 года назад +24

      Yup I’m buying whatever you’re selling sir

    • @countessratzass5408
      @countessratzass5408 4 года назад +41

      Some don’t want the education. I used to fight but I gave up. If they like it, I love it.

    • @SB-gy2vx
      @SB-gy2vx 4 года назад +52

      I use the "in my opinion thats gonna make you look amateur, but you're the one calling the shots ..." all the time, wich is something they don't want (to look like amateurs). But don't just say that and not give an alternative, you gotta give solutions.
      I'm not a "sales persons" and I used to struggle with dealing with clients. I used to think like "Well if the client is paying then he is the one deciding", but I learned that is not true! I will never make a piece of design which I don't like and if you're paying me you gotta trust me, period.
      Ofcourse we have to accept suggestions (and not all are bad) and you have to be able to explain if and idea works or if it needs modifications.
      (I'm not trying to sound smart or anything, just a simple dude giving his personal opinion and I hope it helps some people, many thanks for the likes fellow designers, God bless you)

    • @hutson797
      @hutson797 4 года назад +10

      Its your job to help the client. Not dictate to them. If push comes to shove...its your job to offer an alternative.

    • @hutson797
      @hutson797 4 года назад +9

      @@SB-gy2vx Be less artist mentality...more graphic mechanic mentality. Your job is to fix a problem. Not whine and complain about white space. I've been in the biz for over a decade. The ONE thing that clients hate most is designers whining about clients "not understanding." And I've seen some of the work by supposed "artists". Its terrible. If you're good at your job...it'll show.

  • @hennwei
    @hennwei 5 лет назад +396

    Lol. My clients would love the giant logos + giant text.

    • @ryanekapanjisuhartanto7167
      @ryanekapanjisuhartanto7167 5 лет назад +16

      Yeah, you're a designer.
      The same as a doctor giving patient solution (although they might get emotionally deny it), it is the best for them.
      And you as a designer, know how to treat your clients.

    • @RimZeime
      @RimZeime 5 лет назад +1

      this is sooo true lmao

    • @adondriel
      @adondriel 4 года назад +20

      I feel like this is probably due to the fact that 90% of clients out there are not using proper monitor resolutions, have bad eye sight, or just can't be bothered to think about how design affects a user's behavior. I don't like either of the 2 options in #1, the first one is TOO big, and the second one is just a tad too small imo. You could show the same design concept with a bit less exaggeration imo.

    • @delulu6969
      @delulu6969 4 года назад +17

      Many times my clients want the logo bigger because of they are emotionally attached to the logo (like having spent big bucks on it) or the lack of contrast with other elements rather than just to make it bigger. Making it bigger is a solution the client proposed. You decide how to approach the root issue.
      The same goes for giant texts. Normally it means the client loves a higher contrast design. You then decide whether it suits their brand. Like in this video, the white space example can be easily rejected by normies. I would compromise to increase the title font to be 2/3 of the page width while maintaining the width of the body paragraph.

    • @drdeesnutts48
      @drdeesnutts48 4 года назад +7

      @@ryanekapanjisuhartanto7167 A doctor can give all the advice they want but in the end its up to the patient, it's the same for clients.
      Ultimately it is their call and if the majority of clients like a thing, there's probably a reason for it.

  • @CoolGuyDesigns
    @CoolGuyDesigns 4 года назад +103

    Make it bigger. Make it pop. Even bigger. What are margins?
    - every client

    • @chalcedonycoral1943
      @chalcedonycoral1943 4 года назад +1

      Lol, so familiar

    • @somedude1324
      @somedude1324 4 года назад +3

      Yep. I work as a designer in house. Hear this ALL the time. Lol.

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

      I hear make it pop ... whatever that really means. Color psychology goes out the window and everything has to be bright and neony from one client .... Fill every empty space. I just stopped trying

  • @bertlashes
    @bertlashes 4 года назад +110

    crap
    c.ontrast
    r.epitition
    a.lignment
    p.roximity
    don't forget crap when you design layouts

    • @supreetkumar7604
      @supreetkumar7604 4 года назад +3

      I read these rules in "The non designers design book" and exactly this way i remembered it!

    • @ferylam
      @ferylam 4 года назад +2

      🤣

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

      That is what I was taught as well. I had a professor who was a big proponent of that book and the C.R.A.P. acronym.

  • @LD71685
    @LD71685 3 года назад +6

    Negative and white space are different/not the same. Stop the misconception.

  • @wuniwanzi
    @wuniwanzi 4 года назад +54

    client:“wanna see a colorful black and vibrant white!”

  • @cgpcgp3239
    @cgpcgp3239 4 года назад +31

    Balance. Alignment. Repetition. Contrast. Proximity. Focal point. Space. Hierarchy. Concepts that can be used to improve any area of your life.

  • @speterlewis
    @speterlewis 5 лет назад +70

    Your videos are absolutely top rate. They've helped me greatly develop as a designer (even though I've been doing it professionally for 30 years). And you absolutely have the most soothing and pleasant narration voice any of us have every heard.

  • @josephwehbe4841
    @josephwehbe4841 4 года назад +40

    First thing I learned in graphic design school.. always squint at your work..

    • @SatoriGraphics
      @SatoriGraphics  4 года назад +9

      It's a good technique for typography especially

  • @JWMCMLXXX
    @JWMCMLXXX 5 лет назад +430

    6 rules you MUST OBEY... until the client specifically directs you to muck it up

    • @JamesWelbes
      @JamesWelbes 5 лет назад +15

      You ain't lying

    • @hutson797
      @hutson797 4 года назад +11

      Design is subjective. Every client sees something different. your job is to help the client.

    • @KD-ho5ze
      @KD-ho5ze 3 года назад

      @@hutson797 It kinda makes the title of this video pointless tho

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

      @@KD-ho5ze The video is kinda pointless

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

    Honestly I really see the left design is better than the right one in the negative space rule. But even the left is wrong then the right design is much worse, the words are too small and seem like too much negative space to be a good layout, the types in the left just need a bit smaller. Maybe just a bad example right there.

  • @dash1dash2
    @dash1dash2 4 года назад +2

    Yikes. How about *NEVER JUSTIFY YOUR PARAGRAPHS UNLESS YOU'RE TYPESETTING A NEWSPAPER.*

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

      I never normally do if you check my other videos, I did for this one for some reason

  • @jeanlupascu7676
    @jeanlupascu7676 5 лет назад +106

    RULE 01. Interesting, but when you work with a client, 80-90% will pick option A. They want logo BIG, the text BIG, all the text BIG if possible. And I worked with more than 500-600 clients (sometimes even with big clients). I saw the same idea of using negatice space at John Mc Wade

    • @sparta007ot
      @sparta007ot 5 лет назад +11

      educate the client, n show them u right.

    • @michaelng1990
      @michaelng1990 5 лет назад +3

      it depends man, my company got a strict rule for logo size and location which kinda similar to option B in the top left.

    • @monikas8078
      @monikas8078 4 года назад +11

      Agree man. Clients percieve negative space as an empty space that should be filled f.ex. bigger logo or graphic. " I'm not paying for white/ empty spaces. Put smth here" they say.

    • @brianfriedman101
      @brianfriedman101 4 года назад +2

      @@sparta007ot Educate 500 clients?

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

      @@brianfriedman101 why not?

  • @tetiitet
    @tetiitet 4 года назад +13

    8:05
    others : FUTURE
    me : FTRUUE

  • @mch2359
    @mch2359 3 года назад +10

    In your section on contrast, you have the word report, in red text on a dark grayish background. The low contrast makes the red word hard to see.

  • @roseleathercraftsph
    @roseleathercraftsph 4 года назад +8

    I've designed for more than a decade for layouting magazine. One golden rule that he missed out? Is margins like ROWS and COLUMNS. This is the very key of effective spacing and equal distribution of elements. This is basically the backbone or the skeleton of layout. If you can't master it - a layout will wobble. And also do layouts with Indesign please.

  • @felixdauber8799
    @felixdauber8799 4 года назад +1

    Oh god don't write future like that, It just confuses people.
    Please have the bloody text sit in a straight line at least.
    Even a diagonal line is fine... Just don't do to much to disrupt the flow of reading...

  • @maximusdoomed
    @maximusdoomed 5 лет назад +35

    CRAP!!! I gotta watch this at least TEN TIMES!!! Totally badass accurate and clean video and communication. Satori perfect!!!

  • @Aci_yt
    @Aci_yt 4 года назад +4

    Tbh for the first one, I prefer the version with the larger logo and test
    It just looks more clean and professional

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

      That’s what happens when being taught by a good designer. The “bad” design is still gonna end up looking good lool

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

    For the first rule, I just wanted to say as a visually impaired person the logo is just slightly too small. It's small things like this that stop things from being inclusive.

    • @ji-di7zr
      @ji-di7zr 3 года назад

      In ui design now there's some good tests that can be quick and easily done in Adobe xd you'll be happy to hear automatically show the best and minimum contrast et

  • @johannestornquist
    @johannestornquist 4 года назад +36

    Using slanted angles as a contrast to straight ones may be a very good way of separating something. However, you should be careful about putting photographs in a tilted angle. ESPECIALLY for something like an annual report. Tilted angles in photographs and video can convey a sense of instability and is very often used as an effect to show that a character may be feeling very scared, nervous or somehow imbalanced. It's called a Dutch Angle.
    Using a dutch angle photo on an annual report may subconsciously give off the impression that your economics aren't stable, and I would avoid putting horizontal lines on an angle in general unless you want to convey that something is off or wrong.

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

      I completely agree. Theres a reason they use dutch angle in cinematography.

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

      Even if, like here, the actual photo is right way up, it's just the frame that's tilted? (or it's a diamond frame!) I'm not a graphic designer, so genuinely curious

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

      I think it is cheesy or gratuitious; a cheap thrill. "Let's rotate the frame! That would be kewl!" It seems not to add to the composition. Actually, too much pointless clip art is easily seen for what it is; "gotta fill up the page with SOMETHING! Clipart to the rescue!"

  • @iankurt9863
    @iankurt9863 4 года назад +2

    x1.25

  • @ghostpaper
    @ghostpaper 5 лет назад +5

    Really good tips in this one!!! I really like how you make calm videos with all this information and tips! 👍👍👍

    • @ghostpaper
      @ghostpaper 5 лет назад

      Satori Graphics you’re welcome! Keep up the great work 🔥

  • @shirleykathan-sayess5764
    @shirleykathan-sayess5764 Год назад +1

    This is a good tutorial on graphic design, but you overlooked the #1 Golden Rule of video tutorials… DON’T use background music! It make it too hard to hear and becomes so annoying and distracting that the viewer (in this case, me) actually stops watching. This is the 2nd video today that I have left because I couldn’t hear well enough with the background music.

  • @mudithaweerathunga3441
    @mudithaweerathunga3441 4 года назад +1

    I am not a grafic designer. But I need a logo for my herbal eats & applications business. Can you please help me. I am from Sri Lanka. How can I do the deal about it. Thank you.

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

    The saving negative space for breathing is just doesn't work if you doing commercial art. Most of the boss want the word to be super big so everyone can see it extremely clear without wearing glasses

  • @laurbalaur7196
    @laurbalaur7196 4 года назад +1

    Client:
    Make it bigger.
    I want brown and green.
    Make it pop.
    Text is still to small, I want to read from the other side of the street.
    Put more text... more iformation.
    Make the background red or blue exactly like the colour I have on my car.
    Edit. Everything you know or learned about design... will be erased by the client and you will make a huge crap because that's what the client like.

  • @ActiveSufi
    @ActiveSufi 4 года назад +10

    Client: “Hmm can you make it pop?”

  • @RedFox-st1yw
    @RedFox-st1yw 4 года назад +23

    Sometimes i come to satori when im stuck or feeling impostor syndrome and he uplifts and lets me see my design better

  • @lumenor2263
    @lumenor2263 4 года назад +30

    At the end of the day, it depends on the class and taste of the client. There are some who want graphic-heavy and busy designs and there are some who love modern, pleasant designs.

  • @jimmy090
    @jimmy090 4 года назад +4

    Negative space... As an end user I end up zooming in on the text because it's wasted space on my display.

    • @ji-di7zr
      @ji-di7zr 3 года назад

      For content online ui and ux designers now use scalable designs that fit best to phone and desktop but it probably won't be common place for a few more years

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

    Talks about layout rules, doesn't aligne the text on the thumbnail. Bruh

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

    The comments here are like group therapy 😂😂😂😂

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

      lol! that did make me chuckle

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

      @@SatoriGraphics most recently a client TEXTED me at midnight to tell me a small portion of the project looked “drunk” .... *sighs*

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

    6 golden rules that clients force you to forfeit

  • @chalcedonycoral1943
    @chalcedonycoral1943 4 года назад +5

    0:43 - Author of this video: "Left is hideous, right is beautiful"
    Me: "Left is beautiful, right is hideous"
    Lol

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

    Have clients but also have a side hustle.

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

    hi i would like to know why did u label the sun as ur focal point instead of the plane?

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

    At 9:40 .. To use white text over yellow background is a common design mistake. .. I'm Designer.

  • @mayraartisa3004
    @mayraartisa3004 4 года назад +8

    Thank you Satori. I just found that I've been doing my job fundamentaly correct. :)

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

      haha that's always great to know Soma, thanks for the reply

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

    Negative space - clients don't agree :))

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

      A lot of the time yeah, you're right lol

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

    Should have thrown in hierarchy for people who stumble upon your channel and haven't seen ALL your other videos.

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

    it was very helpful to me this video lecture hehe because recently i started to learn this things❤️ thanks for the video new learnings for me

  • @NotMysorlafr
    @NotMysorlafr 7 месяцев назад +1

    Option a was good in my opinion if the text was a little smaller it would've been better.

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

    Congratulations on Reaching 1M subscribers iam happy for you

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

    1:14 I like the left one more, am I hopeless?

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

    Clients always love to place their logo big

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

    always leaving space for hierarchy but client always object and says to fill with blah blah blah

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

      I have a good video about space coming on Tuesday 👍

  • @HandsomeLancerYouTube
    @HandsomeLancerYouTube 4 года назад +47

    0:41 I am a big lover of negative space but frankly, to me, the left one with less negative space looks better in this case.

    • @iTzSekiria
      @iTzSekiria 4 года назад +6

      mmm... I disagree with you hehe

    • @existentialreader5323
      @existentialreader5323 4 года назад +7

      I agree, the layout didn't have the "minimalistic" feel already. However I much prefer the text of the right. Makes it look a little cleaner

    • @NikozBG
      @NikozBG 4 года назад +1

      I bet the right design will look better printed on an A4.

    • @Kinneytube
      @Kinneytube 4 года назад +2

      I agree totally...and ask the opinion of several non-artists. Everyone chose the one on the left. And in the end you are trying to sell something. Minimizing your logo and text is counterintuitive.

  • @AZTECMAN
    @AZTECMAN 4 года назад +7

    The final image is totally from Ducky3D Blender tutorial.

    • @AZTECMAN
      @AZTECMAN 4 года назад +3

      @@SatoriGraphics ruclips.net/video/hnLsktA4gmY/видео.html

    • @AZTECMAN
      @AZTECMAN 4 года назад

      @@SatoriGraphics So I'm curious, were you both inspired by some prior work? This is too close for coincident.

  • @valeriazaharia398
    @valeriazaharia398 4 года назад +2

    Clicked because i thought it was about videogames but i stayed since i need to know these things for my cv loll

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

    Thanks man. Didn't realize how much I needed this till I saw your video

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

    To every one reading this you will make it in graphics design.

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

    Thanks for the great video

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

    May I ask what is the font used on the presentation/ sample video?

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

      This was a long time ago, but I think Aileron?

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

    I am struggling with my portfolio layout🌿

  • @LD71685
    @LD71685 4 года назад +1

    Negative and white space are different.

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

    Customers don't want to get it because they are thinking about the wasted space TIP: change the direction of the topic to their customers, tell them that their customers want simplicity and readability!!! 😄

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

      But not too much wasted space either. As a user, I lost count of the amount of websites where I had to do lots of scrolling to get fragments of information in an ocean of wasted space. That's not a good user experience. There's such a thing as too crammed, but there's also such a thing as too empty. Avoid both.
      Conveying information is the primary goal of any webpage. So if it's not conveying information competently, then it doesn't matter how pretty it looks, it's still incompetently designed.

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

    In an hour I have to pretend to have learned about layout for a week and present my knowledge.. wish me luck guys🙃

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

      I hope it went well for you 👍

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

      @@SatoriGraphics surprisingly, it did haha. The teacher was impressed by how much I knew and I only watched your video lmao, so thank you!✨

  • @thepresence2095
    @thepresence2095 5 лет назад +4

    You are becoming the best graphic design channel by far.

  • @mohammadrezakarami7827
    @mohammadrezakarami7827 4 года назад +2

    Thank you for sharing these rules.However,I don't call them actually"rules" Because sometimes we use them unconsciously,Just by using our feelings

  • @squidwardshouse5431
    @squidwardshouse5431 4 года назад +2

    Clients: NO Comic Sans and make the logo fill the whole page with a red and brown background!!!

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

    On your space is a secret video time stamp 4:48 you say negative space and white space aren't the same. On here you start off by saying negative space is often referred to as white space. When in the graphic design world did this concept change

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

    RE: Rule 1, in my opinion the first design looks a lot cooler and more interesting, especially the top/logo part of it. The second looks a lot more boring and plain, and just, not good. Although perhaps the margins could be a bit larger around the main content, overall I actually like the first design better than the second one. I'm not quite sure what to take away from this because although the second is more "correct", to me it actually looks worse overall... I guess I will make sure not to fill things just for the sake of filling, but... probably not THAT much empty space as a solid colour; it's just too much flatness for me and does not have enough visual interest.

  • @nCUonnection
    @nCUonnection 5 лет назад +7

    The first example with the giant S is way better than the second version. IT looks better, it's easier to read, and the attention is on the information (where it is supped to be) not centered around the blue and white which convey no meaning. The eye is drawn to the words, the headline calls for reading. In the second example full of white space the eye is drawn repeatedly away from the meaning of the words and towards the empty space.

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

    The first part, I really I agree and think I actually think the first example with the large 'S' is more effective.....the other one has my eye wandering around wondering where I am supposed to focus....

  • @farazalamkhan2647
    @farazalamkhan2647 4 месяца назад

    Graphic Designer - Negative Space
    Client: If its space make my logo bigger and also add my new offers 😂

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

    The first rule of design is that there are no rules in design. Do what you feel works. Visual design is all opinion-based and subjective. Why did Andy Warhol become popular? It definitely wasn’t because he was a good designer.

  • @antonio.x22
    @antonio.x22 2 года назад

    :D ! yes! this is a basic, initial *seminar* to start the journey to Graphic Arts
    _leave in second the learning of software, learning the criteria will gives you one exptra point_ XD

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

    Everything about the video is beauty until u put this knoledge in a project and the client says: BIGGER IS BETTER

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

    The heading page word DESIGN does not meet colour contrast accessibility standards. It also fails all 8 colour blindness conditions!

  • @BeMyArt
    @BeMyArt Месяц назад

    Why half of the examples look ugly for me? I guess Sorting hat just sent me to Not Graphic designer faculty 😅

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

    This video has been really helpful. Although. Not a graphic designer, I'm taking notes and applying them to the ppt I have due. Thanks ❤️

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

    Very detailed and quite helpful.... Nice🙂

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

    Hi there! Is it possible to have some form of PDF of the images/text from this video, so I can print it and put it somewhere on a wall? 😀 thanks. I love your videos!

  • @onlinetechmall7633
    @onlinetechmall7633 4 года назад +1

    Learn Important Rules For a Layout Design

  • @bastederbeste
    @bastederbeste 5 лет назад +8

    only rule you MUST obey in every design field: Don't let anyone tell you, there are rules you MUST obey

    • @NikozBG
      @NikozBG 4 года назад

      He literally said at the end that rules can be broken. Also I don't like the term "rules" as much, I would consider them as general guidelines.

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

    70/30 is Golden. non-symmetry. cluster details by biazing to one side. critical in SciFi hard asset work

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

    Hi Satori Graphics, I really love your contents although I just subscribed recently. I really aspire to become a graphic designer, however I do not have the skills to draw nor create logo that stands out. What should I do or where can I start?

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

    I think there is a rule missed, and that is to know your target audience and where their eyes naturally fall on the page. From what I've been told; people's eyes fall on to the center, or top center of a page. Is that true for all people in the world? I don't know. I didn't agree with the first rule. It seemed the graphic was too large or too small. The problem was the back ground graphic and it needed to be cut in half at least, bringing the text up. You don't need that much empty space (even if it is covered by a image) in the middle of your document. I think empty space includes margins, as margins are needed for hole punches on the left, or foot notes on top and bottom.