How to start a website layout (for complete beginners)
July 23, 2024 2024-07-23 6:43
How to start a website layout (for complete beginners)
Creating effective layouts is a core web design skill. But where do you begin? Even if you’re a complete beginner to web design I’m going to help you understand where to start.
📘 FREE E-BOOK ‘Principles of Layout’ 👉 https://bit.ly/3TZS04O
Chapters:
0:00 Intro
0:43 What type of website is it?
1:40 What’s the goal
5:16 Organizing information
10:35 Using guidelines
16:28 Best practice examples
22:40 Summary and next steps
Recommended VIDEOS:
10 Web Design Layout Ideas for Inspiration 👉 https://www.youtube.com/watch?v=_5iJW3d12RM
Principles of Layout Pt 1 👉 https://www.youtube.com/watch?v=MlsV3hu84as
📱 Find us on SOCIAL MEDIA
Matt’s YouTube channel 👉 @MattBruntonUK
Flux Academy’s Instagram 👉 https://www.instagram.com/flux.academy/
Flux Academy’s Twitter 👉https://twitter.com/FluxAcademyHQ
#webdesign
source
Comments (30)
@samgupta143
An important necessary and opened eye view on Layout, Thanks a lot
@ianskeldon6032
A really useful video mate. I have been asked to improve a current web site that is really struggling in terms of it's design and layout. This video has helped me so much. What is the software that you used to demonstrate the 12 column layout?
@SteveInQLD007
Most web hosting platform and web building programs come with templates. Would you still need to apply the principals if the format and layout are already preformatted, you're just adding your content and making a few tweaks?
@graphicdesignstudies5737
Thanks for making this video as this is one of my favourite topics which I struggle to focus on. I have liked, commented and subscribed.
@katiemcgregor-blazewebdesign
Thank you. And although I realise I already knew all the alignment tips, it was still worth the 5 minutes a) to confirm I wasn't missing anything but b) mostly for the 'G' for grid tip – such a great tip. Thank you! 😄
@bakye_kmpl
Seems you good at talking, you talk too much😂😂😂
@henrythomas7112
It is a great video thanks for the great information and well delivered. This is exactly what I was looking for.
@AaronDelight
waw, that's amazing
@Bahomar
great content, thanks man
@mininusequeci
Well explained!!!
@howme.school
I'm still a beginner and I didn't know about the importance of guidelines!
ty!
@emmanuelosawaru4564
Beautifully explained. thanks for the video.
Quick question can provide the link of the museum site in the video please
?
@nhanlethanh9908
Thank you so much Matt 🙏. A very good video, I have completed your Core Design Skills course, but this video is still very valuable and brings me new things and strengthens my knowledge. Once again thank you very much for creating very valuable things and their price is zero.
@amitlyfe
More like this please
@kc0148
BBC bite sized 💀💀
@ceciliainnes2586
Finally found someone teaching the nuts and bolts. Loved it. So basic and so necessary
@patmat.
Great video indeed, I like the Grid mindset, I'll check the 9 principles videos.
@fscubetech7219
The great content 👍🏻
@akandeayodeji6116
The ebook is not downloadable
@Deeplineshrt
Bro upload video about free website making easily 🎉
@fiftyshadesofurban
17:45 I don't like the way they did that though with just the images on the white background with nothing else and the top is at a different place for each image vertically and it's not like they're done in a pattern like KITT's VU meter in Knight Rider, it's just kind of random and it looks very primitive and Web 1.0 with the images just on a white background kind of disorganized.
@denisprosenc5676
That is a BB 1200 in the background! Necktrough and reverse P-Pickups! I have got the same one in the same colour…..great bass!
@Aestheticdesignz
It's great Matt!
How can we use ChatGPt/bard to generate ideas/wireframe؟
@user-es2jt6qe2o
Just what i needed..
@Mouthofthearchitect
Great video as always. Just wondering what font you're using for this presentation e.g. the title "Hierarchy" in love with those r's
@marcostsegaye7864
Merci beaucoup!
@lilou8711
Merci
@justintruman6596
To those at FluxAcademy, I just wanted to reach out and say ‘Thank you!’ for all that you guys do, in regards to these amazing tutorial/educational vids. I’m currently working to start a website subscription agency, but the closest I’ve ever been to building a website was ‘copying and pasting’ a string of code to my MySpace Bio. The next time I comment, will be with a domain name, to my first build. Until then, stay humble. Stay cool.
•235•
@archidesk5511
❤
@yasirbutt5659
👍