so in today's video i'm going to be making graphic designs better with some small
minor changes and we are going to be looking at nike fedex microsoft and ibm in today's video
it's really great being able to show how a design looks but it's even more impressive if they can
actually experience the design itself as well as understand how it feels and how it behaves
learn more about framer later in today's video so here is our first design which is a kind of an
old-school nike design a blast from the past so to speak in today's video i'm making the least amount
of changes possible just to show how effective they can be but what would you do to this design
and how would you change it to maybe solve a problem or just to make it more effective as a
graphic design now you might be thinking well the typography needs changing but how would you change
the typography and what style would you go with you might be thinking that oh tom's just gonna
slap on a sans-serif font well in this instance you'd be wrong in thinking that because i've gone
ahead and used a slab serif typeface instead of a sans serif so what is my logic here and how does
this actually work well we can see that the design is more traditional and it's more old school
and so the designer here has used a serif font now i've decided to keep things more traditional more
retro but i've gone with a slab serif as i think it does keep in with the older style but it's kind
of more trendy and more sporty especially with the italics going on here if we can notice the lines
of the model we have some movement moving across from left to right and that's backed up with the
nike logo right here so that's why i chose italics and not just a static straight up kind of typeface
for my design also we have some hierarchy in size and also thickness which i do think works well
and better than this here second up today we have fedex which is usually really great when it comes
to branding and just getting themselves out there in a graphic design way there are a few things
niggling at me when i look at this design and i'm sure many of you can see what they are as well
and if many people can see them and recognize them then that means there is a common problem that is
widely accepted by people who do view this design and before we go on i do understand that a lot
of the time when designers work on a branding project they'll be given a color scheme a set
of fonts to use and they cannot stray away from that i understand that and i've had that happen
to myself many times but for the purposes of this video just showing what works what does not work
i'm not going to limit myself to one specific font or whatever we're just demonstrating how
a design can look better and how it can be more efficient to the end user so the first problem
with this design was the orange text below the main line of text and this was very difficult to
read on a blue background yes it stands out but it's almost illegible because the colors are too
clashy it doesn't work well together it's almost you know it always hurts the eyes to look at and
so i did end up going with a more kind of darker color that i sampled from the mountains behind
and also the fonts that's used on the score it with was very very crude and i really didn't like
this font so i've gone with a more standard easier to read and more approachable sans-serif font
also lastly notice how there's movement going up this way and out if we have the text aligned
to the right the movement is kind of suggestive coming this way which i feel doesn't work and it's
one of those subtle changes but in the end i think it makes a big impact as you can see i've aligned
things to the left and we continue that movement that's starting here oh yeah and for those of you
have got really good eyes out there i missed out the the website down here by accident of course
and next up we have microsoft which again are usually fairly good when it comes to branding
but this design is in particular i have a few issues with some things to take note of are
that microsoft have usually been going with this square kind of layout on a lot of their branding
and also of course their logo but what would you change about this design and what doesn't work
when you're glancing at it as a graphic designer well i've made quite a few changes but for me
the main issue was that we have one two three four five six main text areas i understand the design
is broken up into these squares and sections when you're trying to extract information from
a design it's just too much i think the concept is great but i think it's been taken too far if that
makes sense so my design i have one section here with these typographic areas and then down here
i have this section that leads nicely onto this one here this would be classified as proximity
and just balancing things out also for some contrast and just making things more subtle
i've reduced the impactness of the one and also the hundred percent just to make things a little
more accessible and easier on the ice but yeah i just felt this one was very busy and just kind
of disjointed and i know that was the concept and the idea but i just think it's been taken too far
next up we have ibm and they really dropped the ball on this one i don't understand what happened
here and as you can see i can't see and you probably can't read either what's going on here
and you know it just looks wrong i don't know how a designer could end up making something like this
so of course the first thing i did was went ahead and enlarged the text and also this bit over here
one of the key and crucial aspects of designing anything is making sure the text
is legible so you can deliver the message and the information successfully i also wanted to
give this word smoother a well a smooth touch and blend into the background a little bit more
just so it does come across as being smoother even though it's not striking in contrast with color
it does make itself stand out from the rest of the text and it just adds more depth to a design
you might be thinking why not put the ibm and this slogan down in the bottom left
but if you do that you will realize the design quickly becomes unbalanced with too much weight
going on on the left and absolutely nothing on the right these lines also direct attention
outwards and so it needs to have something over here for these lines to make sense
if you want to get involved and if you want to try and do some before and after design work
there is a link down below of a designer you can work on and just send it to the email address down
below as well i will choose three designs to show in a later video probably later this month and so
i look forward to seeing what you guys can come up with so interactive prototyping is the best way to
communicate your app or your website's idea the sponsor of today's video framer is a no code free
to use tool making it easy for anyone to become a prototyper you can insert pre-built interactive
components in seconds sliders that actually slide and inputs that can be filled as well as buttons
that can actually be clicked or of course you can create your own complete with every state and
variation you need and that's all completely code free thanks to the new smart components release
sign up to framer today at framer.com forward slash
satori and that link is going to be down in the description box below and if you
want to see more content just click the video on screen until next time design your future today
peace bye