how well do you think you understand graphic design terms and also the techniques follow along
in today's video and test yourself to see how many of these 33 terms you fully understand so you can
then see where your knowledge might be lacking and what you need to work on with the way the
design industry is going learning how to create interactive designs is a no-brainer instead of
putting flat files in front of your team manager or client imagine being able to hand them a design
that looks so good it feels like a real website learn about framer later in today's video there's
going to be 33 questions and each question has a seven second timer they're going to start pretty
easy but they do get more difficult and on the screen is some typography but what kind of font
is it and i don't mean what fonts such as crimson or times new roman i mean what kind of font is it
so we're starting pretty easy and this is of course a serif font
if the first one was a serif font then what kind of font is seen on screen now
that is of course a sans serif font
okay but then what about this attractive font here which category does this fall into
it's probably easy for most of us because it's of course a slab serif
but what is this kind of typography are commonly referred to as
and this is an example of a script font made to look like handwritten calligraphy
and lastly in this first round of five possible points what is this kind of typography called
and this might stump a few people but this is an example of a monospace font
where each character occupies the same amount of space along the text so that was the first
five points so let's move on to round number two so what is this color mode commonly known as
it's the color mode that makes up the screen that you're viewing this video on right now
yep it's rgb and it's used for the web and screen devices
but if that was rgb then this of course must be
yep this is cmyk or cyan magenta yellow black
used for printing then what about this color mode right here
the right answer here is grayscale when changing a design in this way what are we adjusting exactly
something has been increased from left to right
here we are increasing the saturation
now if pointing to a pure color on the color wheel what do we call this thing
right here no i don't mean orange i mean what is each individual color known as
the answer here is hue if we then go ahead and add only gray to a hue what are we there making
we end up with a tone but if we want to take a hue and add only white to it
do you know the name of that resulting color
that is a tint and finally guys if we add only black to a hue what is the final result there
in that instance we finish with a shade and so at the end of round two you have
a score out of a possible 13 points but to kick off around three what sort of
balance is this right here think in terms of graphic design principles
and this of course is known as symmetrical balance
so if that was symmetrical balance then what is this here again thinking in terms of balance
yeah that is asymmetrical balance i know i know many people are probably screaming
about how easy this is but what do we call the use of pairing up serif fonts
with sanitary fonts or even using two opposing colors like yellow and black
that is the graphic design principle of contrast
so most of round three should be pretty easy as we talk about this a lot on my channel
but when making sure elements are flush and in line what principle are we using here
and yes this is of course alignment but if your design has the same style typography used
throughout or maybe the same kind of shapes depicted everywhere what is this known as
so yeah the right answer here is of course repetition
now what about this one of my favorite principles to use
this is known as hierarchy now again many people probably shouting this answer to themselves or
even maybe their cat but what about this on this design the arm is doing something specific
this is called flow where the viewer's eye is directed along a design somewhere else
and finally for round three what do we call the action of grouping design elements
together that are linked in some kind of way
this is known as proximity and so at the end of that round there is
a possible 21 points up for grabs but let's head into round four
when talking about large areas of empty space on design what is the name given to the empty space
so yeah this is macro white space and if that is called macro white space
what do we call the area of gaps between lines of text or closely packed together objects
see logically this is micro white space but what is the area within a design object that has
something cut out all the objects purposely leave specific kind of gaps in the middle
this is negative space and it's something that many people confuse with white space
so that's around four finished and we have a possible 24 points to play with
so what is the name of the action where you adjust the space between characters manually
this is something hugely important in logo design and it's called kerning but what about the space
between each line of text that we can adjust easily in our design programs what is that called
this is of course leading and finally for round five what is the automatic
increase or decrease of space between characters performed in design programs
this is tracking round 5 completes we now have 27 points in total so here is some typography
it's lron regular but if you were to download just lron regular what would you be downloading
you would of course downloaded a font however if you were to talk about lron regular light
bold and all of the other fonts in that family what are they collectively known as
that's a typeface and lastly in this round what is
the name given to these different versions of regular bold light etc
these are of course font weights round six over we now have a possible 30 points before heading
into the last round so when looking at a logo design what is this section referred to as here
so this is commonly known as the logo mark or the logo symbol
and if that's a logo mark on the logo symbol then what is this section of typography called
so yeah we typically refer to this as the logo type
and lastly for the 33rd point what is this here below the logo type
designers tend to call this the strap line or tagline or at a more crude level the slogan
i'm sure that some of you found this test very very easy but it would be interesting to hear
of your honest scores down below we all need to learn this stuff at some point in our careers
and i myself only picked up a couple of these in the last few years so the sponsor of today's video
is framer it's a no code free to use tool making it easy for anyone to get into interactive design
their mission is to help you get closer to real you can create your own smart components complete
with multiple states design clean layouts with easy to use layout tools and of course build
flows so realistic that your project feels like an actual website in just a couple of hours you can
have a new skill that helps you stand out from the crowd now sign up to framer for free at framer.com
that link is in the description box below but if you want to learn something else about graphic
design do click the video on screen and until next time guys design your future today peace
you