How To Draw And Use Fibonacci Grid In Your Design Layout

Подписаться 420 тыс.

Просмотров 253 тыс.

50% 1

Is it necessary to use a grid for your designs? In this video, Chris gives his honest answer, and shows how to create a grid using the Fibonacci Sequence.
👉Watch the full Week 1 Typography Critique here: • Typography Critique We...
👉Check out our Typography Course: bit.ly/Type01_yt
===
👉Subscribe: goo.gl/vB9zoP
👉See our main channel: goo.gl/F2AEbk
#TheFutur
Want a deeper dive? Typography, Lettering, Sales & Marketing, Social Media and The Business of Design courses available here:
goo.gl/bRt5qd
If you're a complete beginner, consider taking any of these Adobe Creative Cloud fundamental courses from our friends at Bring Your Own Laptop: byol.me/thefutur
-
Love the content? Become a sustaining member for $5/mo today.
goo.gl/nwekfL
Our recommended products and Booklist:
kit.co/TheFutu...
Kits & Proposals:
goo.gl/mSjuWQ
Visit our website:
www.thefutur.com
FREE resources:
goo.gl/Qh6gHr
Mandarin (Chinese) Subtitles on UiiUii
uiiiuiii.com/?...
-
AFFILIATE LINKS*
🙏 Support The Futur but purchasing through our affiliate links:
Amazon: bit.ly/thefutur...
Webflow: bit.ly/2EbET9l
Retro Supply Co.: bit.ly/2GW8gzR
Creative Market: goo.gl/g4jlTE
Design Cuts: bit.ly/2GSsAR3
✍️ Sharpen your skills by taking a course, using our affiliate links:
Skillshare: goo.gl/YCo2uT
School of Motion: bit.ly/futur-som
Bring Your Own Laptop Tutorials: byol.me/thefutur
🎧 Do you like the music? Check out the music libraries we use in our affiliate links below:
Epidemic Sound: share.epidemics...
Musicbed: bit.ly/futurmb
Artlist: bit.ly/2uWdna7
*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.
-
Futur Podcast on iTunes: 🎙
itunes.apple.c...
Spotify: 🎙
open.spotify.c...
-
We love getting your letters. Send it here:
The Futur
c/o Chris Do
1702 Olympic Blvd.
Santa Monica, CA 90404
USA
-
Host- Chris Do
Content Director- Matthew Encina
Cinematographers- Ricky Lucas, Jona Garcia
Editors- Ricky Lucas, Jona Garcia
Live Editor- Jona Garcia
Social Team- Elle Money, Alex Burlui
Futur Theme Music - Adam Sanborne www.adamsanborn...
Typefaces: Futura, DIN, Helvetica Neue, Calibre, Champion Gothic
Futur theme song- Adam Sanborne

Опубликовано:

15 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 140

@tinisnottin 4 года назад

This is amazing, I went to art college for 3 years. Went through loads of books feeling confused, because nobody was teaching how exactly you would set up a grid and the thought process behind it. Its great to see you teaching this, somebody who actually know it and who got the real knowledge.

@rodaparicio_ 4 года назад

Chris is a legend. So simply explained and eye opening. Thanks!

@TheFuturAcademy 4 года назад

Glad you enjoyed it!

@eliasrayz1412 4 года назад

ive been looking for this for SO LONG.

@TheFuturAcademy 4 года назад

and here it is.

@filipfelbar2001 4 года назад

This was a very insightful video. I think you just changed my entire perspective on how I'll be approaching grids within design projects. Thank you Chris!

@TheFuturAcademy 4 года назад

Glad it was helpful!

@sx3todd 3 года назад

i’ve been working as a self taught designer for almost 2 years and never knew of the fibonacci sequence. will defo apply this next time!

@Ddos2212 4 года назад

THANK YOU very much. This is what I was searching for a loooong time.

@_okeko_ 4 года назад

Why I paid school for ? Seriously. Great content

@robrobusa 4 года назад

Networking and Degree, probably. ;)

@Aumi777 4 года назад

