Complete Layout Guide

Don't waste more time dragging things around until they look good. Watch Matt talk about the Principles of Layout on Part One of this three-part series of videos. In today's episode, he discusses 3 ideas: Focal Point, White Space, and Hierarchy.

📽️ CHAPTERS
00:00 - Introduction
01:00 - Focal Point
02:38 - White Space
03:48 - Hierarchy
04:56 - Examples

⬇ Did you find this video helpful? Tell us what you think in the comments section and stay tuned for the next two videos. ⬇

📱 Find us on SOCIAL MEDIA

Thanks for watching our video!

#Design #Layout #FluxAcademy

[sleeper_.]

I love the simplicity of this video: focal point, white space, hierarchy.

[MahirAlsamua]

As a graphic designer, I never had access to this information in school. now I understand the grid logic and dynamics much better thanks to your channel.

[saravolf]

I'm learning web/layout design for work, and music production in my spare time. The similarities just blew my mind. 🤯

[TheThinkersBible]

Very useful and practical guidelines that are core and basic but too often forgotten or neglected. Appreciate the reminder and the instructive way you presented the principles.

[nordica]

Programming for musicians, I love it!. Being both, a developer and a musician myself, I catch every analogy on your video very easily.

[zeeq]

Thank you, Matt. I wonder if I can link this video to my clients/stakeholders when they tell me to make things BIGGER.

[glendanascimento]

Thank you so much bro. Sending virtual hugs. Worked like a charm ;-)

[pauladeconte]

Absolutely great video! Great content!

[lga]

The headline on Figma should say 'We hope you like working with someone watching over your shoulder' or 'Too many cooks in the kitchen' in a cute font.

[whimsicalcellbooster]

Great video as it always used to be ;-) Keep up the good work!

[datafricankid]

Hello! Thank you so much for this great information! However, I've been unable to download the handbook from your website, please what can I do??

[MiningForPies]

Can anyone recommend where a back end dev (me) can learn the basics of design. I don’t need to be an expert but making our internal apps look better will be key to getting buy in. Sick of basic sites that are just a combination of forms for inputting 😕

[mvtro]

no way. the focal point is that red dot sitting on the left of the video

[harbourdogNL]

RULE #1: Less is more.
RULE #2: A maximum of two typefaces.
RULE #3: Go back to Rule #1 again.

[MrUNhelp]

Uh I found the brother of laas unlimited

[nevertired]

Erase the rework text and move blue take control text in place of it and problem 90% solved.

[eraymakal]

the pantone web site is sh*tty as it was. Can't believe that how badly it is designed.

[kennyslg]

As a musician and engineer of 12 years, I absolutely LOVE all the analogies you made between web design and music composition. I never thought about it like that, just like how music needs soft and loud dynamics to remain interesting, it makes perfect sense the same concept applies visually.

[danielleceleste]

It’s crazy that the Pantone website sucks so hard. They never got away from their parent company X-rite that made X-rays. Totally not about design.

[DominicVictoria]

Wow! This is well crafted lesson. I always hear these terms in design but just now that understand their connection to each other instead of separate concepts.

Whitespace contrast focal point, multiple focal points can be arranged in a heirarchy. It makes so much sense now.