Typography Tutorial - 10 rules to help you rule type

Поделиться
HTML-код
  • Опубликовано: 4 дек 2024

Комментарии • 1,9 тыс.

  • @amporu
    @amporu 5 лет назад +2679

    Final Rule: Abandon all rules as insisted by your client. #clientfromhell

  • @JordyC1993
    @JordyC1993 3 года назад +384

    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 Год назад +17

      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 3 месяца назад

      How so

  • @thefutur
    @thefutur  8 лет назад +2412

    Did seeing this in motion help to explain this better than just reading it on a page?

    • @syed_3279
      @syed_3279 8 лет назад +148

      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 лет назад +133

      Great. I'll keep this in mind for the next one.

    • @brandonscott6497
      @brandonscott6497 8 лет назад +45

      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 лет назад +17

      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 лет назад +60

      The animations are so fast that it can be almost impossible to read all the recommendations for each point.

  • @polobreak3249
    @polobreak3249 4 года назад +63

    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 6 месяцев назад

      BEST COMENT EVER

    • @JamalJahnsenJahnsen
      @JamalJahnsenJahnsen 6 месяцев назад

      Best comment ever thk so much!!!!

    • @KaanPietz
      @KaanPietz 6 месяцев назад

      This comment is TOO CRACKED

    • @ManOfSpruce
      @ManOfSpruce 6 месяцев назад

      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.

  • @rootx9608
    @rootx9608 5 лет назад +560

    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 года назад +24

      Why are specially these fonts recommended?

    • @suriya_619
      @suriya_619 4 года назад +28

      Roboto ???

    • @hoangtranviet2476
      @hoangtranviet2476 4 года назад +46

      what about montserrat? imo it's a very good font also

    • @jimbo-dev
      @jimbo-dev 4 года назад +10

      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 года назад +30

      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.

  • @tanmaykhelkar7936
    @tanmaykhelkar7936 6 лет назад +917

    The only colours used are Black and White, still looks amazing 'cause
    *Typography matters*

    • @thefutur
      @thefutur  6 лет назад +65

      you don't need fancy tricks or typefaces when you understand the fundamentals.

    • @wadewill5934
      @wadewill5934 5 лет назад +5

      Technically black isn't a colour

    • @laddwoodland318
      @laddwoodland318 5 лет назад +2

      Typography is not about pretty colors.

    • @hosseinsattarian
      @hosseinsattarian 4 года назад

      And Contrast.

    • @emilal
      @emilal 3 года назад

      @@wadewill5934 neither is white

  • @gallanthelda3867
    @gallanthelda3867 5 лет назад +274

    11. Break rules in the right way.

    • @z0bi_
      @z0bi_ 4 года назад +21

      Break the rules if you know what effect it will have and if that effect is desired.

  • @DamienBDavis
    @DamienBDavis 3 дня назад +1

    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..

  • @PacFilms
    @PacFilms 8 лет назад +431

    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 лет назад +16

      that's great to hear.

    • @karaloca
      @karaloca 6 лет назад +54

      Wow your course must have been pure shite then.

    • @zaungaestin
      @zaungaestin 6 лет назад +6

      same here. my university sucks.

    • @kirschkäfer
      @kirschkäfer 5 лет назад +22

      what kind of a shitty university have you been to? those are the basics of basics

    • @zxenon_
      @zxenon_ 5 лет назад

      @@kirschkäfer 😂

  • @asimonna1
    @asimonna1 4 года назад +22

    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 года назад +3

      Wow, thanks!

    • @righthererightnowproductio9525
      @righthererightnowproductio9525 2 года назад +1

      @@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

  • @AppleWatchCenter
    @AppleWatchCenter 8 лет назад +73

    It helped being a short video and straight to the point, well done

    • @thefutur
      @thefutur  8 лет назад +10

      Apple Watch Center thanks.

  • @andywira
    @andywira 8 лет назад +15

    This is gold. Information. Animation. Audio.

    • @thefutur
      @thefutur  8 лет назад +1

      Andy Wirahadhi ty

  • @thefutur
    @thefutur  7 лет назад +24

    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?

  • @mosesnandi
    @mosesnandi 3 года назад +2

    A short movie about Typography! Love it. Biggest part of design is getting Type right.

  • @alefalefalef1
    @alefalefalef1 4 года назад +234

    This was like a college education in 3 minutes.

  • @MiScusi69
    @MiScusi69 Год назад +2

    I am in absolute love with:
    Main title in Baskerville
    Text and secondary titles in Bodoni

  • @jonathanvornbrock473
    @jonathanvornbrock473 6 лет назад +10

    Do more videos like this please! Simple, straight to the point and easy to follow.

  • @nutritiongenius9593
    @nutritiongenius9593 4 года назад +12

    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)

  • @SuperManny1287
    @SuperManny1287 7 лет назад +5

    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

  • @JimFonsecaDesign
    @JimFonsecaDesign 2 года назад +1

    WOW! This short video just made my simple flier design so much better! Almost 6 years later and this still holds up. Thanks!

  • @debbiekennedy8108
    @debbiekennedy8108 8 лет назад +4

    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 RUclips. Thank You.

    • @thefutur
      @thefutur  8 лет назад +1

      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 лет назад +1

      Thanks

  • @joydeeprockz
    @joydeeprockz 7 лет назад

    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  7 лет назад

      and it's not even Christmas. Welcome!

  • @fredzimmerman4637
    @fredzimmerman4637 3 года назад +59

    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 года назад +1

    Can we just take a moment and appreciate the motion graphics and sound effects? briliantly done.

    • @thefutur
      @thefutur  2 года назад +1

      Thank you. it was a lot of effort.

  • @jpanda4835
    @jpanda4835 8 лет назад +9

    This was really entertaining and at the same time very educational. Thanks

  • @missyg_
    @missyg_ 3 года назад +1

    Loved the "use any font as long it is one of these". So right.

  • @The-Rain-Ninja
    @The-Rain-Ninja 4 года назад +3

    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.

  • @AnantGulia
    @AnantGulia 8 лет назад +1

    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 лет назад +1

      I'm sure that will be awesome gonna wait patiently for that.

    • @thefutur
      @thefutur  8 лет назад

      thanks.

  • @MrJustin2105
    @MrJustin2105 4 года назад +6

    Can we take a minute to appreciate the animations in this video 😲

  • @ShirleiBarnes
    @ShirleiBarnes 2 года назад +1

    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 😊

  • @ruisequeira5520
    @ruisequeira5520 7 лет назад +2306

    Very helpful. However, the animation is too fast.. I didn't had time to read properly without stop the vídeo.

    • @thefutur
      @thefutur  7 лет назад +123

      Rui Sequeira we have a PDF document you can download and read.

    • @dansmith1861
      @dansmith1861 7 лет назад +5

      Is there a link to the PDF document, thanks?

    • @edsonrzk
      @edsonrzk 5 лет назад +19

      I think that was the intent since people read at different speeds

    • @men_del12
      @men_del12 5 лет назад +21

      Perhaps try to lput it aroun 0.5×
      Utube can make it slooooow

    • @Andmau2552
      @Andmau2552 5 лет назад +87

      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.

  • @sallyrose4044
    @sallyrose4044 4 года назад

    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

  • @yashwinning
    @yashwinning 8 лет назад +72

    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 лет назад +7

      for the next one then.

  • @maragam4480
    @maragam4480 8 лет назад +1

    Thank you so much guys. I think you are the most instructive RUclips channel on web design. I love what you're doing.

    • @thefutur
      @thefutur  8 лет назад

      Mara Gam thanks Mara. 2017 will be even better.

  • @briancaiazza7717
    @briancaiazza7717 7 лет назад +78

    sound design xtra fleeky.... #nicework

  • @T.E.P.
    @T.E.P. 7 лет назад +1

    the sound effects in this incredible video are the real MVP
    great sound support

    • @thefutur
      @thefutur  7 лет назад +1

      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 лет назад +1

      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 лет назад +1

      Thor Eric I wrote it. It’s me chris.

  • @lindaaristizabal6341
    @lindaaristizabal6341 8 лет назад +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 лет назад +1

    Not only has this been eye-opening, but beautifully directed. The animations were awesome!

  • @eriQ86
    @eriQ86 4 года назад +5

    This video is so beautiful - for the eyes and for the mind.

  • @mabillama
    @mabillama 2 года назад +1

    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 года назад +1

      Thank you 😊

  • @prernatripathy8406
    @prernatripathy8406 4 года назад +3

    Whenever I feel down, I come to this video because the animation is freakin lit!

  • @Senthil_Kumar
    @Senthil_Kumar 3 года назад

    One of the Greatest visual instructions I have ever seen...

  • @sahilshahzad2318
    @sahilshahzad2318 5 лет назад +3

    I cant believe i missed this, its spectacular!!! The animation and the content, loved it

  • @mohamedsolimanH
    @mohamedsolimanH 8 лет назад +1

    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.

  • @oxiary
    @oxiary 6 лет назад +3

    Loving these OFF-WHITE training videos.

  • @gauthamcode
    @gauthamcode 8 лет назад +1

    Very helpful!

    • @thefutur
      @thefutur  8 лет назад

      Gautham SK thanks.

  • @DennisAH
    @DennisAH 5 лет назад +435

    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 лет назад +29

      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 лет назад +47

      @@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 лет назад +12

      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 года назад +3

      @@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 года назад +2

      Rule #0: Realize this is not a theater or an auditorium, you can pause and rewind the video.

  • @MikeStevens
    @MikeStevens 5 лет назад

    This was the most dramatically over the top soundtrack I’ve ever heard on an instructional video, good lord.

  • @mindysommers
    @mindysommers 4 года назад +3

    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.

  • @isaacgoldman6842
    @isaacgoldman6842 8 лет назад +2

    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.

  • @ambarortega4753
    @ambarortega4753 7 лет назад +2552

    11th rule: Don't use Comic Sans

    • @thefutur
      @thefutur  7 лет назад +73

      Ambar Ortega already covered in one of the other rules. ;)

    • @negative42
      @negative42 5 лет назад +170

      Yeah, but that's just commun sans

    • @vickylance
      @vickylance 5 лет назад +18

      @@negative42 I see what u did there

    • @AugustDoP
      @AugustDoP 5 лет назад

      I 3rd, 4th, and 5th this.

    • @RuezgaDaniel
      @RuezgaDaniel 5 лет назад +29

      Use Papyrus instead.

  • @calvinnguyen4225
    @calvinnguyen4225 8 лет назад +1

    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!

  • @samuri2011
    @samuri2011 5 лет назад +4

    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%

  • @freakstate
    @freakstate 7 лет назад

    Love it, love it, love it. No.9 such a valuable point - well explained.

    • @thefutur
      @thefutur  7 лет назад

      thanks Freakstate.

  • @kelvinjoseph3606
    @kelvinjoseph3606 Год назад +5

    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.

  • @waleed9699
    @waleed9699 8 лет назад +1

    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 лет назад +1

      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.

  • @juliorodriguez9510
    @juliorodriguez9510 8 лет назад +5

    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 лет назад +1

      Julio A Rodriguez Diaz thanks for endorsement.

  • @dairyofabot
    @dairyofabot 3 года назад +1

    This is the best video I've seen on UI UX it's so practical and every change has a meaning. Nice production

  • @Makwayne
    @Makwayne 6 лет назад +3

    I enjoyed the video more than I thought I would

  • @thestandardtape7703
    @thestandardtape7703 3 года назад +1

    The transitions on here are sick and I love it

    • @thefutur
      @thefutur  3 года назад

      Leo did an amazing job!

  • @porushpuri
    @porushpuri 5 лет назад +3

    couldn't ask for more perfect video - animations are too lit ! Thanks for Sharing

  • @YashwanthP
    @YashwanthP 8 лет назад +1

    Wow. That's really awesome. Need more videos like this and i felt it as Ten Commandments of Typography.!

    • @thefutur
      @thefutur  8 лет назад +1

      Yashwanth Yash lol. That's a good term.

  • @thisiszof
    @thisiszof 4 года назад +51

    3:34 minutes worth 2 credits in a semester of college

    • @yellow13_
      @yellow13_ 3 года назад

      Seriously… so true

  • @anbui8349
    @anbui8349 3 года назад +1

    in 2021 i still watch this tutorial.
    Thanks a lot to your manual

  • @pranaytony
    @pranaytony 7 лет назад +213

    The animation is fantastic no doubts for that but the pace is really bringing pain ti eyes n to process!

    • @thefutur
      @thefutur  7 лет назад +7

      we have a pdf you can download on our site. check under resources.

    • @pranaytony
      @pranaytony 7 лет назад +3

      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 лет назад +3

      @@pranaytony nothing wrong with the pace, if you cant watch, slow it down, there's an 0.75x option right there

    • @pranaytony
      @pranaytony 6 лет назад +12

      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 лет назад +6

      @@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).

  • @thehsda
    @thehsda 6 лет назад +1

    THE ANIMATION IS DOPE! SO IS THE MANUAL OFC

  • @AndreaEmad
    @AndreaEmad 6 лет назад +37

    Watch at 0.75x speed ;)

  • @domniktiwari
    @domniktiwari 7 лет назад

    I really like your content. Precise and full of knowledge.

  • @thefutur
    @thefutur  8 лет назад +20

    We are in the early planning stages of an experimental typography workshop in LA. It means we are going analog!

    • @shahrzaddarafsheh7349
      @shahrzaddarafsheh7349 8 лет назад +2

      Have you ever thought about coming to DC for a workshop or even a weekend design extraveganza?

    • @thefutur
      @thefutur  8 лет назад +1

      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 лет назад +2

      I'll see what I can do! I think we can make this happen:)

    • @thefutur
      @thefutur  8 лет назад +1

      Shahrzad Dara let me know. I've spoken all over the world because of fans from RUclips.

  • @ameerajaffar960
    @ameerajaffar960 8 лет назад +1

    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

  • @beverney_shane
    @beverney_shane 6 лет назад +6

    Holy shit. This was so informative and concise. I want to marry whoever put this together.

    • @thefutur
      @thefutur  6 лет назад +5

      Haha. I’m taken.

  • @pratikkadam6856
    @pratikkadam6856 8 лет назад +1

    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 :)

  • @aoguim
    @aoguim 5 лет назад +3

    I could watch this forever

  • @dokhtK25
    @dokhtK25 10 месяцев назад +1

    The usefulness of these tips aside, this was one hell of a motion graphics design! wow!!

    • @thefutur
      @thefutur  10 месяцев назад +1

      Glad you think so!

  • @dittocopys
    @dittocopys 5 лет назад +40

    3:21 stay away from the edges

    • @SuperIceteapeach
      @SuperIceteapeach 4 года назад +4

      11. Break rules in the right way.

    • @donisiswanto8248
      @donisiswanto8248 4 года назад

      -as long as you know how it will be
      e.g. for aesthetic purposes

  • @brandonscott6497
    @brandonscott6497 8 лет назад +2

    That was pretty awesome :) not just the content but the care that went into the animations was really noticeable.

    • @thefutur
      @thefutur  8 лет назад +2

      Brandon Scott LEO and his team are very talented.

  • @arielleyva7571
    @arielleyva7571 5 лет назад +13

    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.

  • @romansvidran4574
    @romansvidran4574 8 лет назад +1

    Great job guys, even my friend working in non creative industry loved it

    • @thefutur
      @thefutur  8 лет назад

      Roman Svidran that's awesome.

  • @ichfan9811
    @ichfan9811 3 года назад +3

    it is more worth it than attending to my class

  • @SocialboutMedia
    @SocialboutMedia 2 года назад +1

    I'm absolutely blown away by all of this... super well done!

  • @gaia4350
    @gaia4350 8 лет назад +4

    Beautiful design and valuable content - thanks guys!

    • @thefutur
      @thefutur  8 лет назад

      Gaia Yemens thank you Gaia.

  • @AM-nx9uh
    @AM-nx9uh 7 лет назад +1

    sound FX and animation are awesome!

    • @thefutur
      @thefutur  7 лет назад

      adam sanborne is the mastermind behind music/sound design.

  • @ximonwhhatt3796
    @ximonwhhatt3796 8 лет назад +9

    that was legit awesome

    • @thefutur
      @thefutur  8 лет назад

      thanks Ximon. Leo did the animation.

  • @estherayewoh1077
    @estherayewoh1077 4 года назад +2

    The best 3 minutes, 34 seconds of my time this week. Thanks Chris ❤

    • @thefutur
      @thefutur  4 года назад +1

      Glad you enjoyed it!

  • @mannimoki
    @mannimoki 8 лет назад +4

    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 лет назад +1

      Manny Ikomi awesome to hear. Let us know when you do.

  • @yarensey0331
    @yarensey0331 Год назад

    wow! I can start designing my socials with these tips. It's a lot of help you're doing here guys!

  • @Furebel
    @Furebel 5 лет назад +66

    Use any font you like,
    *BUT!*

  • @AlexandraPryakhina
    @AlexandraPryakhina 4 года назад +1

    So far the best video on typography that I've seen, thank you so much!

    • @thefutur
      @thefutur  4 года назад

      You’re very welcome

  • @thefutur
    @thefutur  8 лет назад +90

    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 лет назад +5

      The Futur out of all listed, which one of them are available for free?

    • @thefutur
      @thefutur  8 лет назад +3

      Santosh Kumar helvetica on the Mac.

    • @matthewvernon1086
      @matthewvernon1086 8 лет назад +30

      The whole video was great except for this part. Is this supposed to be a joke?

    • @thefutur
      @thefutur  8 лет назад +16

      Matthew Vernon no joke. When starting out use one of the classics.

    • @samc6194
      @samc6194 7 лет назад

      Kyre Song tru

  • @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

  • @deepakgraphicdesigns
    @deepakgraphicdesigns 10 месяцев назад +90

    Legends in watching in 2024 🤣🤣🤣

  • @altheajasper5486
    @altheajasper5486 8 лет назад +1

    This was great. And what a fun way to learn.

    • @thefutur
      @thefutur  8 лет назад

      thank you. glad you felt the same way.

  • @alexxnica
    @alexxnica 7 лет назад +13

    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 лет назад +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 лет назад +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 лет назад +1

      Alexandre Nicastro you as well.

    • @nunoteixeira7241
      @nunoteixeira7241 6 лет назад +1

      Turn Down for What

    • @nunoteixeira7241
      @nunoteixeira7241 6 лет назад

      @@esepecesito you are so clever I don't even know why are you searching for typography tips 🤔🤔

  • @coder-twadd
    @coder-twadd Год назад

    Watching this video gave me so much satisfaction. Thank you.

  • @theimagebear-9942
    @theimagebear-9942 4 года назад +3

    Honestly, I think I have learnt more about type from The Futur than I ever learnt from my University.

  • @krishnamaybhagwani5517
    @krishnamaybhagwani5517 3 года назад +1

    What a visual way to explain the very essence of Typography! ❤️

  • @5tevecarnaghi
    @5tevecarnaghi 5 лет назад +167

    Except rule #6 is completely subjective. #typesnobs

    • @BebxOfficial
      @BebxOfficial 5 лет назад +9

      Calibri gang rise up! I guess my font choice is just W R O N G

    • @navneetyadav7139
      @navneetyadav7139 5 лет назад +38

      Yeah, no mention of roboto, which millions stares at daily on their android divices.

    • @glaucofox
      @glaucofox 5 лет назад +20

      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 лет назад +8

      @@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_ 4 года назад +4

      Imo Calibri is the ugliest of the "normal/professional" fonts. And i can't even put my finger on why.

  • @tapatiovidzz
    @tapatiovidzz 7 лет назад +2

    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!

  • @djstarsign
    @djstarsign 5 лет назад +63

    Damn, two widows within the first 30 seconds of the video.

    • @tekiero
      @tekiero 4 года назад +1

      lmao 😅😂😂

    • @gul4sch
      @gul4sch 3 года назад

      Translating the German term for it would mean "Son of a bitch" :-)

  • @sarikathapachitrakar8250
    @sarikathapachitrakar8250 2 года назад

    I came here to learn typography but the presentation of this video is just amazed me. great work.