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.
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.
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.
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)
@@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.
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.
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.
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.
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.
@@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.
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
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.
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
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.
This is so helpful to me. I am going to college in a few months and I want to focus on graphic design as my major. I don’t always have an amazing idea of these points in my pieces, this has already helped me recently
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.
I want to apply for a master degree in graphic and editorial design, so it would be very nice and helpful to see more videos like this about layout, it would help me a lot to build my portfolio. :) Thanks for your great videos!
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.
Very interesting and helpful. My medium is steel, cut with a CNC plasma cutter, but the principles are the same. Thanks for providing these excellent videos.
Your videos are great. Really appreciate the effort and quality you devote to them, can't believe I wasn't subscribed sooner! I work in engineering where graphic design skills are greatly lacking, your videos have literally helped me switch from doing frustrating layouts in Microsoft Word, to start creating more bespoke and original graphic design templates for my work and I've been able to get some of the people on my team more excited about this as well. 👍
For the first one, I think both examples are good; the first one for business card sized media, and the second one for anything larger, from a sheet of paper to a building-side ad.
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.
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
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!"
In the ''FUTURE'' poster the position of the price tag still works because it is allinged digonally with the letters ''FU'' and ''RU'' but most importantly it is horizontally aligned with the letter ''T''. You can also say that the circle somehow follows the curve of the background graphic. Good job mr. Satori !!!
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....
nice video!, I learnt some of this rules in my class. But, somehow not everyone can understand how useful this kind of rule are applied in a design. So i thought that the rule made the design better for designer but not for everyone who don't learning design
This is so helpful to me.. Negative space is what i find most challenging... I will try the latout today or tomorrow to use the negative space wisely... Thank u sooooo much.. 😊
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!
Does "white space" need to be all white or could It sometimes be a good idea to use texture/assets in another white or ultra light gray in the "white space"?
This is my first time enjoying your UA-cam channel. Great work! I’m looking forward to more great content from you. Thank you so much for this informative video! I got so much out of it.
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.
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.
Check out this video where I put the layout methods into practice, on existing famous designs: ua-cam.com/video/Tm25IxJQPWM/v-deo.html
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.
@@SatoriGraphics my pleasure
Gestalt laws/rules
spreed
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!...
@@sunshizzleyou it's a typo 😇
Graphic Designer: "Negative space"
Clients: "I'm about to end this whole man's career."
😅✌
xd
😂
too true
hahaha
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.
Yeah that's a good point, and thanks for sharing
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.
Yup I’m buying whatever you’re selling sir
Some don’t want the education. I used to fight but I gave up. If they like it, I love it.
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)
Its your job to help the client. Not dictate to them. If push comes to shove...its your job to offer an alternative.
@@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.
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.
Balance. Alignment. Repetition. Contrast. Proximity. Focal point. Space. Hierarchy. Concepts that can be used to improve any area of your life.
Oooo I like that!
I love white space, however clients don't😩
camo2010 Hahahah I totally understand man..
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.
@@2Chickaboom2 That's because you're design junk mail. Different clients require different types of design.
Yeah ikr fck clients! Lol kidding. As long as they pay, give em what they want haha
lol.. thats true.
CRAP!!! I gotta watch this at least TEN TIMES!!! Totally badass accurate and clean video and communication. Satori perfect!!!
Six Golden Rules That Clients Hate. ;)
Satori Graphics true! Hands-off clients that respect the designer are brilliant.
Haha I like your comment
Lol
500th like
Exactly!
Thing they hate the most is free-space
You are becoming the best graphic design channel by far.
Lol. My clients would love the giant logos + giant text.
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.
this is sooo true lmao
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.
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.
@@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.
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
educate the client, n show them u right.
it depends man, my company got a strict rule for logo size and location which kinda similar to option B in the top left.
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.
@@sparta007ot Educate 500 clients?
@@brianfriedman101 why not?
Thanks man. Didn't realize how much I needed this till I saw your video
Glad I could help
This is so great for a beginner I really love your tutorials very clear and make complete sense
Thanks for the kind comment Nicky :)
Make it bigger. Make it pop. Even bigger. What are margins?
- every client
Lol, so familiar
Yep. I work as a designer in house. Hear this ALL the time. Lol.
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
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.
Thank you for this! I'm a college student and just learning layouting, this precised presentation is of great help.
Really good tips in this one!!! I really like how you make calm videos with all this information and tips! 👍👍👍
Satori Graphics you’re welcome! Keep up the great work 🔥
This is so helpful to me. I am going to college in a few months and I want to focus on graphic design as my major. I don’t always have an amazing idea of these points in my pieces, this has already helped me recently
Great news Colin thanks, and wish you all the best for your major.
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.
You are such a great teacher I got every thing perfectly
Thanks a lot for your kind words Pratiksha, and have a great day 👍
Wow! Im binge watching all of your videos! Great, informative ,REAL, timeless, graphic design principles. thanks
Hope you keep finding my videos worth while :)
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.
mmm... I disagree with you hehe
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
I bet the right design will look better printed on an A4.
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.
Great information Sir Tom for those who just need a friendly reminder. As always, have a great day.
Thank you Satori. I just found that I've been doing my job fundamentaly correct. :)
haha that's always great to know Soma, thanks for the reply
I want to apply for a master degree in graphic and editorial design, so it would be very nice and helpful to see more videos like this about layout, it would help me a lot to build my portfolio. :)
Thanks for your great videos!
@@SatoriGraphics Thank you!
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 ❤️
Soothing music as always. It makes me want to focus more!
And thanks for both of your comments Thabiso
What a great presentation and I was able to connect theory and real world in graphic design. Thanks! Just liked and subscribed.
hey much appreciated, have a great day!
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.
Sometimes i come to satori when im stuck or feeling impostor syndrome and he uplifts and lets me see my design better
Thank you very much! I learn something valuable in every presentation!
That's what I like to see :)
I feel like you have a better understanding than how modern software engineers go about the design of of GUIs. I agree with each rule you mentioned.
Tbh for the first one, I prefer the version with the larger logo and test
It just looks more clean and professional
That’s what happens when being taught by a good designer. The “bad” design is still gonna end up looking good lool
Should have thrown in hierarchy for people who stumble upon your channel and haven't seen ALL your other videos.
Very interesting and helpful. My medium is steel, cut with a CNC plasma cutter, but the principles are the same. Thanks for providing these excellent videos.
Love your content!!! I started out with design very recently...your videos assist me so much and my learning curve up ^^
That's great man, keep excelling :)
Your videos are great. Really appreciate the effort and quality you devote to them, can't believe I wasn't subscribed sooner! I work in engineering where graphic design skills are greatly lacking, your videos have literally helped me switch from doing frustrating layouts in Microsoft Word, to start creating more bespoke and original graphic design templates for my work and I've been able to get some of the people on my team more excited about this as well. 👍
"start creating more bespoke and original graphic design templates"
Bespoke clipart to the rescue!
some times I don't leave a space in my designs, these rules are really important and useful, thanks :)
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
Cool stuff 👍
Appreciate the feedback :)
Best tutorial ever!
Wow, thanks!
6 rules you MUST OBEY... until the client specifically directs you to muck it up
You ain't lying
Design is subjective. Every client sees something different. your job is to help the client.
@@hutson797 It kinda makes the title of this video pointless tho
@@KD-ho5ze The video is kinda pointless
Contrast, Repetition, Alignment and Proximity .. a very helpful acronym there for you guys :)
Lol.
client：“wanna see a colorful black and vibrant white！”
Nothing like going back to BASICS 👌. Great video man!
man, really enjoy watching these videos. Thanks for sharing. Looking forward to watch the next videos
hey cheers Steve, much appreciated
Thank you for sharing, very informative and helpful!
This is awesome Tom
I would really love it if you could make more tutorials on how you make your videos they are so cool
hey thanks very much :)
Thank you. What one graphic design book would you recommend most?
Always quality content. Never click bait.
Thanks a lot bro
All-time favorite response to describe her favorite color: clear.
Thanks for publishing the video!
No problem:)
Thank you, i'm about to learn about layouting and then the video popped up. God bless you
Hell yhea! Every Time I watch a new video of satori i learn new stuff
For the first one, I think both examples are good; the first one for business card sized media, and the second one for anything larger, from a sheet of paper to a building-side ad.
True, depends on where your artwork will be shown. I use negative space when I design billboards and use 75%-100% of space for product stickers.
@@thybiscuit Glad to hear that my eye/intuition agrees with somebody's professional experience.
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.
I completely agree. Theres a reason they use dutch angle in cinematography.
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
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!"
In the ''FUTURE'' poster the position of the price tag still works because it is allinged digonally with the letters ''FU'' and ''RU'' but most importantly it is horizontally aligned with the letter ''T''. You can also say that the circle somehow follows the curve of the background graphic.
Good job mr. Satori !!!
@@SatoriGraphics But, just my thought.
Isn't the circle could be moved a little bit to the left?
Thanks for the great video
Happy to hear that
Congratulations on Reaching 1M subscribers iam happy for you
Thank you so much 😀
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....
Awesome ! well explained , without that layout dose not exist ..... good job
Very detailed and quite helpful.... Nice🙂
Glad it was helpful!
Super nice!!!! Curious ... shadow slats on annual report also make in illustator? (contrast section)
I am not so sure about that sorry Max, hope your Monday is going well dude
@@SatoriGraphics Not bad for a Monday; stuck on newspaper layouts for the day. Live long and prosper!!!!
Bro! it's Amazing You solved my problem! Thanks!!!
8:44 $12 was actually aligned perfectly with the curves
Quality content as usual, much appreciated!
Thanks!
this is awesome! you got yourself a new subscriber 👍
Thanks very much Steelsheen, hope you keep liking my content into the future
nice video!, I learnt some of this rules in my class. But, somehow not everyone can understand how useful this kind of rule are applied in a design. So i thought that the rule made the design better for designer but not for everyone who don't learning design
This is so helpful to me..
Negative space is what i find most challenging...
I will try the latout today or tomorrow to use the negative space wisely...
Thank u sooooo much.. 😊
I'm in love with that futuristic grid mountain sun video at the end. How did you make that? And do you have a standalone version of it?
You're Designing Idol🔥💛. Love From Bangladesh💛💛💛💛
@satori - Why is it quoted " Negative space" ?
Having space is a positive thing in itself. Why can't we just call it "Space"?
I've never actually thought about that one before.. 🤔
it's a good point though lol
it's not the emotional meaning of negative but rather means "subtractive", as in, there's a void there, space without anything in it.
Great lesson! Clean and simple visuals were especially helpful.
Thank you for you videos. may i asked wich tool you do you use to make the video presentations? greatings from germany!
Simply enlightening.
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!
Awesome tutorial!!
Thanks a lot!
i always be waiting for your next video.. all videos inspirated me to make good design.. thanks for it..
Does "white space" need to be all white or could It sometimes be a good idea to use texture/assets in another white or ultra light gray in the "white space"?
no white space does not need to be white. It is just void of objects and design assets
This is my first time enjoying your UA-cam channel. Great work! I’m looking forward to more great content from you. Thank you so much for this informative video! I got so much out of it.
Beautiful. What a well thought out and designed tutorial.
Cheers buddy
Thank you! Loved this video and the music :)
Thanks a lot Rachel 👍
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.
Your content is best in graphic design....
thanx
This is a golden tutorial video I couldn't ask for more.
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.
You have a great channel with amazing tips. Thanks for doing these.
My exams start next week, thank you for all the tips you’ve provided!
Whitespace: took me a while to compare the examples. A very profound lesson!
emphasis on foundations of design, really nice
thanks for the comment Sally
Such great content for new designers! Thanks :)
Glad you think so! Enjoy your day
First thing I learned in graphic design school.. always squint at your work..
It's a good technique for typography especially
Super. Thanks. I will try to learn.
Thanks for the great tutorial!
Great content! Thank you for sharing.
Glad you enjoyed it!
do you do your own illustrations? or where do you get them from?:) - i absolutely love your videos!!!
Excellent video, thank you for sharing!
crap
c.ontrast
r.epitition
a.lignment
p.roximity
don't forget crap when you design layouts
I read these rules in "The non designers design book" and exactly this way i remembered it!
🤣
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.
Nice Video man, greats ideas. Thnx
Glad you like it!