Complete Layout Guide
June 30, 2024 2024-06-30 3:20
Complete Layout Guide
Watch Part 2 (Grouping, Scale, and Sequence): https://youtu.be/_Pp0JHEswMk
Watch Part 3 (Alignment, Balance, and Grids): https://youtu.be/DP9Bzd4_-NM
🤑 FREE “Principles of Layout” Handbook – Download here 👉 https://bit.ly/3M7cuB3 🤑
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. ⬇
Don’t forget to subscribe to our channel for more Design Content. Click here 👉 https://bit.ly/33byV7L
🎨 Learn the Art & Business of Web Design. Check out all our courses 👉 https://bit.ly/3jMxocU
📱 Find us on SOCIAL MEDIA
Flux Academy’s Instagram 👉 https://www.instagram.com/flux.academy/
Matt’s Instagram 👉 https://www.instagram.com/mattbruntondesign/
Matt’s Youtube Channel 👉 https://www.youtube.com/c/MattBruntonUK
Thanks for watching our video!
#Design #Layout #FluxAcademy
source
Comments (34)
@Vhusi
The Pantone section had me giggling
@brooklynboy1000
Been a musician and graphic designer for many years. Many designers are also musicians Same part of the brain
@becky7008
Great channel! Keep up the good work 😊
@saravolf3753
I'm learning web/layout design for work, and music production in my spare time. The similarities just blew my mind. 🤯
@MohamedSuhail-pp1ej
great
@YouDoesRblx
Balls
@newlightning2306
Great video so far(just over 4mins in) but as a Brit listening to a Brit, it’s disappointing to hear the American influence on British vernacular. The British version of the word is ’orientate’. Just saying.
@kebetuagency
The Pantone website knows what they are doing. The shop Now button is the focal point. They probably noticed a problem that people don’t know they can buy straight from their site. Their designers decided to do something radical. A test of conversion rate optimization may tell them the design is just right.
@MultiSciGeek
I was hoping for a Pantone redesign.
@MultiSciGeek
Interesting… Can you do apps specifically?
@keyannaharper3916
My brother works with Pantone and has redesigned a bunch of their things. Look much better now
@aloalo-ss5vl
You’re a complete artist
@ss-xv7nn
Hello everyone, how are you? If anyone can help me, I would be grateful. In the focal point part, which side of the page would you recommend my focal point to be on? Left, right or center.
@Pixualz
Flux academy is resourceful
@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??
@carolacv3471
Quality above quantity
@AMoktar
Amazing video, thanks 🙏
@user-os6sq2ir2w
cool video)
@fallenboy1947
At 1:40 all I can look at is that red square thing in the left….
@ikamy
bashing PANTONE 9:14
@christophercooper6731
The Pantone example is what's known as a madman's s**t.
@HeyMyian
Wow, I needed to see that trainwreck of a Pantone website myself, but they changed it. Now they have a "SHOP ALL" button that is not exactly centered and looks slightly different than their other buttons, they have a carousel for four items that SHOWS four items, they have randomly rounded corners or straight corners on their images, they have text as image, random headline styles, wrong line-spacing… They jumped from the frying pan into the fire, it's glorious 😂
@hasnainmalik8982
So, what I learn so far, from this video is create a focal point add a bold or sharp heading or title and very small text paragraph limited lines
And a lot of white space.
@adilughratdar668
Bro said a whole lotta nothing
@nikitamoiseev9877
Super! Great comparison between mixing and designing.
@vojtaborsky
love it, thanks
@LuLeBe
-3db integrated loudness music would like a work about needing quiet spaces in between xD
@jakubstrumillo
White space, isnt proper name for this. It called negative space in photography and this name is not only correct but also more accurate.
@SeansAnthology
10:10 I didn't even realize that was a video until you pointed it out there is so much going on in that image.
@shanemilk9741
Thanks!
@redowangrafix
Helpful video.
@John83118
I'm amazed by the comprehensive nature of this content. A book with similar substance offered immense insights. "A Life Unplugged: Reclaiming Reality in a Digital Age" by Theodore Blaze
@user-kn4oi9oh4i
Mah man created an amazing guide!! You earned yoself another subscriber mah man
@eraymakal
the pantone web site is sh*tty as it was. Can't believe that how badly it is designed.