A wise lesson in life is if you want to do something right. You learn all your basics. You believe you're a master because you know nothing and have nothing to compare yourself to. Dunning Kroger effect.

@Aumi777 4 года назад

I am an advanced designer at a large firm. The sequence he used is mediocre work. I would not used that in any environment. The sequence starts out not close to golden ratio. As the sequence gets closer to 20+ sequence. We see the ratio of 1.618. That's what you want to incorporate. Not that grid system.

@ajm7375 4 года назад

Wow read your comment... I think you mean why did you pay for... the Language class must have been free

@abirsarkar7075 2 года назад

@@Aumi777 ,could you suggest some books or resources that teaches about the ratios and how to incorporate those ratios into designs. Please note i can't afford formal schooling.

@maliqhall8434 4 года назад

I’m going to try this out! Thanks Chris + the Futur team 💪🏾

@luxbook 4 года назад

So glad you made this into its own video! Thanks! You guys are killing it!

@TheFuturAcademy 4 года назад

Appreciate it

@aik64g 4 года назад

Cant wait for next typography critiques. When can we expect too eager for it

@TheFuturAcademy 4 года назад

Tuesday 11am

@aik64g 4 года назад

Wow best contents on whole youtube on design.

@yashbutno 4 года назад

The way many people and content platforms talk about the Fibonacci grid has always bugged me. This is the first time I've seen appropriate use of this grid. Would you say that it adds objective 'beauty' to a shape or composition? I've seen people overlay it on everything from logotypes to paintings, and I just can't see the logic. To me, it seems that this grid is good at breaking repitition (in a consistent manner, if that makes sense).

@TheFuturAcademy 4 года назад

I think using it doesn't guarantee anything, but it makes your elements related to each other.

@taylorbush5534 3 года назад

This is the best graphic design channel on RU-vid. I indulge in this type of content and succinct. Thank you so much!

@mustaphanail2005 4 года назад

Omg ..that's what I wanted to learn those days and you did it today ..thank you for readingmy mind 😂 lol

@TheFuturAcademy 4 года назад

Any time!

@pitershmitter9997 4 года назад

I know about the grids. I know about the Fibonacci sequence. But it seems I am not experienced enough to make an experiment of combining those two.Thank you, for the leap in time and my thoughts boiling!)

@TheFuturAcademy 4 года назад

give it a shot and see what happens.

@josephgraham6098 2 года назад

Chris is the best. Creative organization is key and this is another awesome tool.

@AslanTO 4 года назад

Its actually like Golden Ratio(1.618), 5x1.618=8.09 and take integer, 8x1.618=12.94, ~13 I usually use this method for grid or spacing

@Floppin20 4 года назад

I'm happy you created this school! :) you are awesome !

@CaptainBullzAQW 4 года назад

i never knew fibonaccis could be implemented into designs, thanks!!

@johnsolis6745 4 года назад

Stumbled on this months later. Great approach - I'll try this on my projects going forward. Thanks gang!

@aaryanpashine6633 4 года назад

Been wanting this video since a long time

@adreyy9764 4 года назад

Great video, but I have one question: How should I rotate those forms to create the grid? Can I place them ANYWERE or do I have to put them in corners or on the created guidelines?

@gearlounge3743 Год назад

very very important things learned Alhamdulillah. Thanks brother for your precious efforts

@Fly2471 4 года назад

I don't understand steps at 1min 44 sec.. how do we know how far down to drag our shapes to make the grid??

@TonyFalcon76 3 года назад

Now i finally got a clue how to use that fibonacci thing, thanks a lot man!

@windunes 4 года назад

I'm amazed with @thefutur videos and learning so much!!

@NTL00 Год назад

thank you, this short clip is very helpful.❤

@md.sumonbiswas2272 3 года назад

Hello sir, I want to see this type of logical things. It's really helpful. I love the future academy.

@naomigoldstein9381 Год назад

Thank you very much! You explained it amazingly simple :)

@sherjeeljaved5954 Год назад

Thanks for doing this, could you do a full run through on how you would add other elements such as typography in to the canvas somehow?

