Тёмный

🔸 Master ADVANCED Hierarchy In Under 7 Minutes! (Important) 

Satori Graphics
Подписаться 1,3 млн
Просмотров 129 тыс.
50% 1

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 RU-vid audio library and or sourced with permission from the author
• 🔸 Master ADVANCED Hier...
/ @thegaiacode1100

Опубликовано:

 

23 апр 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 88   
@SatoriGraphics
@SatoriGraphics Год назад
▶ Master the design principles with this playlist: ru-vid.com/group/PL-c9Rq56P4KkVJdnL3YVesRGP-MLkzgme 🔥 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
@OmololaOsunde-sl3kv
@OmololaOsunde-sl3kv 9 дней назад
This deserves some award. Thank you for quality content always.
@SatoriGraphics
@SatoriGraphics 8 дней назад
wow thanks :D
@KleverKitsune
@KleverKitsune Год назад
This is more valuable information than what I'm getting in my junior and senior year of college
@SatoriGraphics
@SatoriGraphics Год назад
Lol thanks for the comment
@eges72
@eges72 2 месяца назад
That's why my professor showed us to watch
@crazyleg2006
@crazyleg2006 Месяц назад
Your articulate design principle break downs are always The Bestest
@SatoriGraphics
@SatoriGraphics Месяц назад
Glad you think so bro, thanks
@crazyleg2006
@crazyleg2006 Месяц назад
@@SatoriGraphics your stuff really helps us learn. Thanks again
@samuelcordeiro2392
@samuelcordeiro2392 Год назад
Damn one of the few good videos on youtube about visual hierarchy. Good job!
@SatoriGraphics
@SatoriGraphics Год назад
I appreciate that buddy
@natasha4695
@natasha4695 Год назад
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.
@SatoriGraphics
@SatoriGraphics Год назад
lol I wouldn't say childrun :P But thanks for the comment and have a great day
@merinmariyathomas4197
@merinmariyathomas4197 Год назад
Love your videos!!! Thank you for sharing your skills with us❣
@SatoriGraphics
@SatoriGraphics Год назад
thanks and any time :)
@mind_raider3658
@mind_raider3658 Год назад
Hi Satori, thank you for the great and helpful video. The explaination in actual design really help me understand how to apply the principles.
@SatoriGraphics
@SatoriGraphics Год назад
great to hear, thanks :D
@tuliofernando7036
@tuliofernando7036 6 месяцев назад
🎯 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
@DentistGendy
@DentistGendy Год назад
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
@arthurgold5860
@arthurgold5860 Год назад
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🙌🙌👍👍
@SatoriGraphics
@SatoriGraphics Год назад
Hey thanks for the comment
@arthurgold5860
@arthurgold5860 Год назад
@@SatoriGraphics YES sENSEI
@SquishyF
@SquishyF 10 месяцев назад
EPIC! Thank you for the information and time taken for us.
@SatoriGraphics
@SatoriGraphics 10 месяцев назад
My pleasure!
@user-dk8vw4jq3v
@user-dk8vw4jq3v Месяц назад
THIS WAS AMAZING
@SatoriGraphics
@SatoriGraphics Месяц назад
thanks for the feedback :D
@p.burley4533
@p.burley4533 Год назад
This is the one every beginner should watch.
@SatoriGraphics
@SatoriGraphics Год назад
thanks for the comment
@heis_olajide
@heis_olajide Год назад
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
@mohamedbarquacha2703
@mohamedbarquacha2703 Год назад
Useful Technics thank you I really like ur content ❤
@SatoriGraphics
@SatoriGraphics Год назад
hey thanks man, have a great day 🏅
@pumoyai168
@pumoyai168 9 месяцев назад
Thanks so much Satori! Peace 😘
@SatoriGraphics
@SatoriGraphics 9 месяцев назад
no worries :P
@GaneshKumatole7
@GaneshKumatole7 Месяц назад
Great Thankyou!
@SatoriGraphics
@SatoriGraphics 29 дней назад
You're welcome!
@jovetbarcelo685
@jovetbarcelo685 Год назад
As always, a very helpful tips for an amateur like me.
@SatoriGraphics
@SatoriGraphics Год назад
happy to hear that
@andre-00018
@andre-00018 Год назад
Sir I love your Video Editing and the way you teach us💌
@SatoriGraphics
@SatoriGraphics Год назад
thanks and thanks again :)
@vasileiospanagopoulos
@vasileiospanagopoulos Год назад
Excellent video
@SatoriGraphics
@SatoriGraphics Год назад
thanks man 👍
@ephyreus
@ephyreus Год назад
Thanks ❤
@SatoriGraphics
@SatoriGraphics Год назад
no worries David
@danielndungo1946
@danielndungo1946 11 месяцев назад
Amazing explanation👌
@SatoriGraphics
@SatoriGraphics 11 месяцев назад
Thanks a lot 😊
@user-cz6uw5jg3q
@user-cz6uw5jg3q 3 месяца назад
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
@termetoranj508
@termetoranj508 5 месяцев назад
AMAZING!😍
@SatoriGraphics
@SatoriGraphics 5 месяцев назад
hey thanks :)
@cforcoding
@cforcoding Год назад
THANKS SIR
@SatoriGraphics
@SatoriGraphics Год назад
👍👍
@alaaajam5589
@alaaajam5589 Месяц назад
Awesome ♥
@SatoriGraphics
@SatoriGraphics Месяц назад
Glad you like it thanks :)
@claycat6647
@claycat6647 4 месяца назад
Really educating video
@SatoriGraphics
@SatoriGraphics 4 месяца назад
cheers for the comment
@IamShashi98
@IamShashi98 Год назад
Thanks satori🎉
@SatoriGraphics
@SatoriGraphics Год назад
thanks Bless
@AndikaKrisnat
@AndikaKrisnat Год назад
great content
@SatoriGraphics
@SatoriGraphics Год назад
cheers Andika
@stockleagacyofficial
@stockleagacyofficial 28 дней назад
Arrangements and Organization of visual elements
@user-pk9ts9eg9b
@user-pk9ts9eg9b 10 месяцев назад
what about LTR designs? i should use flipped Z?
@SatoriGraphics
@SatoriGraphics 10 месяцев назад
Yes, if the culture you are designing for reads from left to right, then flip it
@user-pk9ts9eg9b
@user-pk9ts9eg9b 10 месяцев назад
@@SatoriGraphics thank you
@washimakram8259
@washimakram8259 Год назад
How you produce this videos?
@lalitverma1720
@lalitverma1720 Год назад
Can this technique also be use in animation too ?
@SatoriGraphics
@SatoriGraphics Год назад
Sure, it applies to any visual design medium
@lalitverma1720
@lalitverma1720 Год назад
@@SatoriGraphics Thanks 😊 🙏
@shyamshobhasana
@shyamshobhasana Год назад
❤...!!!
@SatoriGraphics
@SatoriGraphics Год назад
:))
@sillst600
@sillst600 Год назад
Hi, is your Discord still a thing? The link in the description doesn't work
@SatoriGraphics
@SatoriGraphics Год назад
It's been updated, here it is :) discord.gg/YAaEC7HsnD
@reilwaystation4372
@reilwaystation4372 10 месяцев назад
I laugh at the thumbnail my client wants all text to big af
@jimohgreat1241
@jimohgreat1241 9 месяцев назад
🎉
@walidzkx2280
@walidzkx2280 Год назад
لي جايين من معسكر التصميم يضغطو لايك 😅
@Hanan_SA
@Hanan_SA Год назад
عاشو الابطال 🫡
@deckerd9270
@deckerd9270 5 месяцев назад
His Satori i need to know What if I flip the F pattern horizentally is it bad
@SatoriGraphics
@SatoriGraphics 5 месяцев назад
No that would work for a lot of cultures that read from right to left
@deckerd9270
@deckerd9270 5 месяцев назад
@@SatoriGraphics thanks satori
@dhafarasya5866
@dhafarasya5866 9 месяцев назад
Artinya
@osasganteng9358
@osasganteng9358 9 месяцев назад
Memek
@h0mewrecker
@h0mewrecker 8 месяцев назад
!important
@SatoriGraphics
@SatoriGraphics 8 месяцев назад
yes and yes 👍
@hsulliman
@hsulliman 7 месяцев назад
I have a completely different angle of hierarchy than you. But the way you explained it, I disagree with my angles.
@SatoriGraphics
@SatoriGraphics 7 месяцев назад
lol thanks for the comment
@tedbragg74
@tedbragg74 Год назад
None of our customers understand nor care about hierarchy. They want their stupid logo huge, and no white space. Can’t reason w them 😢
@SatoriGraphics
@SatoriGraphics Год назад
Depends on what kind of clients you have. Good clients listen to their designer, low quality low tier clients often don't
@Vnwhy
@Vnwhy Год назад
I also make a youtube channel about graphic design, but your video is so another level 😭 i feel tiny 🤏🏻🤧
@SatoriGraphics
@SatoriGraphics Год назад
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
@Vnwhy
@Vnwhy Год назад
@@SatoriGraphics Big thanks for the reply, you really kind :') hope you be more and more expand from now on 📈
Далее
Talking Tech and AI with Tim Cook!
16:33
Просмотров 188 тыс.
Each found a feeling.#Short #Officer Rabbit #angel
00:17
Working with a grid for poster design
8:32
Просмотров 14 тыс.
Understanding Hierarchy in Design
9:31
Просмотров 67 тыс.
5 laws of design layout & composition *golden rules*
7:01
10+ Genius Design Hacks in 10 Minutes 💥
9:29
Просмотров 283 тыс.
4 Smart Ways To INSTANTLY Improve Your Designs
8:22
Просмотров 238 тыс.
60-30-10 Color Rule
6:18
Просмотров 1,8 млн