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.

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

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

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

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

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

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

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

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

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

    This is gold. Information. Animation. Audio.

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

      Andy Wirahadhi ty

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

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

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

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

  • @DamienBDavis
    @DamienBDavis 2 дня назад +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..

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

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

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

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

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

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

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

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

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

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

    Watch at 0.75x speed ;)

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

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

    This was like a college education in 3 minutes.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      Seriously… so true

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

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

    sound design xtra fleeky.... #nicework

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

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

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

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

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

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

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

    Very helpful!

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

      Gautham SK thanks.

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

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

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

    it is more worth it than attending to my class

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

    The animation is superb which helped to understand the mentioned things better.

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

    I enjoyed the video more than I thought I would

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

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

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

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

    THE ANIMATION IS DOPE! SO IS THE MANUAL OFC

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

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

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

    Loving these OFF-WHITE training videos.

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

    sound FX and animation are awesome!

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

      adam sanborne is the mastermind behind music/sound design.

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

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

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

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

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

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

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

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

      thanks Freakstate.

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

    Use any font you like,
    *BUT!*

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

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

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

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

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

    Beautifully Explained

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

      Karthik Vernekar glad you liked it.

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

    I could watch this forever

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

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

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

    Beautiful design and valuable content - thanks guys!

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

      Gaia Yemens thank you Gaia.

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

    The transitions on here are sick and I love it

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

      Leo did an amazing job!

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

    that was legit awesome

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

      thanks Ximon. Leo did the animation.

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

    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.

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

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

    These guys are seriously very good...everything so well done and polished yet easy to understand for a newbie like me.

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

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

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

    Very useful and so nicely done! Great job to whoever worked in this presentation!

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

    Legends in watching in 2024 🤣🤣🤣

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

    Manual typography is the way to go!

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

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

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

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

    Awesome, Simple and Worthy :)

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

    if you guys are gonna print a booklet of this, i'd definitely buy it!
    PS. for rule 2: i think that there are exceptions to the sans-sans and serif-serif combination. I've seen works that have those combinations. for rule 6: those fonts can be picked if you have the money to buy the licenses hahaha i'd pick fonts from Google Fonts and there are A LOT of good fonts there. for rule 8: type laid out on corners can sometimes be a direction of a project but that's just me haha.
    those are just my opinions but if there's one thing that I'd like to say to all those people who're watching this video, use your earphones/headphones!

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

      We're gonna do a workshop and record it. It won't be free, but for those that really want to learn type, i think it is super valuable. I'll collect the best work and put it in a book with another 10 rules.
      You are right about rule 2, 6 and 8. You can break every rule, but this guide was written for people who might not have the formal training in typography so this is my "surefire" way to help those people. Once you learn the rules, break them cause you know why and how to make it work.
      Thanks for your support. How much do you think a book is worth? What about a 7 week course and the video companion? What would you pay? What format would you find most useful?

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

      I guess you can split the lessons into two or three levels like for beginners, advanced, and master class. I'd like to believe that I'll fit into the advanced one.
      For the pricing, personally I'd buy the Master class for around 800USD or so? I'm not sure how you guys will price it but that's just me and I bet that 800 bucks isn't even enough to compensate for the value that you guys are gonna give.
      I think that for the people who can't afford the lessons for now, you can make an in-depth book either print or PDF at around 50-100USD max? the last book that I got was Letter Fountain by TASCHEN Books and it cost around 70USD.

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

      Thanks for the breakdown. can you provide me a link to your work? I always assumed that once you became advanced, it's more about one on one coaching and harder to get you to master level.

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

      my work online is mostly lettering and a little calligraphy though lol! I'm doing my best to prep up my UI designs on Behance. anyway here are my social media accounts.
      instagram.com/jelvin/
      www.behance.com/jelvin/

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

    the animations are so beautiful

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

      thanks. I'm sure Leo will appreciate it.

  • @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" :-)

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

    what a cool video! clear and fun to learn from

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

      Sophie Alp thanks Sophie.