@chriskilbane7378 4 года назад

This is great Chris, I am experimenting with this in my layouts, I wonder, do you have any go to references for working with golden ratio grid logo designs and logo type designs specifically reviewing decisions on how to get the grid to work with varied logo design examples? I have created the golden spiral to plot my squares and circles so there is a relationship between the elements in my logo designs as a starting point but when I look at some grid examples in other work I have come across uploads which show shapes that extend way out of the logo but do not correlate with all the proportions leading from just one golden rectangle; can more than golden spiral be used like in Da Vinci's paintings? Do you know of any working guides for problem solving this process to help me with decision making when I'm constructing logo designs using the golden ratio method?

@adnanislam3706 4 года назад

How to practice typography like where will i find ideas to practice with .... any suggestions? thanks for the awesome tutorial

@pitershmitter9997 4 года назад

Watching this reminds me about old movies. Where the plot is about evil rich guy, who is kidnapping some rare person with some kind of fate gift and trying to take that person apart, to inject those blessings into himself. I bet there is thoughts in the audience to take a piece of one smart guy we all know and inject into themselves)

@Matteo_Etzer 4 года назад

Really liked the video! I just have one off topic question: Do you like those headphone? They look really nice...

@TheFuturAcademy 4 года назад

Yes. Love them

@JanKowalski-zm8cy 3 года назад

The sequence will be started at 0 : 0 ( 0 point not segment )+1=1, 1+1=2; 1+2=3; 2+3=5, etc. - 0,1,1,2,3,5,8, etc.

@donbao Год назад

Thanks. It's something new and unusual for me

@G33kyAli 4 года назад

Why is chris's screen always so low frame rate/shuttery? I know I'm nitpicking and I do love this challenge, but everything else is so high quality

@TheFuturAcademy 4 года назад

I’m doing this over zoom. It’s probably having a hard time keeping up.

@bonzai0331 4 года назад

Thank you!

@TheFuturAcademy 4 года назад

You're welcome!

@Trazynn 4 года назад

Antisymmetry is also a great idea to use in layout.

@TheFuturAcademy 4 года назад

Yes. Asymmetry is good

@aniketpatil6399 4 года назад

futur the revolution in the design industry.

@fleiwo797 4 года назад

Sehr hilfreich und anschaulich erklärt. Vielen Dank. :-) TOP.

@freddycruz512 4 года назад

This is my favorite video 💌

@sumeetgupta77 3 года назад

Thanks Chris

@zaidchairi3863 4 года назад

Love you chris

@TonyFalcon76 4 года назад

great as always! thank you very much.

@jesieledrada7419 4 года назад

Really , really love it .

@jurjenyoutub 4 года назад

Oh, sweet grids

@rickoikoo 4 года назад

Bc this, im suscribe this channel. Thanks a lot!

@vladan.Poison 4 года назад

Fantastic !!! same colour of headphones cable nad glasses... concidence or not ?

@TheFuturAcademy 4 года назад

Not a coincidence. :)

@adrianfels2985 4 года назад

1:40 how much downwards? as i want?

@shravangubbi5670 4 года назад

Pure gold*

@R9virus 4 года назад

The numbers (1,1,2,3,5,8,...) shouldn't it be based on some scale, Like make it (1x,1x,2x,3x,5x,8x,...) and the x represent for example like (1/10) of the artboard width or height ?, Or the scales doesn't matter ?

@TheFuturAcademy 4 года назад

I'm just telling you how the Fibonacci sequence was developed. The number sequence is a unit. you can scale it up and down and it doesn't change the relationship. Coincidentally, when you divide a number by it's predecessor, you get a number very close to the gold ratio of 1.618. spooky.

@sashabeep 4 года назад

All the golden ratio doesn't matter anything. It's a myth

@CryptoFeeders Месяц назад

is gradient Background called as White space?

@chriskilbane7378 4 года назад

Here is my question more condensed: If you continue to increase the squares in the fibonacci sequence does the spiral go outside the rectangle? I am working on logo designs using this method and I can see how circular shapes work with it but what if the shape is curved only slightly this will need to be two circles and a linear line? Does anyone know the rules for this? Can you use more than one golden rectangle in a grid to build different shapes as long as you use the ratio of 1.618 between them and there is a balance in the design?

