so welcome to today's before and after graphic design video and in this video we're going to
do something a tiny bit different where i'm going to show you the changes in real time as
i work in adobe illustrator it is going to be surprising about how quickly and how different
a design can look with some small changes and a little bit of graphic design knowledge so first
we have a thumbnail design here for one of my previous videos and i'm just going to quickly
start by bringing up my text box now this text here clearly lacks any kind of hierarchy any kind
of personality and it's just not effective at all and i want to differentiate between
this text here and this group of text here and i'm actually thinking about going in
three lines here like this and let's all go to uh uppercase settings for this one
a good font for this would be something like uh maybe oswald would be a good choice
i always use optical kerning and then we're going to let's bring this down to this line here like so
now this black is too powerful in my opinion so i'm just going to mute it a tiny bit
like so and then to cause some further hierarchy and interest let's put this into white
now that's already looking heaps better but we have to resolve this issue here and for this
i'm going to create a standalone box below as a kind of sub heading or tag line if you will
and this will be the same color as this text here
and let's go for more italic but this time let's use lron as the font of choice or typeface sorry
and of course we need to slant the box to match the italics
i actually think it's a tiny bit too bold so we're just going to
go for heavy italics here and put the kerning up a tiny bit
and then as you can see side by side this thumbnail obviously is a lot more effective it's
a lot more hard hitting and it's just a lot more visually appealing than the starting text here but
let's move on to the next design in today's video so what do you reckon is the main problem with
this design here what would you change and why doesn't it work in your opinion well i'm going to
say first off that i think everything is way too crowded here and the main issue is space mainly
the micro white space there's just not enough of it is too close together and if you zoom out
the designs look too cramped but also we can work on some of the typography
choices as well but let's get right into this first in my humble opinion by having a guide
right down the middle the design and that's just gonna help keep things nice and central so this
r this sans serif i think should be a serif just to keep with the regal kind of traditional style
so i'm going to go ahead and first create some more space
by minimizing and scaling down certain aspects of the design
so for this upper text here i want to go again with a sans serif oh no sorry i'm
going to go the serif font and i'm going to go for uppercase as well
as you can tell i've got my text aligned centrally because
this design is very symmetrical and things running down the middle is a good way to go
now for this i'm going to bring out one of my favorite typefaces and it's one of your
favorite as well i'm pretty sure that's han cf it's always a good choice for designs like this
it's really kind of retro but also very traditional it's one of those sans serif fonts
that works in a lot of different situations and then this motif here is going to be a bit smaller
and for the bottom i think i might just remove elron
it's still looking a bit crowded so i'm just going to finish up creating some nice space
for this design to breeze
so there you go as you can see just giving the design some room to breathe really does
make a big difference and also of course thinking about the message the style of the
design is very traditional it's very you know high class premium quality
so having this serif font here and also here it really does work well and i think having hanseaf
in this instance does help to communicate a very traditional and a very kind of retro style design
and actually i might just move this down a touch here and this is where you get really nitpicky and
just focus on small details for the next hour but let's move on to the next design here we've got a
typical landing page design that needs a lot of work and a lot of tlc from a design standpoint
and what would you do what would you change and how would you approach this design
and in future videos on this channel the before and after star content
i am going to look towards focusing on things such as the imagery and the artwork and not
just typography and layout because i know that's something important i know some people do want to
look at that so do let me know down below what do you want to see on this series so yeah firstly we
need to work on the hierarchy on this design that's the first thing that needs attention
and yes this was downloaded from freepix so we've got some nice placeholder text here which
we're just going to leave for now and for this title i'm thinking of going for something like
league spartan which is something we looked at in a font video earlier on my channel and if you
do want to grab some really cool free commercial use fonts i've got a whole playlist on font videos
again just having an optical arrangement and then decreasing
the kerning also the leading is a bit of a increase bit of an increase sorry
using a title case here as opposed to completely uppercase makes it more approachable by the viewer
because it's more friendly but yet it's still serious in nature and it's not completely friendly
and informal with or lowercase so that's the title or the heading should i say
but what can you notice about this block of text here well the issue is we have this
i'm sure you've heard of orphans and widows and this is not acceptable we need to change
the text arrangement to something like that where it's more approachable visually speaking
and then of course this this is the important clickable
so we do need a call to action button and it needs to stand out visually speaking
so with this section it is nice to have some micro white space here and here because if you
do something like this
this can look very cramped and that's not good for the viewer and how they engage with your design
so you always want to be thinking about that micro white space on your graphic designs
finally i'm going to readjust this happy guy here in his unicorn and if you've noticed
his arm is pointing up here and it would be nice to have the logo in this kind of area here
and so once again we have small changes that lead to a big difference in a graphic design
but like i said if you want to see specific things on this channel or even in this series
do let me know in the comment down below because i do read all of your
comments and try to answer as many as possible on a day-to-day basis
it is really hot here today and i think my mac is about to explode or take off into outer space
so i'm gonna end the video here and until next time guys design your future today peace
you