6 Golden Rules Of Layout Design You MUST OBEY
Vložit
- čas přidán 3. 08. 2024
- Do you know and follow these 6 GOLDEN RULES for layout design? I’m going to demonstrate these rules that every designer should follow, and also show you why they are so crucial within layout and graphic design.
I do have a few ‘golden rule’ type videos on this channel, and today we delve into the precise and elegant world of layout design. Layout design is a neat and tidy sector of graphic design, but all of these golden rules can be carried over into other aspects of graphic design. I take you through each of the 6 rules in todays tutorial, show you what they mean and where they are used, as well as why they are important to adhere to.
If you would like to see more videos geared towards layout design, or similar subjects for that matter, please do let me know. Also if you dig these golden rule video tutorials, then also let me know and I will make more of them in the future on this channel.
If you found todays layout design video enjoyable or useful, let me know in the comments section and drop a like on your way out. Subscribe to stay updated to all of my uploads and until next time, design your future today, peace
🔥 Take Your Logo Design Process To New Heights here: logodesignprocess.com/
or on Gumroad here: satorigraphics.gumroad.com/l/logoguide
The following links are affiliate links that I personally use on a daily basis 👍
🔴 The tool I use to organise my design projects: milanote.com/satorigraphics
🔴 Best Logo design extension for Illustrator gumroad.com/a/912110707/igBb
🔴 Over 55million design resources: 1.envato.market/c/1360642/115...
📢 📢📢 SUBSCRIBE TO MY CHANNEL
➤➤ / @satorigraphics
.........................................................................................................
Lets’ connect on LInkedIn! / thomas-cargill-4002a8188
Join Me On Twitter!
/ satorigraphic2k
Here's My Instagram!
satori_grap...
7 FREE SCRIPTS FOR ILLUSTRATOR:
• 7 FREE Illustrator Scr...
My LONGEST ever tutorial on an isometric design
• ISOMETRIC Illustrator ...
Create JAW-DROPPING design by using graphic design principles
• Make JAW DROPPING DESI...
**************** MUSIC ****************
JULIAN AVILA - Take Care / Pineapple Paradise /VIBE / BIMMER
Soundcloud: / julian_avila
CZcams: / @juliangavila
▶ Copyright
The work is protected by copyright. This is applied to the video recording of itself as well as all artistic aspects including special protection on the final outcome. Legal steps will have to be taken if copyright is breeched. Music is used from the CZcams audio library and thus copyright free music.
Resources Used:
www.freepik.com/free-photos-v... Business vector created by freepik - www.freepik.com
www.freepik.com/free-photos-v... Design vector created by freepik - www.freepik.com
www.freepik.com/free-photos-v... Business vector created by freepik - www.freepik.com
www.freepik.com/free-photos-v... Brochure vector created by new7ducks - www.freepik.com
www.freepik.com/free-photos-v... Brochure vector created by freepik - www.freepik.com
• 6 Golden Rules Of Layo...
Check out this video where I put the layout methods into practice, on existing famous designs: czcams.com/video/Tm25IxJQPWM/video.html
Graphic Designer: "Negative space"
Clients: "I'm about to end this whole man's career."
😅✌
xd
😂
too true
hahaha
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 😇
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.
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.
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.
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
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
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
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!
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.
client：“wanna see a colorful black and vibrant white！”
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
CRAP!!! I gotta watch this at least TEN TIMES!!! Totally badass accurate and clean video and communication. Satori perfect!!!
Thank you, i'm about to learn about layouting and then the video popped up. God bless you
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 great content! Awesome as always, Satori.
This is a golden tutorial video I couldn't ask for more.
This is so great for a beginner I really love your tutorials very clear and make complete sense
Thanks for the kind comment Nicky :)
Sometimes i come to satori when im stuck or feeling impostor syndrome and he uplifts and lets me see my design better
You are becoming the best graphic design channel by far.
Great information Sir Tom for those who just need a friendly reminder. As always, have a great day.
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!
Great lesson! Clean and simple visuals were especially helpful.
This is my first time enjoying your CZcams 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.
man, really enjoy watching these videos. Thanks for sharing. Looking forward to watch the next videos
hey cheers Steve, much appreciated
You have a great channel with amazing tips. Thanks for doing these.
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?
Excellent tutorial, as always! Thank you!
Truly amazing tutorial ❤️ Especially the cool animations
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 ❤️
Thanks man. Didn't realize how much I needed this till I saw your video
Glad I could help
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
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.
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 :)
Nothing like going back to BASICS 👌. Great video man!
Great content! Thank you for sharing you knowledge! Peace!
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.
Should have thrown in hierarchy for people who stumble upon your channel and haven't seen ALL your other videos.
some times I don't leave a space in my designs, these rules are really important and useful, thanks :)
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.
Thank you for this! I'm a college student and just learning layouting, this precised presentation is of great help.
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'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.
You such have a great contents on your channel bro thanks a lot! Refreshing new ideas!
Wow! Im binge watching all of your videos! Great, informative ,REAL, timeless, graphic design principles. thanks
Hope you keep finding my videos worth while :)
i always be waiting for your next video.. all videos inspirated me to make good design.. thanks for it..
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.
My exams start next week, thank you for all the tips you’ve provided!
I always learning something new for me. Thank you.
@@SatoriGraphics
Go on sir
Thanks! I learned a lot.
I love the drop shadows on this design at 7:37
Beautiful. What a well thought out and designed tutorial.
Cheers buddy
Awesome ! well explained , without that layout dose not exist ..... good job
Thank you for sharing, very informative and helpful!
Such great content for new designers! Thanks :)
Glad you think so! Enjoy your day
Many many thanks Mr Satori!
Simply enlightening.
Excellent video, thank you for sharing!
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 :)
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.
Hell yhea! Every Time I watch a new video of satori i learn new stuff
Whitespace: took me a while to compare the examples. A very profound lesson!
Good stuff mate, cheers!
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.
Quality content as usual, much appreciated!
Thanks!
8:05
others : FUTURE
me : FTRUUE
Thank you very much! I learn something valuable in every presentation!
That's what I like to see :)
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 is really golden!
Awesome, thank you!
Thanks for the great tutorial!
Very good video! Thanks a lot for this very valuable information!
Helpful thank you!
All-time favorite response to describe her favorite color: clear.
Very nice! Thank You!
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!
Loved the content, Thanks
Bro! it's Amazing You solved my problem! Thanks!!!
Your content is best in graphic design....
thanx
A very informative video.
Thank You so much
I love your contents, it's very helpful brother
Love the theory stuff.
You are such a great teacher I got every thing perfectly
Thanks a lot for your kind words Pratiksha, and have a great day 👍
Thank you! Loved this video and the music :)
Thanks a lot Rachel 👍
First thing I learned in graphic design school.. always squint at your work..
It's a good technique for typography especially
You inspired me to start my own channel, thank you.
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.
this is awesome! you got yourself a new subscriber 👍
Thanks very much Steelsheen, hope you keep liking my content into the future
Super. Thanks. I will try to learn.
Thanks for this!
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
emphasis on foundations of design, really nice
thanks for the comment Sally
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?
Useful tips 😊
Excellent. Thanks
Great content! Thank you for sharing.
Glad you enjoyed it!
Thank you, self published these points are…on point! #loveyoutube
Cool One man!!💐
Its good to get back and watch your videos. p.s it was real helpful
Hehe xD thanks