How to start a website layout (for complete beginners)

Подписаться 805 тыс.

Просмотров 32 тыс.

50% 1

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 RU-vid channel 👉 @MattBruntonUK
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's Twitter 👉 / fluxacademyhq
#webdesign

Опубликовано:

31 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 46

@ceciliainnes2586 4 месяца назад

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

@FluxAcademy 4 месяца назад

Glad it was helpful!

@teenahwilliams1527 3 месяца назад

How can I hug you 😊

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

@nhanlethanh9908 4 месяца назад

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.

@FluxAcademy 4 месяца назад

Thank for sharing! and the kind words

@seunomeaqui_ 3 месяца назад

Well explained!!!

@Bahomar 2 месяца назад

great content, thanks man

@henrythomas7112 2 месяца назад

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

@FluxAcademy 2 месяца назад

Thanks Henry!

@fscubetech7219 4 месяца назад

The great content 👍🏻

@katiemcgregor2348 Месяц назад

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

@FluxAcademy Месяц назад

Glad it was helpful!

@amitlyfe 4 месяца назад

More like this please

@patmat. 4 месяца назад

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

@FluxAcademy 4 месяца назад

Glad to hear it helped!

@denisprosenc5676 4 месяца назад

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!

@FluxAcademy 4 месяца назад

Good knowledge!

@user-es2jt6qe2o 4 месяца назад

Just what i needed..

@FluxAcademy 4 месяца назад

Glad to hear!

@AaronDelight 2 месяца назад

waw, that's amazing

@marcostsegaye7864 4 месяца назад

Merci beaucoup!

@FluxAcademy 4 месяца назад

De rien!

@lilou8711 4 месяца назад

Merci

@Mouthofthearchitect 4 месяца назад

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

@FluxAcademy 4 месяца назад

Thanks! Font is Britti Sans.

@howme.school 3 месяца назад

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

@FluxAcademy 3 месяца назад

You're welcome! Good luck in your web design journey.

@ianskeldon6032 3 дня назад

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?

@FluxAcademy День назад

Figma. Thanks Ian, glad it was helpful!

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

@FluxAcademy Месяц назад

Templates can help non-designers (especially) to avoid major errors. Focus on maintaining hierarchy and you should be ok.

@emmanuelosawaru4564 4 месяца назад

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

@FluxAcademy 4 месяца назад

You'll find it! ;)

@archidesk5511 4 месяца назад

❤

@fiftyshadesofurban 4 месяца назад

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.

@yasirbutt5659 4 месяца назад

👍

@akandeayodeji6116 4 месяца назад

The ebook is not downloadable

@FluxAcademy 4 месяца назад

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.