Typography Tutorial - 10 rules to help you rule type

  Рет қаралды 1,991,832

The Futur

The Futur

Күн бұрын

Пікірлер: 1 900
@amporu
@amporu 5 жыл бұрын
Final Rule: Abandon all rules as insisted by your client. #clientfromhell
@harrytsang1501
@harrytsang1501 5 жыл бұрын
No, Arial is not a valid option.
@alradiation5417
@alradiation5417 5 жыл бұрын
Lollll 😜😜
@rochendlywouters9113
@rochendlywouters9113 5 жыл бұрын
I feel this
@heruseptian61
@heruseptian61 5 жыл бұрын
true story.. lol
@markomarkovic2374
@markomarkovic2374 5 жыл бұрын
This comment just made my day
@thefutur
@thefutur 8 жыл бұрын
Did seeing this in motion help to explain this better than just reading it on a page?
@syed_3279
@syed_3279 8 жыл бұрын
Yes way better, mainly cause while reading I tend to get distracted by something else and move away and forget about it...but as a video it kept me engaged the whole time..
@thefutur
@thefutur 8 жыл бұрын
Great. I'll keep this in mind for the next one.
@brandonscott6497
@brandonscott6497 8 жыл бұрын
The Futur , the animations definitely help the comparisons of bad and good design stand out. This is exactly how I see the future of education.
@jpanda4835
@jpanda4835 8 жыл бұрын
It explained everything and also gave examples. If learning things in school is this much fun I wouldn't mind paying a hefty price
@JQS8810
@JQS8810 8 жыл бұрын
The animations are so fast that it can be almost impossible to read all the recommendations for each point.
@JordyC1993
@JordyC1993 3 жыл бұрын
One rule to remember when using text in motion graphics is: allow the reader to read the text on screen 1.5 times. This ensures they can read it all at least once.
@moecooper3037
@moecooper3037 Жыл бұрын
My brother in christ, you have just corrected every single one of my video text mistakes with this single nugget. God bless you and your future children.
@Maryam-g8n
@Maryam-g8n 4 ай бұрын
How so
@polobreak3249
@polobreak3249 4 жыл бұрын
1. Justify left 2. Use one font 3. Skip a weight for different fonts (use light/bold not reg/bold) 4. Double point size for different fonts 5. Align to one axis. Vertical: align to left. Horizontal: align to strongest horizontal element (Cap/baseline). 6. Pick any font listed 7. Group by using rules 8. Avoid putting fonts on edge/corners of page unless it deliberately cuts off the font 9. Don’t use forced full justify & avoid having a single last word sticking out at the bottom of a paragraph. Don’t separate words from a paragraph. 10. Be bold or italic never regular
@aditi9474
@aditi9474 Жыл бұрын
can you explain point 5. align to strongest horizontal element
@DaiyonHayati
@DaiyonHayati 7 ай бұрын
BEST COMENT EVER
@JamalJahnsenJahnsen
@JamalJahnsenJahnsen 7 ай бұрын
Best comment ever thk so much!!!!
@KaanPietz
@KaanPietz 7 ай бұрын
This comment is TOO CRACKED
@ManOfSpruce
@ManOfSpruce 7 ай бұрын
Higgins had a history of drug abuse that began at an early age, and he spoke openly about his experiences. His mother claimed that he was also dealing with anxiety and depression on top of his battle with drug addiction. Higgins had agreed to attend drug rehabilitation weeks prior to his death.
@tanmaykhelkar7936
@tanmaykhelkar7936 6 жыл бұрын
The only colours used are Black and White, still looks amazing 'cause *Typography matters*
@thefutur
@thefutur 6 жыл бұрын
you don't need fancy tricks or typefaces when you understand the fundamentals.
@wadewill5934
@wadewill5934 5 жыл бұрын
Technically black isn't a colour
@laddwoodland318
@laddwoodland318 5 жыл бұрын
Typography is not about pretty colors.
@hosseinsattarian
@hosseinsattarian 4 жыл бұрын
And Contrast.
@emilal
@emilal 3 жыл бұрын
@@wadewill5934 neither is white
@gallanthelda3867
@gallanthelda3867 5 жыл бұрын
11. Break rules in the right way.
@z0bi_
@z0bi_ 5 жыл бұрын
Break the rules if you know what effect it will have and if that effect is desired.
@rootx9608
@rootx9608 5 жыл бұрын
Here's the font list, you're welcome: Akzidenz Grotesque, Avenir, Avant Garde, Bell Gothic Bodoni Bembo, Caslon, Clarendon, Courier, Din Mittelschrift, Franklin Gothic, Frutiger, Futura, Garamond, Gill Sans, Gotham., Helvetica, Letter Gothic, Memphis, Meta. OCRB, Rockwell. Sabon, Trade Gothic, Trajan, Univers.
@KayaKosmos
@KayaKosmos 4 жыл бұрын
Why are specially these fonts recommended?
@suriya_619
@suriya_619 4 жыл бұрын
Roboto ???
@hoangtranviet2476
@hoangtranviet2476 4 жыл бұрын
what about montserrat? imo it's a very good font also
@jimbo-dev
@jimbo-dev 4 жыл бұрын
I’m guessing these fonts are easiest to make look good. I tested these on my mobile app design ant these fonts were bit more easy to read without tricks. For example Avenir looks really similar to Nunito Sans, but when quickly switching between them on small screen Avenir was bit easier to read. I’m guessing these fonts are either old or bit more finished ¯\_(ツ)_/¯
@MouradMokrane
@MouradMokrane 4 жыл бұрын
This is a rather conservative list though. There are quite a few more modern and very well balanced fonts that could be used as well. For example, we chose Fira Sans for printed and screen publications, and it is a delight to work with.
@asimonna1
@asimonna1 4 жыл бұрын
Watching this in 2020 and I think it's still one of the best videos on Typography on the internet. That's on TIMELESS content! I still can't believe The Futur still doesn't have 1M subs (993k as of Dec 2020).. very UNDERRATED! Keep it up, Chris and Co!!
@thefutur
@thefutur 4 жыл бұрын
Wow, thanks!
@righthererightnowproductio9525
@righthererightnowproductio9525 2 жыл бұрын
@@thefutur It is very, very, very good...Many of the rules are timeless...BUT an updated list of "approved fonts" minght be nice. A couple of those mentioned are a bit overused 6 years later...
@Kidwaizer
@Kidwaizer Жыл бұрын
Here in 13-09/2023 and can confirm this is timeless
@andywira
@andywira 8 жыл бұрын
This is gold. Information. Animation. Audio.
@thefutur
@thefutur 8 жыл бұрын
Andy Wirahadhi ty
@PacFilms
@PacFilms 8 жыл бұрын
I learnt more about typography in 3:34 than I learnt at university where I studied graphic design. Really enjoyed the animation and how you combined many different skills to get your message across.
@thefutur
@thefutur 8 жыл бұрын
that's great to hear.
@karaloca
@karaloca 6 жыл бұрын
Wow your course must have been pure shite then.
@zaungaestin
@zaungaestin 6 жыл бұрын
same here. my university sucks.
@kirschkäfer
@kirschkäfer 6 жыл бұрын
what kind of a shitty university have you been to? those are the basics of basics
@zxenon_
@zxenon_ 5 жыл бұрын
@@kirschkäfer 😂
@SuperManny1287
@SuperManny1287 7 жыл бұрын
This has to be the most spot on typography explanation ive seen. to be honest the animation made the me understand why what you said DOES make a difference in the design. p.s. ive heard about you only 2 months ago and Im eating up your content like there's no tomorrow. Thank you for sharing so much experience with us
@debbiekennedy8108
@debbiekennedy8108 8 жыл бұрын
I like the short tutorials packed with spot on information. Just last week, I had a client that wanted double spaces after punctuation and sentences. I explained that a single space should be used because a double space creates a large space and disrupts the flow and tone of the paragraph. Very similar to rivers of white space that happen with justified type. After I explained it she agreed to the single space. Chris, I'm really enjoying and learning a lot from the content you are sharing on KZbin. Thank You.
@thefutur
@thefutur 8 жыл бұрын
Debbie Kennedy thanks Debbie. Double spacing is a convention carried over from typewriters. They're monodpaced alphabet. Once we got digital typesetting fonts had different spacing options depending on individual characters. Double spacing is now considered a mistake in typesetting. Now you know.
@debbiekennedy8108
@debbiekennedy8108 8 жыл бұрын
Thanks
@AppleWatchCenter
@AppleWatchCenter 8 жыл бұрын
It helped being a short video and straight to the point, well done
@thefutur
@thefutur 8 жыл бұрын
Apple Watch Center thanks.
@DamienBDavis
@DamienBDavis Ай бұрын
Getting a lesson on how to give a lesson while getting a lesson. Next level learning. Magnificent melange of music, motion & marvelous type. Pure perfection. Elegant, effective learning. This is a case study in giving a beautiful balanced design lessons. It's like what an elite educational level apple teaching tool video. This feels from the future. Intentional, purposeful...just congrats on whoever put together. Bravo..
@thefutur
@thefutur Ай бұрын
Thank you 🙏
@MiScusi69
@MiScusi69 Жыл бұрын
I am in absolute love with: Main title in Baskerville Text and secondary titles in Bodoni
@mosesnandi
@mosesnandi 3 жыл бұрын
A short movie about Typography! Love it. Biggest part of design is getting Type right.
@alefalefalef1
@alefalefalef1 4 жыл бұрын
This was like a college education in 3 minutes.
@Jimmy.Paints
@Jimmy.Paints 2 жыл бұрын
WOW! This short video just made my simple flier design so much better! Almost 6 years later and this still holds up. Thanks!
@fredzimmerman4637
@fredzimmerman4637 3 жыл бұрын
I think you meant “Align Left” not “Justify Left” for rule 1. I teach graphic design to high school students & people often get these terms mixed up. Justified text is when the line of text is spaced across the whole column width-often creating large gaps between words in order to have clean straight line endings. “Justified Left Rag Right” would mean the text is spaced across the column as before but the last line of a paragraph-if too short to properly space across the column-would simply be aligned to the left rather than adding huge awkward spaces between the words.
@krutipathak817
@krutipathak817 2 жыл бұрын
Can we just take a moment and appreciate the motion graphics and sound effects? briliantly done.
@thefutur
@thefutur 2 жыл бұрын
Thank you. it was a lot of effort.
@nutritiongenius9593
@nutritiongenius9593 4 жыл бұрын
I’m not a professional designer, but I’m going to use all of these tips to redo my slides for my online course. Clearly, I was overthinking the typography when it’s actually simple. Thank you Chris!!
@razibulislam1418
@razibulislam1418 3 жыл бұрын
Which software use for making this types og video?? Please
@quazar-omega
@quazar-omega Жыл бұрын
​​@@razibulislam1418After Effects or Blender usually (and yes I _am_ reviving an old thread, fite me)
@AnantGulia
@AnantGulia 8 жыл бұрын
This is a real gem of knowledge. I'm a Front End Web Dev this kind of knowledge force me to or gives me capability to improve my personal projects more and more regarding the looks and feels of the project. Thanks again Chris and Team waiting for the other parts in this typography series.
@thefutur
@thefutur 8 жыл бұрын
I'm writing rule 11-20. Let's see how that goes.
@AnantGulia
@AnantGulia 8 жыл бұрын
I'm sure that will be awesome gonna wait patiently for that.
@thefutur
@thefutur 8 жыл бұрын
thanks.
@ruisequeira5520
@ruisequeira5520 7 жыл бұрын
Very helpful. However, the animation is too fast.. I didn't had time to read properly without stop the vídeo.
@thefutur
@thefutur 7 жыл бұрын
Rui Sequeira we have a PDF document you can download and read.
@dansmith1861
@dansmith1861 7 жыл бұрын
Is there a link to the PDF document, thanks?
@edsonrzk
@edsonrzk 5 жыл бұрын
I think that was the intent since people read at different speeds
@men_del12
@men_del12 5 жыл бұрын
Perhaps try to lput it aroun 0.5× Utube can make it slooooow
@Andmau2552
@Andmau2552 5 жыл бұрын
I don't like this argument. I think it's better to keep the video entretaining, and have the ones who really want to study to just pause it and take the time.
@jonathanvornbrock473
@jonathanvornbrock473 7 жыл бұрын
Do more videos like this please! Simple, straight to the point and easy to follow.
@thefutur
@thefutur 7 жыл бұрын
Download the Typography Manual FREE: www.thefutur.com/resources/typography-manual-vol-1/
@helmet212
@helmet212 7 жыл бұрын
Do you have a course on Font design?
@Caaattsang
@Caaattsang 5 жыл бұрын
With rule 9 - Orphans and widows are those definitions meant to be the other way around? I always thought orphans were single words at the end of a paragraph?
@phuthiendang7135
@phuthiendang7135 5 жыл бұрын
I feel like at 1:55, the word SHAPES kind of violate a rule for readability though?
@Bloq7
@Bloq7 5 жыл бұрын
Will the sale ever come back?
@maragam4480
@maragam4480 8 жыл бұрын
Thank you so much guys. I think you are the most instructive KZbin channel on web design. I love what you're doing.
@thefutur
@thefutur 8 жыл бұрын
Mara Gam thanks Mara. 2017 will be even better.
@lindaaristizabal6341
@lindaaristizabal6341 8 жыл бұрын
Love it! Can’t wait for part II. However, I understand animating it makes it more time consuming so I wouldn’t mind just a part II for the written version. Also, I find it awesome that you guys answer all the comments!
@thefutur
@thefutur 8 жыл бұрын
Linda Aristizabal yes. Of course. I do my best if the question is clear.
@NicoleGraphix
@NicoleGraphix 7 жыл бұрын
Not only has this been eye-opening, but beautifully directed. The animations were awesome!
@thefutur
@thefutur 7 жыл бұрын
thanks!
@yashwinning
@yashwinning 8 жыл бұрын
The animation on this was fucking insane! Great work on that. Recently started checking out videos on typography and the likes and your channel is definitely one of the best out there. However the texts were a bit too fast. You should either slow them down or do a voice over. While I enjoyed this video, in my opinion a voice over + some sick ass animation would be better. Kinda like Vox's videos(their typography makes me drool).
@thefutur
@thefutur 8 жыл бұрын
for the next one then.
@ShirleiBarnes
@ShirleiBarnes 2 жыл бұрын
I watch this over and over. Each time, it reminds me of a rule to work on. One step at the time. So grateful to have this tool for free. Thank you 😊
@The-Rain-Ninja
@The-Rain-Ninja 4 жыл бұрын
I am a designer for more than 20 years and I still find struggle in neat and organized layout. I feel all over the place. This was helpful to revisit some of my strategies. I need more rules to help build more design structure. I am self-taught and more of an illustrator than a layout designer, but I want to be good at this.
@joydeeprockz
@joydeeprockz 8 жыл бұрын
why haven't I found this channel before? I never went to any design school so your videos are like a gift for me. thanks. I really appreciate it.
@thefutur
@thefutur 8 жыл бұрын
and it's not even Christmas. Welcome!
@juliorodriguez9510
@juliorodriguez9510 8 жыл бұрын
Wow! Amazing video guys! Simple and straight to the point. The video does an exceptional job of explaining typography concepts textually and visually. I think anyone who wants to have a good broad view of how to understand, or explain, the good use of type should add this to their play list.
@thefutur
@thefutur 8 жыл бұрын
Julio A Rodriguez Diaz thanks for endorsement.
@T.E.P.
@T.E.P. 7 жыл бұрын
the sound effects in this incredible video are the real MVP great sound support
@thefutur
@thefutur 7 жыл бұрын
yes. adam sanborne is a rock star.
@T.E.P.
@T.E.P. 7 жыл бұрын
thank you Adam ... for replying very humble of you to lowercase your name
@T.E.P.
@T.E.P. 7 жыл бұрын
like the idea that Adam wrote that probably didin't big big fan of all that everybody brings to this may it continue and may all your best wishes come true in the new year for the Futur
@thefutur
@thefutur 7 жыл бұрын
Thor Eric I wrote it. It’s me chris.
@jpanda4835
@jpanda4835 8 жыл бұрын
This was really entertaining and at the same time very educational. Thanks
@thefutur
@thefutur 8 жыл бұрын
J Panda thanks.
@dairyofabot
@dairyofabot 3 жыл бұрын
This is the best video I've seen on UI UX it's so practical and every change has a meaning. Nice production
@MrJustin2105
@MrJustin2105 4 жыл бұрын
Can we take a minute to appreciate the animations in this video 😲
@thefutur
@thefutur 4 жыл бұрын
Yes
@mohamedsolimanH
@mohamedsolimanH 8 жыл бұрын
That was a short description of awesomeness, Thanks guys for putting such a hard work to help us for free. we really appreciate it.
@thefutur
@thefutur 8 жыл бұрын
mohamed soliman your encouragement keeps us going.
@ambarort
@ambarort 7 жыл бұрын
11th rule: Don't use Comic Sans
@thefutur
@thefutur 7 жыл бұрын
Ambar Ortega already covered in one of the other rules. ;)
@negative42
@negative42 5 жыл бұрын
Yeah, but that's just commun sans
@vickylance
@vickylance 5 жыл бұрын
@@negative42 I see what u did there
@AugustDoP
@AugustDoP 5 жыл бұрын
I 3rd, 4th, and 5th this.
@RuezgaDaniel
@RuezgaDaniel 5 жыл бұрын
Use Papyrus instead.
@sallyrose4044
@sallyrose4044 5 жыл бұрын
its amazing how so much depth and considerations needed for something most people deem "simple and obvious". It's not something people would think about deeply if they picked up like a magazine, or scrolling through a website
@thefutur
@thefutur 8 жыл бұрын
We are in the early planning stages of an experimental typography workshop in LA. It means we are going analog!
@shahrzaddarafsheh7349
@shahrzaddarafsheh7349 8 жыл бұрын
Have you ever thought about coming to DC for a workshop or even a weekend design extraveganza?
@thefutur
@thefutur 8 жыл бұрын
Shahrzad Dara we would do it but don't want to tackle the logistics. If you know someone who will co-produce with us then we'd be totally down for it.
@shahrzaddarafsheh7349
@shahrzaddarafsheh7349 8 жыл бұрын
I'll see what I can do! I think we can make this happen:)
@thefutur
@thefutur 8 жыл бұрын
Shahrzad Dara let me know. I've spoken all over the world because of fans from KZbin.
@estherayewoh1077
@estherayewoh1077 4 жыл бұрын
The best 3 minutes, 34 seconds of my time this week. Thanks Chris ❤
@thefutur
@thefutur 4 жыл бұрын
Glad you enjoyed it!
@sahilshahzad2318
@sahilshahzad2318 5 жыл бұрын
I cant believe i missed this, its spectacular!!! The animation and the content, loved it
@isaacgoldman6842
@isaacgoldman6842 8 жыл бұрын
The motion design in this video is great! Definitely helps understand the content a whole lot!
@thefutur
@thefutur 8 жыл бұрын
Isaac Goldman thanks. Check out Red Cat Motion. They're good.
@mindysommers
@mindysommers 4 жыл бұрын
This is def for beginners. You absolutely can use more than one font in a design if you are an experienced artist/designer. And a few other rules I said "meh" to. But this was well done and is very helpful for those starting out in design.
@thefutur
@thefutur 4 жыл бұрын
That’s who it is for. Advanced people have already learned the rules and made their own.
@brandonscott6497
@brandonscott6497 8 жыл бұрын
That was pretty awesome :) not just the content but the care that went into the animations was really noticeable.
@thefutur
@thefutur 8 жыл бұрын
Brandon Scott LEO and his team are very talented.
@eriQ86
@eriQ86 4 жыл бұрын
This video is so beautiful - for the eyes and for the mind.
@Senthil_Kumar
@Senthil_Kumar 3 жыл бұрын
One of the Greatest visual instructions I have ever seen...
@kelvinjoseph3606
@kelvinjoseph3606 Жыл бұрын
I was asking chatGPT for the best typography resources so that I can learn from the best; and after suggesting "Thinking with Type" by Ellen Lupton, the first video chatGPT recommended was this series. I love what you're doing, and thank you for sharing knowledge with everyone. Anyway, I need some learning to do.
@thefutur
@thefutur Жыл бұрын
That’s cool that ChatGPT knows about this video.
@missyg_
@missyg_ 3 жыл бұрын
Loved the "use any font as long it is one of these". So right.
@DennisAH
@DennisAH 5 жыл бұрын
Rule #1 for video creation: Watch the final result and check if you can actually read and understand everything before progressing to the next scene ;) (This was way too fast)
@LaraLocoge
@LaraLocoge 5 жыл бұрын
I paused each one to read and I didn't see any problem here... Some people just want to know the 10 points and only read the titles, some want to read the whole thing and so you can just pause :)
@visualstudiosproductions
@visualstudiosproductions 5 жыл бұрын
@@LaraLocoge Pausing to read negates the whole point of the video and the nice animations and sound design (that took a lot of effort and skill to produce). Just download a pdf, then, no need to make a video. He is completely right, this is very well done except for the timings, which are a critical mistake one doesn't expect to see in a high quality animation like this one.
@cloudeater9571
@cloudeater9571 5 жыл бұрын
It was beautiful, but even just a few seconds to the entirety would make it a ton better. The argument for pausing is a lot more cumbersome than a slightly longer video, still well under the 5 minute mark. Banshee and Visual Studios have the right of it
@feelcollins4358
@feelcollins4358 4 жыл бұрын
@@visualstudiosproductions The point is to make people aware that this exists, less people would stop by to read a PDF than watch a video. Once people find the contents interesting they can find out more by reading the PDF file, it's basically a presentation in this case for the PDF file.
@PushkarChintaluri
@PushkarChintaluri 4 жыл бұрын
Rule #0: Realize this is not a theater or an auditorium, you can pause and rewind the video.
@SocialboutMedia
@SocialboutMedia 2 жыл бұрын
I'm absolutely blown away by all of this... super well done!
@thefutur
@thefutur 2 жыл бұрын
Thanks
@thisiszof
@thisiszof 5 жыл бұрын
3:34 minutes worth 2 credits in a semester of college
@yellow13_
@yellow13_ 3 жыл бұрын
Seriously… so true
@shahrzaddarafsheh7349
@shahrzaddarafsheh7349 8 жыл бұрын
Ah! The much-anticipated video we've all been waiting for! I thoroughly enjoyed this, Chris, thank you:)
@thefutur
@thefutur 8 жыл бұрын
Shahrzad Dara thank you.
@oxiary
@oxiary 6 жыл бұрын
Loving these OFF-WHITE training videos.
@AlexandraPryakhina
@AlexandraPryakhina 4 жыл бұрын
So far the best video on typography that I've seen, thank you so much!
@thefutur
@thefutur 4 жыл бұрын
You’re very welcome
@arielleyva7571
@arielleyva7571 5 жыл бұрын
i'd say that most of the rules are avoidable, but you have to learn the rules before you break them, and most people couldn't type competently without these.
@scyeye
@scyeye 8 жыл бұрын
from the animations to sound and music - a beautifully crafted video. great job!
@thefutur
@thefutur 8 жыл бұрын
scyeye I can't take credit. Leo and Adam were great.
@AndreaEmad
@AndreaEmad 6 жыл бұрын
Watch at 0.75x speed ;)
@calvinnguyen4225
@calvinnguyen4225 8 жыл бұрын
So good. Thanks for the "skip a font member for contrast", thats really a change in my mindset. Contrast really is key.
@thefutur
@thefutur 8 жыл бұрын
Contrast is king for everything!
@prernatripathy8406
@prernatripathy8406 4 жыл бұрын
Whenever I feel down, I come to this video because the animation is freakin lit!
@pratikkadam6856
@pratikkadam6856 8 жыл бұрын
one of the awesome video i have ever seen for typo.. need few motion graphics video like this for other web things like web design tips, web measurement, do's and dont's, design trends :)
@thefutur
@thefutur 8 жыл бұрын
we will have to work on it.
@pratikkadam6856
@pratikkadam6856 8 жыл бұрын
sure.. waiting
@pranaytony
@pranaytony 7 жыл бұрын
The animation is fantastic no doubts for that but the pace is really bringing pain ti eyes n to process!
@thefutur
@thefutur 7 жыл бұрын
we have a pdf you can download on our site. check under resources.
@pranaytony
@pranaytony 7 жыл бұрын
The Futur Thanks Cool! Please don't do these kind of very fast pace videos cause you have some cool viewers n subscribers!☺️
@Makwayne
@Makwayne 6 жыл бұрын
@@pranaytony nothing wrong with the pace, if you cant watch, slow it down, there's an 0.75x option right there
@pranaytony
@pranaytony 6 жыл бұрын
sahil9821 I know that, but do you say the same thing to slow down to your officials during presentation, Pal? That's problem!
@visualstudiosproductions
@visualstudiosproductions 5 жыл бұрын
@@Makwayne the pace is wrong for a video. Working in video, one of the main rules is for text to be readable at a comfortable pace. That means either more time or less text. It's very annoying for the viewer to need to pause to read or have to read at an uncomfortably high pace. Playing at 0.75 is just stupid, it will mess the sound design completely, as well as screwing the animation up (things are less smooth when played back slower unless at a higher fps that takes it into account to begin with). It's weird that they didn't think of that when making the video, when the animation is clearly well done, and it's overall very high quality. I get time constraints, but there's no reason the video couldn't be slightly longer to accommodate the amount of information to be conveyed, this isn't television where each second costs money. Making the video around 30 seconds longer would basically fix this problem, with absolutely no drawbacks (unless the music length was the deciding factor, but it would be better then to just loop a section or crossfade it with itself at some point to pad it out).
@mabillama
@mabillama 2 жыл бұрын
4 years later and tons of hours of watch time on the futur's videos, I stumbled upon this again. This was the first video of theirs I ever watched and I could only realize it after figuring out my like was already here and everything was feeling a bit familiar. I can only be thankful for all the exceptional content!
@thefutur
@thefutur 2 жыл бұрын
Thank you 😊
@mannimoki
@mannimoki 8 жыл бұрын
Notification Squad! I like this new style of content btw. Your videos have help me so much, I can't wait to launch my freelance business and youtube channel!
@thefutur
@thefutur 8 жыл бұрын
Manny Ikomi awesome to hear. Let us know when you do.
@romansvidran4574
@romansvidran4574 8 жыл бұрын
Great job guys, even my friend working in non creative industry loved it
@thefutur
@thefutur 8 жыл бұрын
Roman Svidran that's awesome.
@samuri2011
@samuri2011 5 жыл бұрын
CAN WE TALK ABOUT THE SOUND EFFECTS!>!? Sound designer killed it. I love the sound in this video, it steps the animtation up to 10000%
@thestandardtape7703
@thestandardtape7703 3 жыл бұрын
The transitions on here are sick and I love it
@thefutur
@thefutur 3 жыл бұрын
Leo did an amazing job!
@beverney_shane
@beverney_shane 6 жыл бұрын
Holy shit. This was so informative and concise. I want to marry whoever put this together.
@thefutur
@thefutur 6 жыл бұрын
Haha. I’m taken.
@chaithrar6327
@chaithrar6327 8 жыл бұрын
Thanks Chris Do and team!! This is the best video on typography particularly for web & mobile devices. Also, animations were great to read and really well done!
@thefutur
@thefutur 8 жыл бұрын
Chaithra R thank you! Please share it with friends.
@chaithrar6327
@chaithrar6327 8 жыл бұрын
sure will :)
@porushpuri
@porushpuri 5 жыл бұрын
couldn't ask for more perfect video - animations are too lit ! Thanks for Sharing
@YashwanthP
@YashwanthP 8 жыл бұрын
Wow. That's really awesome. Need more videos like this and i felt it as Ten Commandments of Typography.!
@thefutur
@thefutur 8 жыл бұрын
Yashwanth Yash lol. That's a good term.
@briancaiazza7717
@briancaiazza7717 7 жыл бұрын
sound design xtra fleeky.... #nicework
@krishnamaybhagwani5517
@krishnamaybhagwani5517 3 жыл бұрын
What a visual way to explain the very essence of Typography! ❤️
@ichfan9811
@ichfan9811 3 жыл бұрын
it is more worth it than attending to my class
@dokhtK25
@dokhtK25 11 ай бұрын
The usefulness of these tips aside, this was one hell of a motion graphics design! wow!!
@thefutur
@thefutur 11 ай бұрын
Glad you think so!
@Makwayne
@Makwayne 6 жыл бұрын
I enjoyed the video more than I thought I would
@waleed9699
@waleed9699 8 жыл бұрын
I got 10 desktops on my laptop and each of them has one of these rules as a background image, yes i've read blind articles and i'm very thankful that you guys are sharing your knowledge with us.
@thefutur
@thefutur 8 жыл бұрын
Do you think seeing the rules in motion added something beyond the still version?
@waleed9699
@waleed9699 8 жыл бұрын
of course it did, this video is just stunning.
@dittocopys
@dittocopys 5 жыл бұрын
3:21 stay away from the edges
@SuperIceteapeach
@SuperIceteapeach 5 жыл бұрын
11. Break rules in the right way.
@donisiswanto8248
@donisiswanto8248 4 жыл бұрын
-as long as you know how it will be e.g. for aesthetic purposes
@sunshizzleyou
@sunshizzleyou 7 жыл бұрын
Thank you! Great, short and effective video. With so much information, "knowledge", and videos out there you don't always know what you're getting, or the validity or trustworthiness of what's being presented. So when I watch a video that's been very thoughtfully and pragmatically created/designed, it's easier to accept the context presented. Bookmarked!
@sunshizzleyou
@sunshizzleyou 7 жыл бұрын
One question I had though was your desgin of the last page in the sequence, where you had the type broken up and placed on the far edges of the screen seemed to contrast your step which mentioned to never place text on the edges and let type "breathe". I have been using this approach in my designs lately, breaking-up text and placing on the edges, so maybe you could elaborate on this. Is it okay to have type on the edge when it's simply part of the background aesthetic and not necessarily meant to be read?
@thefutur
@thefutur 7 жыл бұрын
avoid aligning things on the edge. if you must, break the edge. that's what the slide does.
@alexxnica
@alexxnica 7 жыл бұрын
I liked the video 👍 , but there are some things you need to improve.👇 • [Rule 6 - 1:35]: You can't just set a limit to designers without presenting a good reason for it. These may be the fonts you like, but that doesn't mean the designers should only use what you like. Each designer has a different vision, mindset, style, and you just can't limit that. • [Rule 10 - 3:15]: You're wrong telling people to not use Regular weight, that's just messed up. I didn't get if it's supposed to be a wordplay, but it should be improved regardless. • Animation is good, but like almost everything, if it's too much, some problems may come up. The video has too much animation/motion happening too fast to understand what's going on. Either do it slower or avoid too much of it. I hope you see this feedback and hope that it helps you. Thank you and keep the good work! 🙂
@thefutur
@thefutur 7 жыл бұрын
rule 6: are you good at typography? if you are, don't read the rules. you don't need them. if you're reading them, then trust me. rule 10: it's a joke.
@alexxnica
@alexxnica 7 жыл бұрын
Well, that's not a good way of welcoming feedback, nor a good way of arguing and proving your point, you need to open your mind. I wish you good luck anyway.
@thefutur
@thefutur 7 жыл бұрын
Alexandre Nicastro you as well.
@nunoteixeira7241
@nunoteixeira7241 6 жыл бұрын
Turn Down for What
@nunoteixeira7241
@nunoteixeira7241 6 жыл бұрын
@@esepecesito you are so clever I don't even know why are you searching for typography tips 🤔🤔
@freakstate
@freakstate 7 жыл бұрын
Love it, love it, love it. No.9 such a valuable point - well explained.
@thefutur
@thefutur 7 жыл бұрын
thanks Freakstate.
@thefutur
@thefutur 8 жыл бұрын
Use any typeface you like as long as it’s one of the following: Akzidenz Grotesque, Avenir, Avant Garde, Bell Gothic, Bodoni, Bembo, Caslon, Clarendon, Courier, Din Mittelschrift, Franklin Gothic, Frutiger, Futura, Garamond, Gill Sans, Gotham, Helvetica, Letter Gothic, Memphis, Meta, OCRB, Rockwell, Sabon, Trade Gothic, Trajan and Univers.
@sntshkmr60
@sntshkmr60 8 жыл бұрын
The Futur out of all listed, which one of them are available for free?
@thefutur
@thefutur 8 жыл бұрын
Santosh Kumar helvetica on the Mac.
@matthewvernon1086
@matthewvernon1086 8 жыл бұрын
The whole video was great except for this part. Is this supposed to be a joke?
@thefutur
@thefutur 8 жыл бұрын
Matthew Vernon no joke. When starting out use one of the classics.
@samc6194
@samc6194 7 жыл бұрын
Kyre Song tru
@tapatiovidzz
@tapatiovidzz 7 жыл бұрын
This animation really helped me understand the concept better. Thank you for making it and aso for adding he sounds. They made it that much better!
@gaia4350
@gaia4350 8 жыл бұрын
Beautiful design and valuable content - thanks guys!
@thefutur
@thefutur 8 жыл бұрын
Gaia Yemens thank you Gaia.
@domniktiwari
@domniktiwari 7 жыл бұрын
I really like your content. Precise and full of knowledge.
@thefutur
@thefutur 7 жыл бұрын
sweet
@ximonwhhatt3796
@ximonwhhatt3796 8 жыл бұрын
that was legit awesome
@thefutur
@thefutur 8 жыл бұрын
thanks Ximon. Leo did the animation.
@ameerajaffar960
@ameerajaffar960 8 жыл бұрын
Designers life become much easier because of you .I loved this video because it include motion graphics and special great professional fonts list I start to collect and download these fonts
@thefutur
@thefutur 8 жыл бұрын
super.
@aoguim
@aoguim 6 жыл бұрын
I could watch this forever
@manuelfarcas1023
@manuelfarcas1023 4 жыл бұрын
Very useful and so nicely done! Great job to whoever worked in this presentation!
@theimagebear-9942
@theimagebear-9942 4 жыл бұрын
Honestly, I think I have learnt more about type from The Futur than I ever learnt from my University.
@mauriceingram
@mauriceingram 8 жыл бұрын
that was sweet!! enjoyed the nice flow of information thru the motion type and awesome selection of music, it was easy listening while absorbing the lessons
@thefutur
@thefutur 8 жыл бұрын
maurice ingram thanks Maurice. The music and sound design was composed by Adam Sanborne for this piece specifically.
@Furebel
@Furebel 5 жыл бұрын
Use any font you like, *BUT!*
@MikeStevens
@MikeStevens 5 жыл бұрын
This was the most dramatically over the top soundtrack I’ve ever heard on an instructional video, good lord.
@thefutur
@thefutur 5 жыл бұрын
Haha
@joshainge98
@joshainge98 5 жыл бұрын
use any font you want, as long as it's one of the following?? why? + why specifically them typefaces?
@thefutur
@thefutur 5 жыл бұрын
cause they will stand the test of time.
@chiamakalilyugochukwu7042
@chiamakalilyugochukwu7042 2 жыл бұрын
This manual is an awesome piece👏🏻👏🏻👏🏻. Chris Do and his design thinking cap, always 💯. Typography really does matter! Thanks for this manual THE FUTUR.
@thefutur
@thefutur 2 жыл бұрын
You’re very welcome ☺️
@masonb9351
@masonb9351 4 жыл бұрын
//This presentation is lovely! I do, however, disagree with #09. I strongly encourage designers to play with a multitude of alignment types. I often times much more prefer using justified text when in big blocks but left or right-aligned text when in just one or two lines. This is especially true when using multiple columns. So it goes to show that these should be more like guidelines NOT rules to follow. And by the way, I often hear the terms right/left-aligned over right/left-justified. You'll see this in most design softwares as well. There is no "force justified" text. It's just called "justified". Otherwise, keep up the great work and feel free to add a little more color!
@drawthatout
@drawthatout 6 жыл бұрын
Guys, no words. Thanks for creating the work you do, its priceless!
@ManOfSpruce
@ManOfSpruce 7 ай бұрын
No words literally
@5tevecarnaghi
@5tevecarnaghi 5 жыл бұрын
Except rule #6 is completely subjective. #typesnobs
@BebxOfficial
@BebxOfficial 5 жыл бұрын
Calibri gang rise up! I guess my font choice is just W R O N G
@navneetyadav7139
@navneetyadav7139 5 жыл бұрын
Yeah, no mention of roboto, which millions stares at daily on their android divices.
@glaucofox
@glaucofox 5 жыл бұрын
I think he meant that for people who are not design savvy. As it was mentioned at the very beginning of the video about alignment, choose a font among these suggestions until you know what you're doing, to play it safe.
@BebxOfficial
@BebxOfficial 5 жыл бұрын
@@glaucofox Yeah, that's definitely true. It's very hard to mess up with a font like Helvetica, since it's just so pretty.
@z0bi_
@z0bi_ 5 жыл бұрын
Imo Calibri is the ugliest of the "normal/professional" fonts. And i can't even put my finger on why.
@dumbodesings-bd6rh
@dumbodesings-bd6rh 3 ай бұрын
this was soooo coool sighs** makes me fall in love w actual fun learning of design unlike studying TYPE under clg assignments pressure, Thankyou so much Chris and the team
Graphic Design Tutorial: Typography Design & Art Direction
27:17
I promise this story about fonts is interesting
29:35
struthless
Рет қаралды 1,8 МЛН
Леон киллер и Оля Полякова 😹
00:42
Канал Смеха
Рет қаралды 4,7 МЛН
To Brawl AND BEYOND!
00:51
Brawl Stars
Рет қаралды 17 МЛН
Sigma Kid Mistake #funny #sigma
00:17
CRAZY GREAPA
Рет қаралды 30 МЛН
The evil clown plays a prank on the angel
00:39
超人夫妇
Рет қаралды 53 МЛН
Swiss Design: Iconic & Influential (Original Long Version)
20:11
Design Smith
Рет қаралды 169 М.
5 GOLDEN Rules Of MINIMAL Graphic Design *Pro-Tips*
8:45
Satori Graphics
Рет қаралды 809 М.
The ULTIMATE Guide To Typography For Beginners
13:30
DesignSpo
Рет қаралды 223 М.
From Boring to Iconic: Designing With Personality
6:25
The Futur
Рет қаралды 92 М.
How To Use Color -  Color Basics
7:08
The Futur Academy
Рет қаралды 598 М.
5 HUGE Graphic Design Trends 2025 🎉
10:31
Will Paterson
Рет қаралды 36 М.
Design Theory: How To Make Dynamic Compositions
14:48
The Futur
Рет қаралды 445 М.
Леон киллер и Оля Полякова 😹
00:42
Канал Смеха
Рет қаралды 4,7 МЛН