How To Design Good Layouts

🤑 FREE “Principles of Layout” Handbook - Download here 👉 bit.ly/3M7cuB3 🤑
Learn how to build Custom designed websites with Webflow: tinyurl.com/y2xwdugk
-
Flux is proudly sponsored by Webflow, start a new account with an awesome discount:
bit.ly/FluxWebflowDiscount
-
Gear & Book Recommendations: bit.ly/2ohFOuj
-
Freelancing? Send awesome proposals with:
www.goprospero.com
-
Twitter: / ransegall
Instagram: / ransegall
-
Join the Flux community on Patreon:
/ flux_ransegall
-
Work Hard & Be Nice Poster:
society6.com/ransegall

[@Jsosa787]

Bro! You don’t even know how much of a difference this one video made on a poster project I’m working on. Literally took my design from boring crap to an interesting, dynamic piece of art! 🙌 thank you!

[@sakshibhomia9701]

Please share a link! :) We would like to have a peep.

[@olliepop369]

Such a simple way to put it! I love this and I‘m gonna think of this every time I create any kind of layout from now on. Thanks Ran 👍

[@SketchbookStudioo]

You’re awesome man, thank you. You’re so genuine, much appreciated.

[@atmanvisual190]

I bet most of us have an idea of hierarchy but the way you frame it is really practical and straight forward. Thanks!

[@DarrenbyDesign]

such a simple concept yet I tend to forget this approach to my designs a lot... guess I have a lot to learn still. Thanks for the reminder Ran!

[@milanantolic6414]

Visual hierarchy, your tip is to establish a visual hierarchy.

[@foxfoxfox4866]

he said it better though

[@fukkenell]

Thanks so much!!! Even older designers like me needs a refresher from time to time!!!

[@user-eu9ht5me5j]

Great stuff!!!! the way you explain is so simple and memorable! I want more!!

[@arpadracz-fodor3864]

GREAT STUFF! It Really Helps Us All Out There Trying To Improve. thank you!

[@Uxarif]

Very helpful tips for all designer Thank you very much

[@Thisisroque]

very cool! thank you for sharing. this is super helpful even for experienced designers. Id love to hear your take on working with grids and how to build them.

[@kacperwalter]

Good tips as always, thanks Ran!

[@avimehenwal]

Excellent video ... crisp to the point and with examples. Thankyou for such high quality work :) Definately learnt some layout design today

[@Mike-schmike]

Arguably the highest quality, most under-discovered design channel on youtube.

[@movingdog5352]

Nice framework for building hierarchy. Client priorities can be overlay on top of this - ultimately a conversion funnel. Thanks Ran!

[@westfield90]

Really liked this video since it’s very well explained and demonstrated

[@samirwahab9697]

Thanks Ran, very useful tips.

[@PastelDesign]

I loved that! Thank u for that content, it's very helpful em simple to understand.

[@AsadAMalik-ld4fr]

Wonderful tip Thanks Ran 👍

[@cedric_ly]

Awesome top Ran! Thank you very much for helping us better understand how to design great layouts! :)

[@EduwareIzekor]

Very nice example you used. Basiclly if we just studied the fundamentals of the principles of design and applied them we will always great awesome layouts.

[@shanemoran570]

that was super helpful, thanks a lot!

[@ianjones6308]

Always good to have this re enforced. Basics are good to revisit.

[@daylondiorr]

I need this for a school project so I hope it’s good

[@sananto6896]

Damn, such simple yet powerful design tip. Thanks for posting.

[@MrAndi1281]

Great tip and explanation!

[@nasimsarkar]

Thanks a lot. I'm new in the field of graphic designing and I could not understand why my designs look unprofessional even though I try my best. Thanks for sharing this core concept. I'm sure I'll be able to improve my skills keeping this simple concept in mind.

[@apachehelicopter7625]

I learnt more in this video than the 3 years I put in design school with my layouts...

[@julieshannon7269]

Thanks for doing this awesome video, learned so much!

[@leelawrence3728]

Thank you, brilliant!

[@Biggerjoy]

Thanks a lot This video really helped

[@laluenbaires]

Thanks! That was helpful.

[@h3rzmus]

Thankful for this video! :)

