How To Draw And Use Fibonacci Grid In Your Design Layout

[@tinisnottin]

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_]

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

[@TheFuturAcademy]

Glad you enjoyed it!

[@eliasrayz1412]

ive been looking for this for SO LONG.

[@TheFuturAcademy]

and here it is.

[@filipfelbar2001]

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]

Glad it was helpful!

[@_okeko_]

Why I paid school for ? Seriously. Great content

[@robrobusa]

Networking and Degree, probably. ;)

[@Aumi777]

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]

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]

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

[@abirsarkar7075]

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

[@taylorbush5534]

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

[@maliqhall8434]

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

[@josephgraham6098]

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

[@luxbook]

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

[@TheFuturAcademy]

Appreciate it

[@sx3todd]

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!

[@yashbutno]

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]

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

[@Ddos2212]

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

[@adreyy9764]

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?

[@pitershmitter9997]

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]

give it a shot and see what happens.

[@AslanTO]

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

[@gearlounge3743]

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

[@JanKowalski-zm8cy]

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.

[@NTL00]

thank you, this short clip is very helpful.❤

[@aik64g]

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

[@TheFuturAcademy]

Tuesday 11am

[@aik64g]

Wow best contents on whole youtube on design.

[@aaryanpashine6633]

Been wanting this video since a long time

[@CaptainBullzAQW]

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

[@Floppin20]

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

[@chriskilbane7378]

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?

[@TonyFalcon76]

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

[@johnsolis6745]

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

[@mustaphanail2005]

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

[@TheFuturAcademy]

Any time!

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

[@donbao]

Thanks. It's something new and unusual for me

[@naomigoldstein9381]

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

[@adnanislam3706]

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

[@windunes]

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

[@jesieledrada7419]

Really , really love it .

[@aniketpatil6399]

futur the revolution in the design industry.

[@sumeetgupta77]

Thanks Chris

[@freddycruz512]

This is my favorite video 💌

[@md.sumonbiswas2272]

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

[@Matteo_Etzer]

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

[@TheFuturAcademy]

Yes. Love them

[@vladan.Poison]

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

[@TheFuturAcademy]

Not a coincidence. :)

[@bonzai0331]

Thank you!

[@TheFuturAcademy]

You're welcome!

[@pitershmitter9997]

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)

[@Trazynn]

Antisymmetry is also a great idea to use in layout.

[@TheFuturAcademy]

Yes. Asymmetry is good

[@TonyFalcon76]

great as always! thank you very much.

[@bethany9563]

GRIDSSSS R LIFE

[@fleiwo797]

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

[@Fly2471]

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

[@chrissre7935]

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.

[@rickoikoo]

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

[@G33kyAli]

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]

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

[@CryptoFeeders]

is gradient Background called as White space?

[@adrianfels2985]

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

[@shravangubbi5670]

Pure gold*

[@zaidchairi3863]

Love you chris

[@R9virus]

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]

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]

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

[@hectoraldairaguilarhernand231]

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

[@yohannesJas]

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

[@kmangala6961]

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

[@rectify2003]

Thankyou

[@jurjenyoutub]

Oh, sweet grids

[@chriskilbane7378]

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?

[@otis5d]

Can we download this grid plz?

[@jmorton2585]

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]

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]

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.

[@adrianfels2985]

1:40 how much downwards? as i want?

[@ArturJBCosta]

Thumbs UP!

[@bahadurkhan4431]

Nice.

[@colloidalsilver177]

So dope

[@luthfanwicaksono2721]

Thanks, Fibonnaci :')

[@TheFuturAcademy]

grazie

[@jeanmarie8525]

That’s interesting

[@mahanly]

Interesting.

[@gongsakura]

awesome awesome!!!!

[@TheFuturAcademy]

Thank you! Cheers!

[@prayush78]

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

[@Al_Max]

YOU TEASE!

[@davvethewavve2182]

Wow

[@gohangaijin]

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

[@TheFuturAcademy]

What was the challenge for you?

[@gohangaijin]

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

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]

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

[@katherinelandreth2191]

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

[@fajleyrabbe2930]

3:31

[@khoahthong4434]

this IS the golden ratio, though. XD

[@TheFuturAcademy]

very close to it.

[@madness5693]

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

[@ResayDota]

I wouldn't betray John Abruzzi with this..

[@markcontreras3572]

Resay Dota kzbin.info/www/bejne/iHiTlqCHra2rfLM

[@ResayDota]

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

[@soejrd24978]

Scaling by 1.618

[@nomnom4411]

Love u

[@daichicreatives]

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

[@des7638]

Amaze balls

[@ToyotaCharlie]

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

[@TheFuturAcademy]

Didn’t I?

[@Seanonyoutube]

I understand exactly nothing from this video.

[@incognito1110]

It's kinda make sense, i guess?

[@piotrgurgul7977]

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]

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

[@k8idid]

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]

😂 I a bit confused, but this sounds incredible

[@Bob-fj7lr]

Bruh this Literally made me go OH

[@transgreaser]

🙏🤩🤯

[@MORTRAX]

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]

What would be the right ratio ?

[@snebold]

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.

[@jurggjon]

Sorry but this seemed so useless

[@yungchillboy4170]

god damn

[@enahabel157]

Still not clear

[@adrianfels2985]

s

[@runner9357]

:'v palomino me trajo aqui

[@zeecee5881]

Huh?

[@stevo6572]

Makes no sense