How to start a website layout (for complete beginners)
Vložit
- čas přidán 5. 06. 2024
- 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’ 👉 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 👉 • 10 Web Design Layout I...
Principles of Layout Pt 1 👉 • Complete Layout Guide
📱 Find us on SOCIAL MEDIA
Matt's CZcams channel 👉 @MattBruntonUK
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's Twitter 👉 / fluxacademyhq
#webdesign
Finally found someone teaching the nuts and bolts. Loved it. So basic and so necessary
Glad it was helpful!
How can I hug you 😊
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.
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.
Thank for sharing! and the kind words
Well explained!!!
It is a great video thanks for the great information and well delivered. This is exactly what I was looking for.
Thanks Henry!
great content, thanks man
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! 😄
Glad it was helpful!
The great content 👍🏻
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!
Good knowledge!
More like this please
Great video indeed, I like the Grid mindset, I'll check the 9 principles videos.
Glad to hear it helped!
I'm still a beginner and I didn't know about the importance of guidelines!
ty!
You're welcome! Good luck in your web design journey.
Just what i needed..
Glad to hear!
waw, that's amazing
Merci beaucoup!
De rien!
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
Thanks! Font is Britti Sans.
Merci
Beautifully explained. thanks for the video.
Quick question can provide the link of the museum site in the video please
?
You'll find it! ;)
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?
Figma.
Thanks Ian, glad it was helpful!
*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?*
Templates can help non-designers (especially) to avoid major errors. Focus on maintaining hierarchy and you should be ok.
❤
👍
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.
The ebook is not downloadable
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.
Bro upload video about free website making easily 🎉
Hi Mohamed, What specifically do you need help with? Thanks
Seems you good at talking, you talk too much😂😂😂
Speak for yourself. Many of us have attention spans longer than a minute.