▶ Master the design principles with this playlist: ua-cam.com/play/PL-c9Rq56P4KkVJdnL3YVesRGP-MLkzgme.html 🔥 Take Your Logo Design Process To New Heights here: logodesignprocess.com/ or on Gumroad here: satorigraphics.gumroad.com/l/logoguide 😎 Over 55 MILLION Design Resources: 1.envato.market/c/1360642/298927/4662
This is fire, esp. for someone whos come out of the painter world and is trying to re-program to understand design techniques. In painting, there is often talk about the 'S' curve, also when it comes to guiding the eye. But a Z and an F are way more concrete and workable. Thank you for educating the childrun.
🎯 Key Takeaways for quick navigation: 00:00 🌐 *Understanding the Three Flow Rule for Hierarchy* - The importance of the three flow rule in establishing hierarchy. - Questions to ask about where the viewer's eyes will land, move to, and finish in a design. - Example of a design following the three flow rule with a play feed poster. 01:23 🔄 *Techniques for Establishing Hierarchy Patterns* - Explanation of two common hierarchy patterns: F and Z patterns. - Applying hierarchy templates based on viewer's natural viewing patterns. - Highlighting the flexibility of these patterns in design. 02:41 📏 *Using Size Effectively for Hierarchy* - Emphasizing the role of size in creating hierarchy. - Three levels of size hierarchy: Hook, Secondary Detail, and Finisher. - How to adapt size hierarchy based on the design's focal point. 04:09 🔄 *Creating Hierarchy within Grouped Objects* - A neat trick for creating hierarchy within groups of objects. - Demonstrating how the arrangement of objects affects hierarchy. - Acknowledging the specificity of this trick's application. 05:02 📝 *Typography and the Three-Level Rule* - Applying the three-level rule to typography for hierarchy. - Identifying the typographic hook, secondary detail, and finisher. - Recognizing the importance of considering hierarchy in CTA design. 05:53 🌌 *The Vital Role of White Space in Hierarchy* - Emphasizing the crucial role of white space in supporting hierarchy. - White space as the best friend of hierarchy in graphic design. - Understanding how proper use of white space enhances hierarchy. Made with HARPA AI
Once you said hierarchy can never live without ...... I said Contrast in my mind XD Does it right We need to Creat Contrast in font weight or shape size or color the create focal point and make a hook then take him in the little trip in the design of course with the help of white space And that make me think of all the principal of Graphic design being connected to eath other I'm still learning it's just 1 month and I'm so happy to find your channel Thank you
Satori Sensei you have help me save and grow my graphics design skills over the years so let me say thank you this time sensei... i appreciate your work masa🙌🙌👍👍
hi sir ! iam your very big f fan i learn graphic design for watch your video now iam slowly understand it its i happen your video watch i woud big thank you from my small heart sir i love your content
1. Visual hierarchy is a bit concept in theory 2. Background is also underestimated 3. Hook shouldn’t be forgotten, but at the same time there shouldn’t be many hooks
I reckin is not about the position of the information, it's about the size and contrast...if you pay attention is like layers where the second hierarchy is in a layer behind the first element....and this happen because the contrasts
You're the best Satori! It's the way you analyze and put together awesome stuffs. Do you in any way have like a full course for graphic design? If yes, please link me up on where to get it and if there isn't i'll be looking forward to one and more. Thanks :D
Good info here. However I have two critiques 1. The example in the thumbnail isn't in the video, which feels like a bait and switch 2. The editing of the video, with all the text effects, feels like a whole lot of pizazz and AI and not necessarily useful. Thanks for the hierarchy lesson!
Go and watch my content from 6-7 years ago lol.. It's terrible in quality. And actually in this video today my camera was unfocused 🙇 Keep going and try and make your content different from the saturated things already out there
▶ Master the design principles with this playlist: ua-cam.com/play/PL-c9Rq56P4KkVJdnL3YVesRGP-MLkzgme.html
🔥 Take Your Logo Design Process To New Heights here: logodesignprocess.com/
or on Gumroad here: satorigraphics.gumroad.com/l/logoguide
😎 Over 55 MILLION Design Resources: 1.envato.market/c/1360642/298927/4662
This is more valuable information than what I'm getting in my junior and senior year of college
Lol thanks for the comment
That's why my professor showed us to watch
This is fire, esp. for someone whos come out of the painter world and is trying to re-program to understand design techniques. In painting, there is often talk about the 'S' curve, also when it comes to guiding the eye. But a Z and an F are way more concrete and workable. Thank you for educating the childrun.
lol I wouldn't say childrun :P
But thanks for the comment and have a great day
Damn one of the few good videos on youtube about visual hierarchy. Good job!
I appreciate that buddy
🎯 Key Takeaways for quick navigation:
00:00 🌐 *Understanding the Three Flow Rule for Hierarchy*
- The importance of the three flow rule in establishing hierarchy.
- Questions to ask about where the viewer's eyes will land, move to, and finish in a design.
- Example of a design following the three flow rule with a play feed poster.
01:23 🔄 *Techniques for Establishing Hierarchy Patterns*
- Explanation of two common hierarchy patterns: F and Z patterns.
- Applying hierarchy templates based on viewer's natural viewing patterns.
- Highlighting the flexibility of these patterns in design.
02:41 📏 *Using Size Effectively for Hierarchy*
- Emphasizing the role of size in creating hierarchy.
- Three levels of size hierarchy: Hook, Secondary Detail, and Finisher.
- How to adapt size hierarchy based on the design's focal point.
04:09 🔄 *Creating Hierarchy within Grouped Objects*
- A neat trick for creating hierarchy within groups of objects.
- Demonstrating how the arrangement of objects affects hierarchy.
- Acknowledging the specificity of this trick's application.
05:02 📝 *Typography and the Three-Level Rule*
- Applying the three-level rule to typography for hierarchy.
- Identifying the typographic hook, secondary detail, and finisher.
- Recognizing the importance of considering hierarchy in CTA design.
05:53 🌌 *The Vital Role of White Space in Hierarchy*
- Emphasizing the crucial role of white space in supporting hierarchy.
- White space as the best friend of hierarchy in graphic design.
- Understanding how proper use of white space enhances hierarchy.
Made with HARPA AI
This deserves some award. Thank you for quality content always.
wow thanks :D
Once you said hierarchy can never live without ...... I said Contrast in my mind XD Does it right
We need to Creat Contrast in font weight or shape size or color the create focal point and make a hook then take him in the little trip in the design of course with the help of white space
And that make me think of all the principal of Graphic design being connected to eath other
I'm still learning it's just 1 month and I'm so happy to find your channel
Thank you
Your articulate design principle break downs are always The Bestest
Glad you think so bro, thanks
@@SatoriGraphics your stuff really helps us learn. Thanks again
Satori Sensei you have help me save and grow my graphics design skills over the years so let me say thank you this time sensei... i appreciate your work masa🙌🙌👍👍
Hey thanks for the comment
@@SatoriGraphics YES sENSEI
This is the one every beginner should watch.
thanks for the comment
Thanks, Satori, this is really helpful
Glad it was helpful!
Hi Satori, thank you for the great and helpful video. The explaination in actual design really help me understand how to apply the principles.
great to hear, thanks :D
hi sir ! iam your very big f fan i learn graphic design for watch your video now iam slowly understand it its i happen your video watch
i woud big thank you from my small heart sir i love your content
Thank you for QUALITY 🔥
1. Visual hierarchy is a bit concept in theory
2. Background is also underestimated
3. Hook shouldn’t be forgotten, but at the same time there shouldn’t be many hooks
I reckin is not about the position of the information, it's about the size and contrast...if you pay attention is like layers where the second hierarchy is in a layer behind the first element....and this happen because the contrasts
THIS WAS AMAZING
thanks for the feedback :D
Thanks so much Satori! Peace 😘
no worries :P
Love your videos!!! Thank you for sharing your skills with us❣
thanks and any time :)
Sir I love your Video Editing and the way you teach us💌
thanks and thanks again :)
Useful Technics thank you
I really like ur content ❤
hey thanks man, have a great day 🏅
As always, a very helpful tips for an amateur like me.
happy to hear that
Amazing explanation👌
Thanks a lot 😊
Great Thankyou!
You're welcome!
AMAZING!😍
hey thanks :)
EPIC! Thank you for the information and time taken for us.
My pleasure!
Really educating video
cheers for the comment
Excellent video
thanks man 👍
Awesome ♥
Glad you like it thanks :)
Thanks ❤
no worries David
what about LTR designs? i should use flipped Z?
Yes, if the culture you are designing for reads from left to right, then flip it
@@SatoriGraphics thank you
tbh in the poster in the first part of the video, the parrot catched my eye first then the title then the text 😂
the theory failed 😬
You're the best Satori! It's the way you analyze and put together awesome stuffs.
Do you in any way have like a full course for graphic design?
If yes, please link me up on where to get it and if there isn't i'll be looking forward to one and more.
Thanks :D
Thanks satori🎉
thanks Bless
THANKS SIR
👍👍
Arrangements and Organization of visual elements
great content
cheers Andika
لي جايين من معسكر التصميم يضغطو لايك 😅
عاشو الابطال 🫡
Hi, is your Discord still a thing? The link in the description doesn't work
It's been updated, here it is :)
discord.gg/YAaEC7HsnD
I laugh at the thumbnail my client wants all text to big af
Good info here. However I have two critiques
1. The example in the thumbnail isn't in the video, which feels like a bait and switch
2. The editing of the video, with all the text effects, feels like a whole lot of pizazz and AI and not necessarily useful.
Thanks for the hierarchy lesson!
Can this technique also be use in animation too ?
Sure, it applies to any visual design medium
@@SatoriGraphics Thanks 😊 🙏
How you produce this videos?
!important
yes and yes 👍
His Satori i need to know What if I flip the F pattern horizentally is it bad
No that would work for a lot of cultures that read from right to left
@@SatoriGraphics thanks satori
🎉
Artinya
Memek
I have a completely different angle of hierarchy than you. But the way you explained it, I disagree with my angles.
lol thanks for the comment
❤...!!!
:))
None of our customers understand nor care about hierarchy. They want their stupid logo huge, and no white space. Can’t reason w them 😢
Depends on what kind of clients you have. Good clients listen to their designer, low quality low tier clients often don't
I also make a youtube channel about graphic design, but your video is so another level 😭 i feel tiny 🤏🏻🤧
Go and watch my content from 6-7 years ago lol.. It's terrible in quality. And actually in this video today my camera was unfocused 🙇
Keep going and try and make your content different from the saturated things already out there
@@SatoriGraphics Big thanks for the reply, you really kind :') hope you be more and more expand from now on 📈