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.

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:

📱 Find us on SOCIAL MEDIA
Matt's YouTube channel 👉 @MattBruntonUK

#webdesign

[ceciliainnes]

Finally found someone teaching the nuts and bolts. Loved it. So basic and so necessary

[samgupta]

An important necessary and opened eye view on Layout, Thanks a lot

[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! 😄

[nhanlethanh]

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.

[graphicdesignstudies]

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.

[denisprosenc]

That is a BB 1200 in the background! Necktrough and reverse P-Pickups! I have got the same one in the same bass!

[henrythomas]

It is a great video thanks for the great information and well delivered. This is exactly what I was looking for.

[howme.school]

I'm still a beginner and I didn't know about the importance of guidelines!
ty!

[patmat.]

Great video indeed, I like the Grid mindset, I'll check the 9 principles videos.

[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

[ianskeldon]

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?

[emmanuelosawaru]

Beautifully explained. thanks for the video.
Quick question can provide the link of the museum site in the video please
?

[SteveInQLD]

*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?*

[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.

[Deeplineshrt]

Bro upload video about free website making easily 🎉

[bakye_kmpl]

Seems you good at talking, you talk too much😂😂😂