The ridiculous amount of pride I feel when I come up with the same solutions as you is embarrassing... I've been designing professionally for decades and I absolutely love this series. I love understanding the logic behind what has always felt like intuition.
Clients be like: "Yeah, that design rules are really cool, but i have a better idea! Also, i have some more text to fill that free space." Anyway, love your stuff!
In design school you don’t pay for the knowledge. You pay for the critique. I learned how to do certain things in photoshop illustrator and Adobe xd from TH-cam, the internet, my peers and my own exploration and bring those skills to the classroom where my professor critiques us and helps us make decisions.
@@kevinosczepinski2721 I completely agree with you! Most of those thinks were concepts that I already know and also this video helped me to realize that now I can analyze better the designs. School is really helpful in many different ways, but isn't for everyone. 💕
I’ve been a graphic designer for 14 years. It’s so delightful to hear you put in words why we make the choices we make in the design process. I have a hard time doing that.
I'm a graphic designer with 20 years of experience. Why i haven't come across your channel is beyond me. Everything here is really helpful no matter how many experience i have. Thank you. Subscribed
Tom is seriously one of the best tutors you could have, for any self-taught person his videos are a gold mine, make sure you follow him on social media, great stuff on there as well.
2:43 its funny that you would say it isn't corporate because that wonky illustration style has been recently overdone specifically by larger corporations looking for a friendly and 'fresh' face.
Well, I think he is saying the style itself wouldn't be described as corporate. However, I think he realizes many structured well-known corporations have been using it, because the illustration was for a finance company.
I thought the same. The illustration style is structured to appear friendlier and easier to interact with, in my opinion, and I dislike the style personally, as it has become overused and cliche.
@@SatoriGraphics Well, as you said in the video design is subjective and depends on designers choice but I think for that design making the colour Gold is to show the value of the coin/money in general and to make it stands out a bit more and a bit more contrasty. I would also try a mixture of dark grey and matte gold colour to make it a bit more unique. but again it's all comes to the mind behind the designers. I'm still learning :))
I would make 'Finance' in gold colour too. That way the text stand out more, and also creates a link in colour, besides the link it already has subject-wise
Yup, golden coin for contrast, and "finance" in gold too, so that the eye connects the 2. This way the flow would be: Face (faces have almost the highest visual hierarchy in our brains) --(eyes looking)--> coin --(color)--> FINANCE
Really interesting stuff! I liked how you explained your reasoning. For the second design, I would've left aligned the text as a lot of the weight is already on the right due to the illustration of the girl. Additionally, I would've picked a font with more roundness to it to match the illustration style. Also there's a lot of blue and purple, I would change the coin and finance text to gold as it complements the purple and is often associated with money and it would make those elements pop out more.
Thank you. An excellent episode. Your quality of content and presentation has been continuously maturing and getting consistently better as you have gone on. Congratulations, Sir.
As a graphic designer we need to be able to convey our ideas to the clients clear land with rational. Something I struggled initially. But, with all these tutorials and videos in youtube and other online platforms it’s really helped me to convince clients, why and how it should be. Thanks for your content.
4:44 I would also add that the image is structured into rectangular spaces and therefore the round call to action icons create a contrast in shape and therefore stand out more than rectangular buttons.
Surprising to knoe that almost every kind of design uses some fundamental principles and they are all similar. These principles are what I learnt in architecture when I was in first year and soon I learnt that they are relevant for every branch of designing. 😊
I feel like a good point with the Square vs. Round call to action icons, is that the important thing is to consider the choice you're making and why you're making it. You could make them circles to have repetition, or you could make them squares for contrast, but the important thing is to be intentional and know why you did what you did.
Absolutely love this video. Gives us the opportunity to apply what we know. It rolls through easily and makes us value the knowledge you've already given us. Genius.
I’m a fairly new graphic designer and I was able to catch those small tweaks and solutions before you said them. I felt super proud when you got to design #3 because I immediately said that I would change it to circles and that’s what you did 😁
These are really helpful. I am glad you touched on the topic of choices that adhere to one graphic design principle while going against another. That’s always been a struggle for me.
I love your videos. I've been a designer for a looooong time (20+ years). I really enjoy when I agree with you, and also when I disagree with you, because it all makes me think.
As a common people without any academic-based design background, it is mindblowing for me just to see that simple adjustment like rotating some objects or moving it somewhere else can cause a great impact to the final result.
Healthy & Fresh... Although repetition is a massive factor you would've got that same effect with the rectangle border, the green rectangle backdrop and the subheading. The reason the circles work a lot better is because they give off more of a friendly and bubbly vibe that you want people to feel while looking at this which will incline them to look further into it. :)
Hope the clients who looking for me to do design had watched these videos. They jus like to fill every empty spaces with everything. Talk bout design principles to them are literally get into argument. This is GOOD VIDEO!
The fact I learned more from this youtube channel than my 4 years of college taught by professors that only wanted to teach design by their personal artistic taste says a lot. Perhaps that's why professionals tend to be successful freelancers why amateurs go on becoming teachers.
Thank you! It was really helpful... I love that you are giving a bunch of the examples and that we can think about what we would change. I'm new in this and it is really hard for me to learn theory about graphic desing principles, but now I can apply something that I was learning about on something concrete
i am freelance digital artist but recently i've been hired to make flyer, poster, graphic design stuff for company. this really help me a lot. done subscribe! this is very valuable info that shouldn't be free. thank u for sharing!
I went to school and graduated top of my class, got my masters and run a multi-million dollar company and I never knew how complex and brain teasing such a master at the arts you are! wow changed my life now I can get even richer! thanks this paid for my next lambo with this intel
subbed when I HAV NOTHING TO DO WITH DESIGN XD ur video and narration is just so nice and yes of course the before and after graphic desgins u show so yessssss
I was one of the people thinking on the cucumber example: " Yeah but unity makes the buttons less contrasted and prominent" then you called me out and your rationale makes good sense. Great vids!
Thanks for these series of videos. That's something that I've been looking. I haven't even found something like this in Skillshare and I am a pay subscriber.
I've been working in DM for more than 7 years and I found this video very insightful, and have shared it with my team as well. Looking forward to watching the other videos. Thank you for your effort :)
3:30 The font fits lovely. But imho the balance of the letters should be improved. I made a screenshot and modelled it for testing in indd: The original is made like this: EASY no spacing, kerning: metric - to narrow - «E» nearer to «A» than «A» to «S»; see the gap between «S» and «Y» | FINANCE spacing +50em, kerning: metric. Lack of distance between «F» and «I», the «C» puches a hole | SUBLINE spacing +110em kerning: metric. \\\ My suggestion: to give the whole more eveness change the kerning to optical and the headline in both lines a spacing of +50em; the subline to +100em; it looks much better. \\\ For perfection change the «S» in EASY to +30em. Modification in FINANCE: FI:+70em and NC:+30em. Modification Subline: reduce the spacing of «SAV», «MO» and «EA» each to +50em and increase the fontsize a little. The size ratio is about Headline:subline 3:1. The word space should be set on ±0em, between MONEY and EASILY you can reduce it by -50em because the MONE-«Y» let the word space look to big.
6:50 it's jarring to see the "asymmetrical balance" aligned with the top of the text "Online" lined up with the top of the iconic images on the left instead of having the separator line aligned with the one from the images. If they are not going to line up I would consider omitting that separator line entirely. But if I was going to align with the images that'd be the obvious anchor as it is far more visually dominant than the top of the images & the top of the text. The line in the images" I am referring to is the table, which acts like a separator line.
I was so convinced you would pick the lowercase font for the finance one xD Nice video, my fav was the first poster, amazing change. PD: Was I the only one who thought the webinar was actually kinda balanced in the beginning? If you divided the page in the middle, both sides have similar weight. Perhaps I would just have aligned it a little more.
Check out this video to see the difference when using mockups as an Amateur and a PRO: th-cam.com/video/Ecz8wKEFFv0/w-d-xo.html
🔥
I really enjoy this, as I'm trying to go from amateur to pro. Constantly fighting self-doubt :( but this video reassures me! thank you!!
I really love this video series, but this video in particular was awesome. Thank you!
Thank you!
The ridiculous amount of pride I feel when I come up with the same solutions as you is embarrassing... I've been designing professionally for decades and I absolutely love this series. I love understanding the logic behind what has always felt like intuition.
Haha good going 👏:)
@@SatoriGraphics why embarrassing? what.
Intuition + knowledge.. = Success.
Clients be like: "Yeah, that design rules are really cool, but i have a better idea! Also, i have some more text to fill that free space."
Anyway, love your stuff!
Haha that often is the case
Haha
@@mdabullais2114 This is a solid foundation for real world practises however
@@RICB3AU true
hahaha, that's true.
Oh god people are paying a lot for this lessons in the biggest design schools, thank you so much 🌸
Well I'm happy to give it away for free on TH-cam, I know it will help many people and I myself would have loved to know this stuff 15 years ago ✌
The question and answer part is helpful too! (I answered San Serif right away with the given font types)
In design school you don’t pay for the knowledge. You pay for the critique. I learned how to do certain things in photoshop illustrator and Adobe xd from TH-cam, the internet, my peers and my own exploration and bring those skills to the classroom where my professor critiques us and helps us make decisions.
@@kevinosczepinski2721 awesome. Best of luck 😊
@@kevinosczepinski2721 I completely agree with you! Most of those thinks were concepts that I already know and also this video helped me to realize that now I can analyze better the designs. School is really helpful in many different ways, but isn't for everyone. 💕
I’ve been a graphic designer for 14 years. It’s so delightful to hear you put in words why we make the choices we make in the design process. I have a hard time doing that.
I'm a graphic designer with 20 years of experience. Why i haven't come across your channel is beyond me. Everything here is really helpful no matter how many experience i have. Thank you. Subscribed
I'd love a video about files, resolution, sizing, more of the technical side of graphic design.
Tom, your content is much more salient than my courses in University. Thank you so much for your efforts. xo
Tom is seriously one of the best tutors you could have, for any self-taught person his videos are a gold mine, make sure you follow him on social media, great stuff on there as well.
It's always really nice to read comments like this, thanks for posting!
I completely agree..
2:43 its funny that you would say it isn't corporate because that wonky illustration style has been recently overdone specifically by larger corporations looking for a friendly and 'fresh' face.
Well, I think he is saying the style itself wouldn't be described as corporate. However, I think he realizes many structured well-known corporations have been using it, because the illustration was for a finance company.
This is why you don't listen blindly on everything you see on TH-cam. Also he did not really say that this is all wrong 😅
I thought the same. The illustration style is structured to appear friendlier and easier to interact with, in my opinion, and I dislike the style personally, as it has become overused and cliche.
Doublethink
@@justafrenchkidtryingtospea9462 Listen blindly 😄
3:30 TBH I would change the coin colour to gold to stand out a bit more since it's also the similar colour to the background.
why would you have chosen gold? But it's a fair point
@@SatoriGraphics Well, as you said in the video design is subjective and depends on designers choice but I think for that design making the colour Gold is to show the value of the coin/money in general and to make it stands out a bit more and a bit more contrasty. I would also try a mixture of dark grey and matte gold colour to make it a bit more unique. but again it's all comes to the mind behind the designers. I'm still learning :))
Yes coin should be gold, It would create great focal point and bring lot more context.
I would make 'Finance' in gold colour too. That way the text stand out more, and also creates a link in colour, besides the link it already has subject-wise
Yup, golden coin for contrast, and "finance" in gold too, so that the eye connects the 2.
This way the flow would be: Face (faces have almost the highest visual hierarchy in our brains) --(eyes looking)--> coin --(color)--> FINANCE
Really interesting stuff! I liked how you explained your reasoning. For the second design, I would've left aligned the text as a lot of the weight is already on the right due to the illustration of the girl. Additionally, I would've picked a font with more roundness to it to match the illustration style. Also there's a lot of blue and purple, I would change the coin and finance text to gold as it complements the purple and is often associated with money and it would make those elements pop out more.
Thank you.
An excellent episode.
Your quality of content and presentation has been continuously maturing and getting consistently better as you have gone on.
Congratulations, Sir.
really, thanks for the feedback :)
Clients: HAHA design principles go BOOM
Clients go byebye 😅
You might just have a great business name there
Can you see it ?
@@stevecooper3010 HAHABOOM?
Loved it, I paid a lot in my design school for these lessons.
thanks for the feedback!
As a graphic designer we need to be able to convey our ideas to the clients clear land with rational. Something I struggled initially. But, with all these tutorials and videos in youtube and other online platforms it’s really helped me to convince clients, why and how it should be. Thanks for your content.
These are super helpful. Please continue!
Thanks, will do!
4:44 I would also add that the image is structured into rectangular spaces and therefore the round call to action icons create a contrast in shape and therefore stand out more than rectangular buttons.
Designer: Pixel perfect
Programmer: image width="100%"
Surprising to knoe that almost every kind of design uses some fundamental principles and they are all similar.
These principles are what I learnt in architecture when I was in first year and soon I learnt that they are relevant for every branch of designing. 😊
I can't believe I went to college to learn what Satori is giving out for free!!! You deserve a Bells Satori. Thanks.
#WeLoveSatoriGraphics
Really appreciate the feedback Celeste, thanks a lot and enjoy your day
This is the best type of content for someone who knows how to design but isn't creative enough and indecisive. Thank you for this type of video.
Glad it was helpful Ryan
I feel like a good point with the Square vs. Round call to action icons, is that the important thing is to consider the choice you're making and why you're making it. You could make them circles to have repetition, or you could make them squares for contrast, but the important thing is to be intentional and know why you did what you did.
Absolutely love this video. Gives us the opportunity to apply what we know. It rolls through easily and makes us value the knowledge you've already given us. Genius.
This channel is so helpful at distinguishing between design that’s “good” and design that’s “great”
“it would be a great business without the clients”
Technically speaking, Rick and Morty is a great exmple of this
I’m a fairly new graphic designer and I was able to catch those small tweaks and solutions before you said them. I felt super proud when you got to design #3 because I immediately said that I would change it to circles and that’s what you did 😁
Glad that finally we have design BEFOREs and AFTERs!
There's a whole series on my channel homepage 👍
These are really helpful. I am glad you touched on the topic of choices that adhere to one graphic design principle while going against another. That’s always been a struggle for me.
I love your videos. I've been a designer for a looooong time (20+ years). I really enjoy when I agree with you, and also when I disagree with you, because it all makes me think.
Hey,
A graphic design student here, you are good at saying these in a very simple way. You say it in an interesting way. Keep it up.
I'd happily pay for this kind of content. Loved this video as well as the previous one. Make more of these!
I think I will make them once a week 👍
Seems very logical and functional
thanks for the feedback!
I'm struggling with layout projects rn as a student, your video inspired me as always!
hope it continues to help you Calvin man, thanks
These types of videos are really interesting.
Absolutely loving these.
Keep it up
More to come!
As a common people without any academic-based design background, it is mindblowing for me just to see that simple adjustment like rotating some objects or moving it somewhere else can cause a great impact to the final result.
It's pretty cool, small changes for big results 👍
These videos are so helpful and interesting as a photographer. Please make more like this!
More to come!
Am loving this all the time it just makes it easier to build confidence and expanding our scope of practice. Thank you
The most underrated design channel on TH-cam
Great video. Your ability to explain things in such simple yet understanding way is very unique and you should cherish that! Well done !
Wow, thank you for your post
Healthy & Fresh... Although repetition is a massive factor you would've got that same effect with the rectangle border, the green rectangle backdrop and the subheading. The reason the circles work a lot better is because they give off more of a friendly and bubbly vibe that you want people to feel while looking at this which will incline them to look further into it. :)
Your vids got really interesting lately, keep it up !
Appreciate that Putra, thanks :)
Hope the clients who looking for me to do design had watched these videos. They jus like to fill every empty spaces with everything. Talk bout design principles to them are literally get into argument. This is GOOD VIDEO!
Thank you so much! I've been looking for a free version everywhere. Thanks again!
You're welcome Annikka, all the best
Love these series. Hell I love all your series and content. Thanks for sharing this with us!
And more to surely come bro
I liked the fact that you ask the audience first,☺️☺️☺️ that was a nice detail. 💕
The fact I learned more from this youtube channel than my 4 years of college taught by professors that only wanted to teach design by their personal artistic taste says a lot.
Perhaps that's why professionals tend to be successful freelancers why amateurs go on becoming teachers.
Dang, that sucks about your professors :( not all are like that tho, there are some good ones out there :p
Thank you! It was really helpful... I love that you are giving a bunch of the examples and that we can think about what we would change. I'm new in this and it is really hard for me to learn theory about graphic desing principles, but now I can apply something that I was learning about on something concrete
Satori helping my ass since 2018 before I started college thanks for it
Lol :D
Sir, you are just extraordinary. It helps me to understand many things untold by others. Many thanks. Ram
awesomeness! Thanks for the comment
Learning something new from you in every video..thans Satori!
More to come soon Aryan
Wow learning more less than an hour is such a great thing..thank you sir
Glad to hear that :D
Thanks so much for your informative tutorials. They are enjoyable easy to understand
Glad you think so!
Thanks for the video man, I'm just starting out as a designer and it helped me a lot. ❤ Keep up the good work. 🔥
Glad I could help!
Love this type of videos feel like virtual workshop many things to learn
Happy to hear that man
For the first time I think youtube has suggested me the right video. Enjoyed it and loved it. Thanks👍
Glad you liked it Vishal
So good, yu totally transform the graphic to a whole new level
Congrats on 500k subs. I wish you more
thanks a lot man!
these videos are very very helpful, thank you so much, i personaly love the (before & after) part, keep up the awesome work man
I do some web design since 6 years, just for fun, or for some projects, your lessons are incredible !
Love you Satori ♥
cheers bro!
Loving this new series!!
I think I will make it a weekly occurrence :)
We need an entire series of Before & After good to better designs
there is a playlist 👀
i am freelance digital artist but recently i've been hired to make flyer, poster, graphic design stuff for company. this really help me a lot. done subscribe! this is very valuable info that shouldn't be free. thank u for sharing!
You’re the best graphic design channel on yt ❤️❤️
I really appreciate that Azzam, hope you keep watching and finding the future videos useful
More like this please. I'm really like this kind of design principal videos.
you can count on more coming to this channel yes
Thank's man! Your work its fantastic!
Great video! Smal changes, big differences.
Indeed!
Keep these coming! So useful
They will without a doubt 👍
wow dude, you are really good
examples are always the best way to learn, its great content
Hey, thanks!
here we goooooo!
and you're first, again lol
@Satori Graphics Ops! ... lol 😜
Yes! The game changing tutorial series continues due to popular demand! Thank you for being so responsive to your viewers!
Haha yes! It's going to be a regular thing around here 👍
Thank you for this video. I'm always trying to get better at design and I can used these experienced tips and tricks! Subscribed!
Hey thanks for the subscribe, more like this to come 💪
I went to school and graduated top of my class, got my masters and run a multi-million dollar company and I never knew how complex and brain teasing such a master at the arts you are! wow changed my life now I can get even richer! thanks this paid for my next lambo with this intel
1:11 it's quite interesting to watch the flow in the design. There's a tremendous difference between the first design and the second one.
subbed when I HAV NOTHING TO DO WITH DESIGN XD ur video and narration is just so nice and yes of course the before and after graphic desgins u show so yessssss
haha thanks for that Petals and welcome :)
Hope you have a great end to your week
I fucking love this mate. You are so good at explaining the different principles! Been designing for years, but learning so much from this still.
This was really good advice
Happy to hear that :))
another lesson from our teacher @Satori 😁😇🙏 thank you much!
More to come Ric
we need more video like this!
There's a whole playlist on my channel homepage 👍
Satori you're the best!!
thanks :)
awesome design thinking content , congrats for 500k subscribers. cheers
great video. love these kinds of videos of you. we can learn some principles of graphic design. thanks
Glad you enjoyed it!
@@SatoriGraphics thanks satori.
I was one of the people thinking on the cucumber example: " Yeah but unity makes the buttons less contrasted and prominent" then you called me out and your rationale makes good sense. Great vids!
This is very helpful! It gets it from abstract to concrete examples. Very good concept.
Very easy to understand and informative! Thanks Satori :)
go go goooo!!!!! loved it!!!!
Thanks Komal, have a great day 👍
As always, excellent content. Thank you!
I’m learning a lot from you! Thank you so much!
Happy to help!
Thanks for these series of videos. That's something that I've been looking. I haven't even found something like this in Skillshare and I am a pay subscriber.
The productions skills for this video tho, amazing
I thought the same thing the entire time lol
Yeah, the before and after are great examples. More!
I've been working in DM for more than 7 years and I found this video very insightful, and have shared it with my team as well. Looking forward to watching the other videos. Thank you for your effort :)
Great to hear that, thanks for the feedback :D
3:30 The font fits lovely. But imho the balance of the letters should be improved. I made a screenshot and modelled it for testing in indd:
The original is made like this: EASY no spacing, kerning: metric - to narrow - «E» nearer to «A» than «A» to «S»; see the gap between «S» and «Y» | FINANCE spacing +50em, kerning: metric. Lack of distance between «F» and «I», the «C» puches a hole | SUBLINE spacing +110em kerning: metric. \\\ My suggestion: to give the whole more eveness change the kerning to optical and the headline in both lines a spacing of +50em; the subline to +100em; it looks much better. \\\ For perfection change the «S» in EASY to +30em. Modification in FINANCE: FI:+70em and NC:+30em. Modification Subline: reduce the spacing of «SAV», «MO» and «EA» each to +50em and increase the fontsize a little. The size ratio is about Headline:subline 3:1. The word space should be set on ±0em, between MONEY and EASILY you can reduce it by -50em because the MONE-«Y» let the word space look to big.
6:50 it's jarring to see the "asymmetrical balance" aligned with the top of the text "Online" lined up with the top of the iconic images on the left instead of having the separator line aligned with the one from the images. If they are not going to line up I would consider omitting that separator line entirely. But if I was going to align with the images that'd be the obvious anchor as it is far more visually dominant than the top of the images & the top of the text. The line in the images" I am referring to is the table, which acts like a separator line.
I was so convinced you would pick the lowercase font for the finance one xD
Nice video, my fav was the first poster, amazing change.
PD: Was I the only one who thought the webinar was actually kinda balanced in the beginning? If you divided the page in the middle, both sides have similar weight. Perhaps I would just have aligned it a little more.
Good choice because that would work as well. Maybe like
Easy Finance
SAVE MONEY TODAY (smaller font but uppercase)
Great work man
This video is very usefull, thank you for your content! 👍🏻
Really thanks for the feedback Júlia
Love You, Satori.
I find this video very helpful. I really like the way you explain - it's easy to understand. Thank you for sharing this!