Amateur vs Pro Website Design (with examples)

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

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

50% 1

What separates high and low-quality website design? Often, it’s the way they use type. In this video, Matt Brunton introduces the fundamentals of typography for the web by showing us some common mistakes, followed by best practice examples on both desktop and mobile screens.
Complete Guide to Choosing Fonts 👉 bit.ly/3IIrnut
The Best Google Fonts for Every Mood 👉 bit.ly/3TmCn6I
Best practice examples featured in this video:
www.carvico.com/en/
www.viviennewestwood.com/en-g...
alistapart.com/article/opport...
www.risd.edu/
📱 Find us on SOCIAL MEDIA
Matt's RU-vid channel 👉 @MattBruntonUK
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's TikTok 👉 / fluxacademy

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

1 июн 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Matt, I'm only here in the comments to tell you that the moustache IS in fact working for you. Looks great mate.

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

Bro, I appreciate the support on the long road to growing my hair and moustache back.

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

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

Really great and informative video. Thanks for all the work. If it's not too much work, I would've love to see you edit these websites to understand how you would have approached them. At least a few changes with the browser's inspector.

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

Great video thank you! So good to see type based videos :) I think there is also that sweet spot to hit, that your local or small business does not look like a tech startup. I have seen that go wrong many times. A designer following cool trends that simply do not fit the brand and industry.

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

Good point. Type fundamentals are timeless though.

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

Something that would be really helpful is for you to estimate how much you think has been spent on creating each of these websites. I know it’s amateur vs pro, but some of the contrasts are very disparate. Like the wedding dress comparison. The amateur was probably done by herself as a one person business struggling to get by. While the pro is a multimillion dollar name brand designer business. I understand the design principles don’t care about money spend, but it does provide context and gives people an insight on value for professional design. Thanks

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

Great vid! The typesetting example, although formatted well, I massively struggle to process huge walls of text owing to cognitive difficulties. With longer articles like that, I personally find it heaps easier to take it all in with a couple of relevant images, bullet points and even bigger subheadings to break it up a little bit and give me a wee bit more of a hierarchical structure to follow. Also makes it easier to snap to the specific info I might be after. Enjoyed this run-through ☺️

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

Matt teaching Typography - That's all we need for a a day💯🙌

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

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

Love your explanations, thanks a lot!

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

You're very welcome!

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

Do you have any advice/videos on the buisness side of Web design. And how to start, outreach what platforms and plans etx

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

Search "freelancing" or "clients" on our channel and check the relevant playlists via our channel homepage. LOADS of videos to help. ✌️

@ihuomakings8298 14 дней назад

The download links arent working

@FluxAcademy 11 дней назад

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.

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

Your assessments are similar to my own. The multiple 'Patioworld' on the header, is redundant. One logo to the far left, is all that is needed. And the navigation can be started from the middle, going towards the right, where there's room for the search box. The hierarchy picture with the inconsistent font. I'd take a a semi translucent overlay, over the pictures, and have my logo on it. But just enough to bring balance, where the logo doesn't dominate the patio pictures and vice versa. Facebook, Instagram etc, can go of the footer.