@kmangala6961 3 года назад

The Futur Academy Please Will you Teach about Rule of Third in Indesign.... or if anything video already else... please comment...

@rectify2003 2 года назад

Thankyou

@jmorton2585 4 года назад

It is a ratio that gets more precise to 1.618, and so, there are no skipping of gridlines. Otherwise, it is takes on the opposite visual effect (ugly).

@jmorton2585 4 года назад

Use 38, 38, 62 and 100 %.. It equates to rationalizing but still frackin awesome! Look around and measure stuff to the naked eye, and you'll see...'The Greats' never do steal, pillage or rape off anything from our design of any nature, instead they engage kindredly to an existential field of view that is growing all around them. It is simply and easily pleasing in both fashion and function whether you know it or not. You were born from it. .

@jmorton2585 4 года назад

A prime example that you can create is with a Christian cross that grows in each segment. That is most desirable to the naked eye if the top segment is in ratio being as the shortest segment. You can mix it up alittle keeping the ratio where you want to behold the focus.

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

Okay Gotta go do some more studying, I have no clue about the decision behind where to put the elements on the grid

@bethany9563 2 года назад

GRIDSSSS R LIFE

@jeanmarie8525 2 года назад

That’s interesting

@adrianfels2985 4 года назад

And the first form which I create the other forms from (so the form 1) can be arbitrary as well, right?

@hectoraldairaguilarhernand231 4 года назад

Just because you use a grid doesn't mean that is good. Very good video as always!

@bahadurkhan4431 3 года назад

Nice.

@chrissre7935 4 года назад

I stopped relying on Fibonacci proportions because not only was it limiting my designs. And when I purposely made all my designs using Fibonacci and others using the same assets would be made using other proportions. Statistically more clients picked the projects where I didn't use the Fibonacci sequence. I'm not saying I debunked it or whatever. Also, I would argue if you are looking at the text with different characters, margins, etc. you all ready brake the proportions.

@ArturJBCosta 4 года назад

Thumbs UP!

@otis5d 4 года назад

Can we download this grid plz?

@gohangaijin 4 года назад

nice video, but i dont think he answered the question that was asked first. or i was just to stupid to get it...:(

@TheFuturAcademy 4 года назад

What was the challenge for you?

@gohangaijin 4 года назад

@@TheFuturAcademy so how i understood the question was: "how do i decide which Grid to use, for a project?". its a queston i always ask myself when i start a new layout. usually it ends in me trying until i find the best grid for the content. but is there a system when to use a 3,6,9,12.. or any grid? i studied the brockmann gridsystem book for a while and not even there they truly say when to use which grid, or maybe i have missed the part^^ but i guess its really a personal thing and a design choice, which Grid to use. The Book "Page Design" helped me very much to see how different Grids are used in all kinds of Magazines!!

@nikkisartvideos6412 4 года назад

dyan shirai Actually the original question the guy asked was about the “Golden Ratio” and how to use it for selecting which grid is best. The “Golden Ratio” is another term for the Fibonacci series because that series of number was found to appear in nature in many things considered aesthetically pleasing. So if you didn’t make that connection you may have missed why Chris answered the way he did. The 3,6,12, etc. grid systems aren’t Fibonacci/Golden Ratio numbers (except for 3, of course) so considering those systems in the answer would probably have missed the mark, although I’m sure Chris and camp have an equally excellent answer for your question as well. 🌺

@gohangaijin 4 года назад

@@nikkisartvideos6412 ahh now I see! Cheers man:)

@katherinelandreth2191 4 года назад

