now a lot of you know what hierarchy is but do you want to learn how to properly use it
when to use it and some cool tips along the way so what do you say
should we get stuck into this powerhouse of a design principle hierarchy
now i'm not going to bore you with the definition of hierarchy because many of you have heard me
rant about it on this channel before yes i'm in love with hierarchy but for a good reason
hierarchy rocks but why is hierarchy important why is it such a fundamental part of graphic design
as you can see here we have a long paragraph of text each line uses the same font the same
color and the same style if we're reading this in say a magazine there is no clear importance to us
as the viewer the act of gathering information from it becomes more difficult and more tedious
however if we use hierarchy we can make the title larger bolder and a different
color and then the subheadings different to the body text now the design doesn't only
look more interesting and more appealing but the reader can interact with it a lot easier
when using hierarchy on your designs have you heard about the three level rule now it's an easy
rule to follow and it goes something like this the first level hierarchy is the most obvious and the
most important aspects of your designs you want to focus the most obvious hierarchy rules in this
first level so it could be a heading or a powerful statement or a powerful image on your design
the next level is the secondary level now this level is not as important as the main first one
but it's still more important than the main content of your design this could be things
like subheadings enlarged quotes illustrations and infographics or just separate large blocks of text
the third level is the main content of your design the third level shouldn't aim to stand out in
kind of any way really you want the reader to be drawn into your design by the first two levels
and then to become immersed in the body text or whatever elements you have in the third
level it's all well and good talking about these layers but let's see a real life existing design
that uses this method really well so this landing page on the apple website is a nice clean example
of what we're talking about let's first focus on the bottom section of this design here the image
of the iphone and also the word iphone are the first level of hierarchy on this design cleverly
the iphone is also even directing your eye to the text these are the largest and the brightest
aspects on this design in this area but the second level is the quotes lots of love less to spend
and then the third level is the paragraph below but in the upper section of the design we only
really have the second and third levels of hierarchy the blue by symbol and the apple
logo are the second level whereas the rest is just considered to be third level main content
hierarchy it is a good technique to divide your design up into different areas like this
as you can see on this brochure the design has split up the work into different sections and
each section has at least two or three levels of hierarchy headings and main imagery being
level 1 level 2 are subtitles and other graphics and then 3 being the body text and small details
so when you've figured out what aspects of your design should be level one two or three hierarchy
and also when you figure out how many areas you're going to use possibly by using grids
it's then time to choose what kind of hierarchy you want to use almost every design uses multiple
different versions of hierarchy all at once and here is your super duper hierarchy list
weight this is obviously the weight of the fonts you use important areas often using bold widths
size is a very common technique to use the more important something is the bigger it should be on
your design making a design asset an obviously different color from the rest of your design
or design elements makes it stand out more orientation you can arrange your text and your
assets in a certain way so maybe an isometric angle where the lower left goes up to the upper
right and then you can have something opposing the angle direction the next technique is one
that a lot of designers forget if you give an object a lot of white space on your design it
then has room to breathe and it becomes more obvious to the reader and that's more important
and then finally using a different style of font if your body text is serif then consider using a
sans serif for the heading and bingo you have some hierarchy so yeah maybe now you better understand
how to use hierarchy on your designs and you know exactly what it is if you want to learn more about
graphic design do click a video on screen and until next time guys design your future
darling just today your love helps me maintain lay up in this bed on saturday all i wanna do is