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.
every field has the same stuff, nuances , and secrets that only the pros know. I believe engineering uses majority of the stuff artists, designers and musicians use. (those nuances and vague secrets)
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.
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.
Great refresher and back to basics. I'm working with my first paying client so this is perfect. She needs more than just a website, so I love this applies to other types of design. I learned basic photography a few months ago and apply the rules of thirds to every design. Which I'm still practicing and trying to get better at. I wasn't too confident on how much white space to leave so this helps a lot. I've got a couple designs to fix. Looking forward to the other videos.
Now I personally would like to see the “How To , make a focal point? Where TO place the focal point or best places to place the focal point? How to achieve successful hierarchy and alignment? How to create creative layouts ? How to balance white space? What are some different layouts styles and combinations that are successful? “
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 😂
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.
Maybe a better idea would be to sell them on the idea by storytelling - that the design needs to breath, that the space gives a feeling of freshness, that amidst all this calmness here approaches the "hero" of the design etc. :) a little humor and storytelling goes a long way
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.
The pantone website design is a headache to a designer. A feeling of an autistic that can't calm down until it's fixed. However, it's just happened that the brand is already famous that's why clients don't care about the design. Also, they don't sell designs, they sell color pallets. Because of it's design, no one would trust them 😅.
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.
Just wached something else before this, 12 minutes long, but I was asleep getting board and never learned anything. But immediately after that, I watched this less, exact length, and I learned the info that last me lifetime as a designer in a very effective way. You are easy to follow and thanks to Flux Academy. Just wow.
Pantone seems to have updated their website, and it looks much better. Still, I'm not a fan of the typography as there are many many different sizes, weights, styles (currently June 2023)
Hello, Sorry you’re having trouble accessing this resource. Please click "Help" on our website (bottom right corner) and a member of our team will assist you.
Have you read the article "Design Demystified | Visual Design Principles 101" because you sound exactly like what the article says. Btw great explaination.
Great info and visual production quality, but from an audio perspective… RX9 de-breath -> RX9 de-mouth noise-> noise gate will increase the listenability of the voice over tenfold.
I have a question about the page/section height. When I watch design videos, most often when designing for desktop screen sizes designers use a 1440x1024 frame however the actual viewport height of the browser is usually significantly less. As a developer I can either make the section vertically responsive and make each section fit perfectly into the vh(viewport height) or keep the height pixel perfect to the design and just accept that on many devices the bottom of the hero section for example would not be visible until the user scrolls down. I am a developer with a some design skills but I'm very green In web design so I imagine this may be obvious for some however I was curious if there was a concrete/industry standard solution or if this is more of a judgement call.
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
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.
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.
Design is deeply embedded in everything we do and the objects we interact with on the daily.
@@juanchojack Absolutely!
ruclips.net/video/HRfkdcrp2Mk/видео.htmlsi=yH1ml5wzD5QdjxlC
yup me too!
every field has the same stuff, nuances , and secrets that only the pros know. I believe engineering uses majority of the stuff artists, designers and musicians use. (those nuances and vague secrets)
I love the simplicity of this video: focal point, white space, hierarchy.
as a music producer and web developper
all i can say this guy made a good point between both of them by describing the similarity of the design
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.
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.
Great refresher and back to basics.
I'm working with my first paying client so this is perfect. She needs more than just a website, so I love this applies to other types of design. I learned basic photography a few months ago and apply the rules of thirds to every design. Which I'm still practicing and trying to get better at.
I wasn't too confident on how much white space to leave so this helps a lot. I've got a couple designs to fix. Looking forward to the other videos.
Thanks Jenny.
Hi! How can I be a better UX/UI designer? I know nothing about designing and I want to learn. Please I need help
How and where did you learn?
The quality of this tutorial is awesome.
I'm learning web/layout design for work, and music production in my spare time. The similarities just blew my mind. 🤯
Love that
Loved this session Matt! Appreciate you uploading this content for all kinds of designers out here.
Thanks for letting us know!
Thanks Amogh
Can't wait for the next episode. Thanks for this invaluable session
Coming up!
I just LOVE that short and easy to digest peaces of information videos!
Truly appreciate professionalism that draw simple lines... many thanks. Subscribed
Wow, after decades of confusion, thank you for making it so straight forward with your photo and music comparisons.
Now I personally would like to see the “How To , make a focal point? Where TO place the focal point or best places to place the focal point? How to achieve successful hierarchy and alignment? How to create creative layouts ? How to balance white space? What are some different layouts styles and combinations that are successful? “
There are plenty of videos for that and usually with practice, you’ll find out for yourself which principles work best.
@@zeeq7331 oh! lead the way to those videos that answer these questions and more please 😁
I would look into learning grids. Once you learn grids it’s like building with legos
Wait… you expect actually useful and practial videos on RUclips? Oh foolish you! :J
@@chidorirasenganz hey okay , I’m game would you mind teaching me somethings about grids ?
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 😂
Really great video. Your teaching style, and analogies are perfect.
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.
ruclips.net/video/HRfkdcrp2Mk/видео.htmlsi=yH1ml5wzD5QdjxlC
Love it!!! Esp the Pantone example. Terrific work
Thanks for this amazing tutorial !! This will help many Beginners in Motion Designing community. ❤️
That's our goal!
That was the best video on design that I could have watched. Fundamental truths, rather than quick shortcuts
Really clever explanation and no unnecessary verbiage! Respect! + subscription
Mah man created an amazing guide!! You earned yoself another subscriber mah man
Thank you, Matt. I wonder if I can link this video to my clients/stakeholders when they tell me to make things BIGGER.
Sounds a little passive aggressive. 😆
Maybe a better idea would be to sell them on the idea by storytelling - that the design needs to breath, that the space gives a feeling of freshness, that amidst all this calmness here approaches the "hero" of the design etc. :) a little humor and storytelling goes a long way
Thank you, for making me observe what I see everyday digitally ...
You're such an awesome teacher! Thank you
Thanks David that's kind of you to say.
Programming for musicians, I love it!. Being both, a developer and a musician myself, I catch every analogy on your video very easily.
Love this! sometimes we have to go back to the drawing board and get back to the fundamentals.
perfect timing
thank you for the free content and your expertise!
7:20 - This point is the most important of all!
Thanks a lot big brother!
Amazing introductions. Aboit to start a blog and want a really goodlooking website for it and this is exactly what I was looking for
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.
The pantone website design is a headache to a designer. A feeling of an autistic that can't calm down until it's fixed. However, it's just happened that the brand is already famous that's why clients don't care about the design. Also, they don't sell designs, they sell color pallets. Because of it's design, no one would trust them 😅.
Nice video bro, I am redesigning my portfolio, and your points are fascinating, thanks for sharing your experience.
Please Please share how you setup these beautiful studio, the lighting the camera this is so amazing
Aye thanks for the refresher course on this
this was amazing, thank you
Hello sir,
Thank you so much for these videos.
And when you are going to start sale on your course for indian students??
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.
Super, Sweet & Simple. Thanks for making it!
Such a nice explaination. One of the best place to study designing
Just wow 😄 please keep making it 🔥. And thanks a lot.
appreciate the kind words!
Another home run, great job guys!
I'm glad I found your channel.
Glad you're here! ✌
1.FOCAL POINT (Rule of 3rd)
2. WHITESPACE
3. HIERARCHY
soo helpful 🤍🤍
you have bullied PANTON into redesigning their website. props to you
Thanks
You’re a complete artist
Very well explained and very useful to know. Thanks.
Thx for info. It is good to remember those principles, even if I seen them from other tutor.
Thank you ❣️
Loving your music references!!!
Omg thank you so much for this video!!!!!
You’re very welcome.
Been a musician and graphic designer for many years. Many designers are also musicians Same part of the brain
Just wached something else before this, 12 minutes long, but I was asleep getting board and never learned anything.
But immediately after that, I watched this less, exact length, and I learned the info that last me lifetime as a designer in a very effective way.
You are easy to follow and thanks to Flux Academy. Just wow.
This is a great content I hope you make more of layout videos just like this one.
Super! Great comparison between mixing and designing.
Thank you!
This is PART ONE of the Principles of Layout Series.
a newbie browsing most of your videos for today. :)
Interesting... Can you do apps specifically?
Bro! it's Amazing You solved my problem! Thanks!!!
Amazing video
1. Focal Point
2. White Space
3. Hierarchy
Thank you so much. Helpful tutorial
that was exactly what I needed , thank you so much
THANK YOU!! THIS WAS THE BEST AND EASIEST TUTORIAL
thank you!!!
i honestly learned more in these 12 minutes than i did at college 😭
If everything is highlighted, nothing is highlighted. Thank you!
Beautiful comparisons! Great video, thanks for sharing.
This is very useful for me, thank you.
Pantone seems to have updated their website, and it looks much better. Still, I'm not a fan of the typography as there are many many different sizes, weights, styles (currently June 2023)
Thank you so much bro. Sending virtual hugs. Worked like a charm ;-)
your videos are super clean, Wooow
Great channel! Keep up the good work 😊
Thank you! Will do Becky!
Gotta say that pantone website example as an example of a bad layout was great. You couldn't really navigate and know where to go ; disorientation
Perfect! Thanks
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??
Hello, Sorry you’re having trouble accessing this resource. Please click "Help" on our website (bottom right corner) and a member of our team will assist you.
Have you read the article "Design Demystified | Visual Design Principles 101" because you sound exactly like what the article says. Btw great explaination.
vert good vidéo. thank you 🙏
Absolutely great video! Great content!
Already waiting for other parts
yey! coming up
Thank you for this! Super cool video! A+++
Great info and visual production quality, but from an audio perspective… RX9 de-breath -> RX9 de-mouth noise-> noise gate will increase the listenability of the voice over tenfold.
I have a question about the page/section height. When I watch design videos, most often when designing for desktop screen sizes designers use a 1440x1024 frame however the actual viewport height of the browser is usually significantly less. As a developer I can either make the section vertically responsive and make each section fit perfectly into the vh(viewport height) or keep the height pixel perfect to the design and just accept that on many devices the bottom of the hero section for example would not be visible until the user scrolls down. I am a developer with a some design skills but I'm very green In web design so I imagine this may be obvious for some however I was curious if there was a concrete/industry standard solution or if this is more of a judgement call.
I use vh for the hero , around 80% depending on the site and the header size/content
that red dot really bothers me
Lol
Parfact! Thanks
My brother works with Pantone and has redesigned a bunch of their things. Look much better now
Fantastic! Sounds like they're lucky to have him.
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
A big thank you for sharing this
-3db integrated loudness music would like a work about needing quiet spaces in between xD
thank you so much buddy it is very valuable and useful content ❤
Nice video, please when is the next series coming up?
in the next weeks, please subscribed to be notified!
@@FluxAcademy I have been a subscriber for ages 😁
thanksssss
I was hoping for a Pantone redesign.
keep going on these videos
Great explanation!
Amazing video, thanks 🙏
Hi, what screen annotator are you using?
This is a great video. Thank you very much
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.