[@freshmindideas3222]

Nice idea, thanks!

[@EddyTritten]

When I saw the title of this video, I thinking "volume contrast !"Turns out I was right, I'm now confident and ready to tackle my day haha thanks Ran, great advices

[@ademjefit]

Amazing info, big thank you!!!!

[@reddydevraj29]

Thank you a lot!!!

[@halimsallehuddin3152]

Gold. Thanks!

[@aluuusch]

Oh it's all "Powered by weblow!" ...just noticed for the first time. For me no deal breaker. but now I see where the whole affection for webflow is coming from, maybe!

[@benjaminli9853]

Thank you ❤

[@jonathanyturralde]

great info. thanks for sharing

[@dadiazar]

Thanks!!! so usefull!!!

[@stevoyah]

Good tips to share!

[@edberaga]

Thank you so much! this really helpful for my web design

[@FluxAcademy]

You're very welcome! 😀

[@vamboo8918]

Thanks

[@pratapsingh-rw9pi]

thanks

[@sajjadkarimi3329]

Nice , this is helpful if we had project such as UI design in video :)

[@maryannmolina1333]

Hi can you help me what settings I can use for designing page for printing in noritsu machine

[@obadashammout]

thanks bro

[@florianblach7869]

Great bro!

[@sunnyprakash8777]

I think that is how contrast also works.

[@infographie]

Excellent

[@abdulwahabduru7015]

Thank u

[@halliphax7899]

So hierarchy. Noted

[@DivyaRaviraj]

Hey! Thanks for this video. I had a question. Where do you go to draw inspiration from. For example the website you mentioned you refer to for posters.

[@FluxAcademy]

inspiration is everywhere: art, nature, history, architecture..

[@donisahputra1661]

Its also font size, you should've mention that to. Thanks, i like this kinda videos

[@amitnaamani5702]

love it

[@TheNightscene]

Nice!

[@emmanuelgarcia1615]

Can u help me how do u do layouts for logos like for a salon

[@royalparvej9334]

Useful Video

[@SyntaxSTV]

What I think you're referring to is basically the Golden Ratio, but in simpler words. Adding contrast between elements by adjusting their size, but also keeping a decent flow. Great tip!

[@victorumoren8960]

Dope

[@2DEKAY]

In this video you will find such pro tips as: "There needs to be a big thing, medium thing and small thing, and there can be multiple of these things."

[@DAEDRICDUKE1]

When I heard these word my hairline came back overnight!

[@Beaut1fulC]

Thats funny

[@whimsical.me1]

how they make that helmet rotate

[@TheSaintsVEVO]

Go to 1:50 for the tip.

[@TheBiggerBooger]

what is that damn font on Nuria?

[@mdjahin99]

how can i make that 3D helmet ?

[@HMalem]

are you asking about 3d modeling software. or how to implement it on the app ?

[@mdjahin99]

@@HMalem both sir

[@peterjacksonanton4814]

You can also think "Huge, medium, tiny" to remind yourself to exaggerate the size contrast

[@raimongonzales]

6:04 Here I have a big thing...

[@amongdoomers9464]

what do you mean😂

[@enaungong]

2:03

[@rdu239]

But then again art design is SUBJECTIVE, a graphic designer's proposals may look good, however if their editors have a different vision, they will mostly likely disapprove with your work and will have to start all over again. Even a cover design for magazine can be a grueling thing for designers who are staffs.

[@angeladhillon9983]

Subtitles plz ..

[@FluxAcademy]

Thanks for the suggestion and sorry for not having subtitles. We'll look into this.

[@raimongonzales]

Here I have a big thing... and a medium thing...

[@madhavan566]

First!

[@akshaydesai6805]

Man you got to change you r lens, that makes your head look way too big.

[@paul-filipilasca1632]

you sure use `probably` a lot

[@DirkHelbert]

Very good explanation. Thank you very much. Your workspace looks like a hamster cage. I hope only the perspective is deceiving. :-)

[@Potenti4lz]

Your room is so small it echos. Annoying...

[@ahmadmuslih]

Are you his coworker?

[@Leo-ce7ck]

Who else comes for geometry dash 🤣

[@rawgage9159]

Dude, you literally said nothing useful!