@@TheFuturAcademy The question as I understood it was how to decide which grid is a good choice given the type of content you have - among the choices of golden ratio, 12 col, etc. This gave an example of how to use a fibonacci grid for typography but didn't expand on *why* you would use it in this way, or *why* it's better than another choice for this type of content. I think it was a good explainer on how to build this particular kind of grid but did not address the question as I understood it. The questioner said "I've been experimenting with the golden ratio, and 7 columns, and 12 columns, and all these different grids. How would you go about picking the grid for a project that fits the content". So he wants to know, among the various kinds of grids available, how do you pick one that will work with the content you have. This video is a great explainer on how you could use the golden ratio to make a grid, but does nothing to explain why it works for any particular content, or why it works for a kind of content better than a 12 col, 7 col, or any other kind of grid.

@mahanly 3 года назад

Interesting.

@colloidalsilver177 3 года назад

So dope

@prayush78 3 года назад

Yo what are the shortcuts he uses but for a Windows..... I'm a beginner..... Please help

@luthfanwicaksono2721 4 года назад

Thanks, Fibonnaci :')

@TheFuturAcademy 4 года назад

grazie

@fajleyrabbe2930 4 года назад

3:31

@gongsakura 4 года назад

awesome awesome!!!!

@TheFuturAcademy 4 года назад

Thank you! Cheers!

@davvethewavve2182 3 года назад

Wow

@daichicreatives 2 месяца назад

Why does this work? Do we understand symmetry/order before our minds do? What is this wizardry

@khoahthong4434 4 года назад

this IS the golden ratio, though. XD

@TheFuturAcademy 4 года назад

very close to it.

@nomnom4411 4 года назад

Love u

@des7638 4 года назад

Amaze balls

@Al_Max 4 года назад

YOU TEASE!

@madness5693 4 года назад

I will be able to afford your paid courses one day.

@soejrd24978 4 года назад

Scaling by 1.618

@ToyotaCharlie 4 года назад

All cool and dandy. But he didnt really answer the question, did he?

@TheFuturAcademy 4 года назад

Didn’t I?

@k8idid 3 года назад

Wow. That's mind blowing... On sight the 1.618 (golden ratio) has never really worked if you eyeball it. It always feels uncomfortable. Our eye doesn't want to see the ratio outright, it wants to build to it in line with the Fibonacci sequence. Hence the symmetry in the beginning, and then working up to the ratio 1.618 as you go... fucking ridiculously weird and awesome... and you are basically there after you add 89 blocks to 55 blocks... which is ... 144 and now I'm going to go curl up in a corner and question my life... 144?! Seriously. Okay, so that's why 144 is revered as a perfect number because of the way the 144 / 89 ratio looks to the eye. Does anyone want to go with me down this rabbit hole? ... Anybody?

@Joanamadasun 2 года назад

😂 I a bit confused, but this sounds incredible

@ResayDota 4 года назад

I wouldn't betray John Abruzzi with this..

@markcontreras3572 4 года назад

Resay Dota ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-RG0emQxHxFQ.html

@ResayDota 4 года назад

@@markcontreras3572 holy! Never knew they said it that many 🤣

@MORTRAX 4 года назад

the boxes u made are not the right ratios. i dont want to be negative, but u can make a better tut on this topic. 👍🏽

@polinavolf4356 3 года назад

What would be the right ratio ?

@transgreaser 2 года назад

🙏🤩🤯

@Seanonyoutube 4 года назад

I understand exactly nothing from this video.

@incognito1110 4 года назад

It's kinda make sense, i guess?

@enahabel157 2 месяца назад

Still not clear

@Bob-fj7lr 3 года назад

Bruh this Literally made me go OH

@yungchillboy4170 2 года назад

god damn

@piotrgurgul7977 4 года назад

It has almost nothing to do with fibonacci sequence. At the beginning - yes, but as soon as you rotated the group it has NOTHING to do with fibonacci...

@VioletYT 4 года назад

I think things got messed up when he combined the rotated groups.

@snebold 4 года назад

Are you kidding me? I’ve worked in the design field for decades and have never seen anyone ever use this particular grid technique. It’s like a mythical animal that won’t die. He could have just divided up the page into any number of evenly spaced columns and rows and designed his boxes within that. You still need to make decisions about where to place elements and their size relationships to make a balanced layout. He basically said as much. Sorry, but I’m going to have to downvote this one.