PERFECT LAYOUT DESIGN Step by Step *With Examples*
ฝัง
- เผยแพร่เมื่อ 18 มิ.ย. 2024
- Layout design can be tricky to many designers, but today I will be showing you a step-by-step process for creating the perfect layout on your designs, each and every time. Also we will make great use of the Visual Attention Software (VAS) by 3M, as a means to make sure we are grabbing the attention of the viewer, and directing their gaze around our design efficiently.
You can learn more about VAS by visiting vas.3m.com and sign up for a free trial. You can also use promo code “Thomas” for five extra free trial credits when you sign up.
When embarking on a new design project, you will want to consider the layout as one of the most important aspects of the entire process, from start to finish. In the video we walk through that process starting with grids, and then heading onto aspects such as hierarchy, alignment, negative space and so on. The grid is one of the most helpful methods of getting all of this correct, and it can be considered much like the backbone of your layout, or the foundation of a successful graphic design. Layout design cannot and should not be ignored or underestimated.
If you found today’s video on layout design 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.
@3M #sponsored
********************************************************************
🟠 The following links are affiliate links that I personally use on a daily basis 👍
Over 55 MILLION Design Resources: 1.envato.market/c/1360642/115...
For top quality vectors and more, check out Vecteezy! vecteezycom.sjv.io/P0AA16
The tool I use to organise my design projects: milanote.com/satorigraphics
Best Logo design extension for Illustrator gumroad.com/a/912110707/igBb
🔴 🔴 SUBSCRIBE To My Backup Channel (in case this channel becomes compromised): / @satorigraphics2.0back...
********************************************************************
▶ 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 TH-cam audio library and or sourced with permission from the author
www.freepik.com/psd/mockup Mockup psd created by freepik - www.freepik.com
www.freepik.com/psd/mockup Mockup psd created by freepik - www.freepik.com
www.freepik.com/vectors/backg... Background vector created by vectorpocket - www.freepik.com
www.freepik.com/vectors/business Business vector created by pikisuperstar - www.freepik.com
www.freepik.com/vectors/poster Poster vector created by visnezh - www.freepik.com
www.freepik.com/vectors/poster Poster vector created by pikisuperstar - www.freepik.com
www.freepik.com/vectors/business Business vector created by pikisuperstar - www.freepik.com
www.freepik.com/vectors/busin... Business card vector created by m.salama - www.freepik.com
www.freepik.com/vectors/summer Summer vector created by freepik - www.freepik.com
FTC: This video is sponsored by 3M
• PERFECT LAYOUT DESIGN ...
![[TH] VCT Pacific Stage 2 - Week 1 Day 2 // GEN vs T1 | PRX vs TLN](http://i.ytimg.com/vi/ZkFjjJNwzH0/mqdefault.jpg)
😎 Try probably the BEST guide to colour in graphic design: logodesignprocess.com/marketing-colour-guide/
Here's an ULTIMATE guide to layout design: th-cam.com/video/yUvGHNzqG7M/w-d-xo.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
Great videos... by the way
whats the point of liking you own comment ?
need more design principle videos. thanks
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.
#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...
Definitely need more contents about layout and visual hierarchy. Thanks.
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!
wow that's really cool to hear. Thanks for this man :)
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.👍
Thank you so much, this topic really helps me to explain and review my client current brochure. 😊
Bro sure.
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.
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.
Thank you Satori. So much appreciation. You speak gold in such a humble way!
no probs, thanks for the comment
I love the animations in your videos! It makes me more intrigued to learn Graphic Design as a beginner. Keep it up!
Happy to hear that and thanks
Always you'll get a new content to post, Thank you for this video 🤩
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!
That's great man, thanks for the feedback
I love the animation and how clear and concise this tutorial was, thank you so much for sharing!
Love these, I would love to print a quick reference cheatsheet of principles for my wall
Your tips are gold. Thank you!
Excellent insight. Thank you Satori!
Just what I needed. Thanks for the great content!
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😀
Thank you so much for making this video❤️ it helps me a lot with my Layout assignment ✨ liked and subscribed
This is a great video. Thanks for the information and excellent examples!
🤩🤩🤩💖💖💖 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!
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!
Fantastic! Every video a novelty
Thanks Satori for adding more values in graphic designers career.
This is really really amazing and very helpful thank uuuu.
thankyou so much .It helps me a lot..Hoping for more tutorial like this .
This is really insightful. Thank you
This also works for character sheets for ttrpgs!! thank you.
Iam learning more from your video to become good graphics designer for my future... Tq sir for your good learning video...
Verry educational and informative. Love your videos
your vids are such a relief and helpful way to kickstart new projects!
Glad you think so, that's awesome
That was insightful. Thank you
Love your clean/clear style of animation and explanation!
I do use golden ratio, is very neat, to make the eyes dance, I usually use it for illustration.
probably one of the best product placement ever lmao perfectly fits the video
Layout Design finally!! Nice!!
One of your best ones
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?
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
Nice info man, Thank you
really liked the video! helped a lot!
I discovered your Chanel a few day ago . It’s awesome thank u 🙏
welcome Simone and thanks for the feedback!
thank you so much.
Thanks for the tutorial
No problem!
Very informative 👍🏻
Thank you
Thanks!! Big help...
Glad it helped!
thank you
Great Job ! That's so helpful as a beginner in graphic design. I Suscb Now now
VAS -Awesome
Thanks for this!
Hope it helps you out bro
this was awesome~!!!! :)))
This was a really beautiful video to watch 😍
Thanks :)
Wow ❤❤❤
What an amazing ad.
This is great. Thanks!
Glad you liked it!
Very nice.
Super. Thanks
Welcome
Great.👍
This video was very helpful.
Happy to hear that!
great content! do you have a video on how you created the gird?
Was waiting for your videos...
Every Monday Wednesday and Friday 😁
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?
I was confused by the golden ratio thing - doesn't the rule of thirds *come* from the golden ratio? Am I missing something?
Thanks
With the satori plus example you actually used golden ratio. The logo bottom line is on the golden ratio alignment
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
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 ❤️
Thanks for subbing!
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
Thanks a lot Satori
No worries :D
Very nice font. Which one is used for the "focal point" at 2:35?
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!
Excellent explained 7 min amazing experience
Glad you liked it
This man is awesome
Great that you think so :)
Favorite channel😍
Really happy to hear that!
I thought I latched onto this TH-cam 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 TH-cam thumbnails?
Need More Design Principles Videos, Bro.
More are coming for sure
I second this!
Great
#LearnMoreAtSatoriGraphics
😇🙏 Thank you so much man, for another tutorial 😁
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
Very Helpful For Newbie Designers
_ Minimalist Logo Designer
Thanks and keep going with your logo venture
@@SatoriGraphics 😍 Love you Sir Tom Cargill Satori. ( Satori Baba)
Literally, I want to find eye tracking tool for checking my design before. I get now😂
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!
Looks very much like "Avant Garde" but not exactly the same! :D
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.
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.
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?
Satori Graphics video notification? Note book? Check. Pen? Check. Illustrator? check. Alright, ready for Golden Wisdom
Pleasant voice...
Nice!
First comment bro, kudos!
@@SatoriGraphics +Thanks!
i'm not graphic designer, but this is helpful for me to layout better powerpoint presentation in my work
Happy to hear that bro
the thumbnail inspired by interactive design foundation 😁
every nice
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!
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
Hi, Mr Satori Do you host classes for these Adobe Designs. I just started working with Indesign but I follow up well on TH-cam with PS and Illustrator classes of yours. Kindly respond thank you.
Thank you very much Satori. please tell me blogger theme free websites ?
I try to keep my design as simple as possible (Dieter Rams style), the problem is that clients want as much content as possible.
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.
@@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.
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
@@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.
@@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.
Satori can u start a podcast on design?
Some many client ignore that, how to explain it ? Please ? Maybe a video on the right discour for client ? 😊
yessir
:)
Any books you suggest to learn fundamentals of UI/UX ?? Please reply 💛✌
+1
Try this one for fresh start "The Design of Everyday Things" by Donald A. Norman
First like then watch :D
Not according to TH-cam :p
@@SatoriGraphics hahaha software can make mistakes from time to time :D
💖
First to view and comment. Lovely
And also like
@@damilarebamishile193 No way.......
TH-cam analytics say that you weren't today unfortunately
👏👏👍