🔸 Master ADVANCED Hierarchy In Under 7 Minutes! (Important)
ฝัง
- เผยแพร่เมื่อ 23 เม.ย. 2023
- These are some of the most powerful techniques that designers can use when it comes to visual hierarchy, but also which many people forget or don't use properly.
As one of the fundamental graphic design principles, visual hierarchy is crucial for creating designs that are easy to understand and yet also visually appealing. By using hierarchy, you can guide the viewer's eye through your designs with ease, highlighting the most important elements and creating a clear visual path for the viewer to follow.
One of the most effective visual hierarchy techniques is to use size. By making elements stand out visually, you can create a clear hierarchy that guides the viewer's eye through the design. For example, using bold and large text for the headline and a smaller font for the body copy can create a clear contrast and emphasise the headline.
Another effective technique for creating visual hierarchy is to use colour. By using a consistent colour scheme throughout the design and emphasising certain elements with bold or bright colours, you can create a clear hierarchy that guides the viewer's eye.
In addition to these visual hierarchy techniques, layout and composition play an essential role in creating a clear hierarchy. By arranging elements in a way that guides the viewer's eye through the design, you can create a clear hierarchy and ensure that the most important elements are emphasised.
To use hierarchy effectively, it's essential to start by identifying the primary message or purpose of your design. We also make use of the '3 flow rule' alongside our hierarchy techniques.
Throughout the video, we will provide examples of how to use hierarchy in different types of designs, from posters and flyers to websites and social media graphics. We will also demonstrate how to use layout and composition to create a clear hierarchy and guide the viewer's eye through the design.
🔥 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/298...
▶️ Master the design principles with this playlist: • Learn Graphic Design P...
If you found todays video on the design principle of hierarchy 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 ✌️
Satori Graphics®
📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌
🔥 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/298...
🖥️ The tool I use to organise my design projects: milanote.com/satorigraphics
😊😊 HAPPIER ME Planner: happierme.life/
⤴️ Adobe Illustrator exstension that logo designers NEED gumroad.com/a/912110707/igBb
The above links are affiliate links, most of which I personally use on a daily basis 👍
📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌📌
⏯️ PLAYLISTS
✅ Here's a FULL series playlist of graphic design tips and hacks: • Graphic Design Hacks T...
✅ MOST Popular Satori Videos: • MOST Popular Satori Gr...
✅ 1,000’s of FREE Fonts: • MOST Popular Satori Gr...
✅ How To Become A Professional Logo Designer: • How To EASILY Design A...
✅ Adobe Illustrator Tips and Tricks: • Adobe Illustrator Tips...
********************************************************************
❤️ SUBSCRIBE To My Main Channel: / satorigraphics
🧡 SUBSCRIBE To My Backup Channel (in case this channel becomes compromised): / @satorigraphics2.0back...
🟣 Join the FREE Discord: / discord
🐦 Join Me On Twitter!
/ satorigraphic2k
📸 Here's My Instagram!
satori_grap...
********************************************************************
©️ Copyright
The work is protected by copyright, produced by Satori Graphics®
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
• 🔸 Master ADVANCED Hier...
/ @thegaiacode1100
▶ Master the design principles with this playlist: th-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
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
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
Damn one of the few good videos on youtube about visual hierarchy. Good job!
I appreciate that buddy
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
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
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
Love your videos!!! Thank you for sharing your skills with us❣
thanks and any time :)
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
EPIC! Thank you for the information and time taken for us.
My pleasure!
THIS WAS AMAZING
thanks for the feedback :D
This is the one every beginner should watch.
thanks for the comment
Thanks so much Satori! Peace 😘
no worries :P
Great Thankyou!
You're welcome!
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!😍
hey thanks :)
Sir I love your Video Editing and the way you teach us💌
thanks and thanks again :)
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
Awesome ♥
Glad you like it thanks :)
Excellent video
thanks man 👍
🎯 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
Really educating video
cheers for the comment
Amazing explanation👌
Thanks a lot 😊
I laugh at the thumbnail my client wants all text to big af
Thanks ❤
no worries David
THANKS SIR
👍👍
Thanks satori🎉
thanks Bless
great content
cheers Andika
How you produce this videos?
Arrangements and Organization of visual elements
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
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
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
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
Can this technique also be use in animation too ?
Sure, it applies to any visual design medium
@@SatoriGraphics Thanks 😊 🙏
❤...!!!
:))
Artinya
Memek
لي جايين من معسكر التصميم يضغطو لايك 😅
عاشو الابطال 🫡
🎉
!important
yes and yes 👍
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 📈