30 Web Design Tips in 11 Minutes
Ғылым және технология
Got 11 minutes? I’ve got 30 web design tips that will help you make better websites.
Subscribe for more web design videos and tutorials: bit.ly/3IUiVpj
Join the Creative Crew here: bradhussey.hopp.to/crew-yt
All great designers will sometimes break rules. But there are some dos and don’ts for web design that should always be followed. In today’s video, we’re sharing 30 tips from a web designer that will level up your website design skills and workflow. So, whether you’re new to web design or an experienced developer, we’re sure there are some web designer tips in here that will help you in your next project. If not, share a tip or some web design best practices that you know that might help your peers in the comments below!
Some of the professional web design tips that we’ll be covering in today’s video are the golden ratio in website design, images, whitespace, font tips in web design, style guides, color tips in web design, responsive web design, flexbox, and animations. Over the years, designing for the web has evolved from its code-based roots. Today, it’s gotten much easier and quicker to design websites. In some of these web designer tips and tricks that I’ll be sharing I’ll be referencing an amazing website builder that I’ve been using for the last year, and that’s Wix Studio (previously known as Editor X). If you’re not comfortable coding, I highly encourage this tool for designing your next site.
Get started with designing your next website with Wix Studio (previously known as Editor X):
bradhussey.hopp.to/wixstudio
Connect with me on:
Website: bit.ly/3DugDfI
Instagram: bit.ly/3uKtjuV
Facebook: bit.ly/3DtW5nD
Twitter: bit.ly/3K2gBy4
TikTok: bit.ly/3Dz3C4E
New to the channel? My name’s Brad Hussey. I'm a web designer and I’ve partnered with Wix Studio to create an inspiring, educational, and world-class KZread channel and community for professional web designers and design agencies who are mastering the art, business, and craft of web design. On this channel, I’ll show you how to build websites with little code. I’ll also cover topics like, choosing fonts for web design, layout design for websites, and tons of Wix Studio tips and tricks videos and guides to get you started on your website creation process.
Learn how to make responsive websites and join us every week for new web designer tutorials, Wix Studio videos, livestreams, and challenges.
0:00 30 Web Design Tips in 11 Minutes
0:19 Tips for New Web Designers
1:10 Typography, Colors, Buttons & Images
3:22 Layout Tips in Web Design
4:32 Keeping the Design Simple for Users
8:29 Buttons & CTAs in Web Design
10:00 Community, Practice, Publish!
#WebDesign #wixstudio #WebsiteDevelopment
Пікірлер: 141
Join the Creative Crew here: bradhussey.hopp.to/crew-yt
This is basically just one big advert for editorX lmao
@CreativeCrewCommunity
Жыл бұрын
We are partners with them :)
1:29 For people looking into web development, it's better to do a "font-size: 162%" or try to use relative units (rem/em). If you use pixel units, you will overwrite the default font-size of someone's browser (for example, ppl with bad eyesight could have their default font-size set to extra large). Using px is a great way to learn the basics, but always be carefull. Also: great tutorial, love the tips and tricks!
@CreativeCrewCommunity
9 ай бұрын
Good tips 👍👍
Your content is criminally underrated! Thank you very much
@CreativeCrewCommunity
Жыл бұрын
I appreciate that!
Wow! Your top comment on here already says it, but this is such a hidden gem. This is by far the best tips video for design I have seen. So practical and to the point. The video editing alone is perfect and really highlights the design principals discussed. Absolutely fantastic job.
@CreativeCrewCommunity
Жыл бұрын
Cheers! thanks for watching!
@AkintadeHannah
7 ай бұрын
Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.
Genuinely thank you for this🙏 I have to create a website for my own business because I cant afford to outsource it, and your page has helped level up my designs so much!
@CreativeCrewCommunity
Жыл бұрын
So great! You've got this :)
great video bro, i am going over it a second time and taking notes. you have a fun playful personality too which translates and makes the video much more entertaining to watch
@CreativeCrewCommunity
Жыл бұрын
Thanks I really appreciate that!
LOVE THIS VIDEO! As one said below... the practicality of it, down to earthiness ;-), and video editing -- just a total overall PLEASANT / WONDERFUL view. Been getting into Wix Studio (Editor-X's cousin so to speak) and have run into a few of your videos. That said, this one made me hit the SUBSCRIBE button. I'll look into the COMMUNITY thing as time permits. Anyway thanks for sharing your gifts.
@CreativeCrewCommunity
6 ай бұрын
Thank you!
Nice editor X publicity, but i was looking for actual tips for manual web design.
@CreativeCrewCommunity
3 ай бұрын
Sure, I made sure to weave the platform into the tips, but they were legitimate design tips regardless. Also, we gotta learn the modern tools as professionals. Cheers
Thank you, this was very helpful!
@CreativeCrewCommunity
18 күн бұрын
Glad it was helpful!
Thanks, Brad, This was great! 🎉
@CreativeCrewCommunity
18 күн бұрын
Glad you enjoyed it!
Was such a great video! Thank you
@CreativeCrewCommunity
Жыл бұрын
Thank you :)
thankyou man you clear my mind today on website designing
@CreativeCrewCommunity
11 ай бұрын
Great to hear!
thank you so much Brad, you are informative and creative. I'm a small business owner. I want to create a great web page. thank you again for giving me a place to start. I am joining your group and will look forward to learning and becoming more and more comfortable with web design. Sincerely, Andy a new student!
@CreativeCrewCommunity
Жыл бұрын
Welcome aboard!
Just an additional tip, don't use pure black and pure white, unless you are working with oled theme it's better to use a slightly different color then #000 and #fff
@CreativeCrewCommunity
3 ай бұрын
Great tip!
Awesome tips Brad !
@CreativeCrewCommunity
4 ай бұрын
Glad you like them!
Wow! Thank you! I have to remake the website for the nonprofit I work for. Your video is so perfect!
@CreativeCrewCommunity
4 ай бұрын
Glad it was helpful!
@CaptnCav8
2 ай бұрын
Right, headed to office now Lol
@CaptnCav8
2 ай бұрын
Which is literally the phone
Your videos are very useful and provide lots of information. I have received lots of help after watching this post, please continue to share this kind of information. Thank you.
@CreativeCrewCommunity
Жыл бұрын
Thanks a bunch!
@AkintadeHannah
7 ай бұрын
Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.
Awesome video and guide for us aspiring to become web devs.. please make more!
@CreativeCrewCommunity
4 ай бұрын
Thanks, will do!
Great video! Also, you're quite funny. Chuckled multiple times. 😂
@CreativeCrewCommunity
3 ай бұрын
Glad you enjoyed!
I've never watched a video from you until now. For 30 tips this video was pretty funny.
@CreativeCrewCommunity
3 ай бұрын
Thank you!
This video was helpful but I got a question, when it comes to images what is the most practical way to insert images in my website? I'm using jsp on Netbeans to design a website for my uncle's job and I'm a bit confused on what is the best approach to insert images, is it just a simple tags or do I have to code something in css or javascript?
@CreativeCrewCommunity
7 ай бұрын
Yep, tags are usually best for images, unless it's for aesthetic, then you might use CSS to make it a background image.
@mhstylesmugen
7 ай бұрын
@@CreativeCrewCommunity Thanks, but I managed to figure things out myself and deliver the site, thanks again.
@AkintadeHannah
7 ай бұрын
Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.
Great video! But what's that pink/purple side bar?
@CreativeCrewCommunity
Жыл бұрын
Thanks! Haha, oh that is actually the back of my iMac, illuminated by a pink LED light.
You are awesome. 😇
@CreativeCrewCommunity
11 күн бұрын
Thank you!
Thank you !🤩
@CreativeCrewCommunity
Жыл бұрын
You’re welcome 😊
Thank you! Your videos are always great. Also, for recognizing that following English convention, it's GIF not "JIF"...
@CreativeCrewCommunity
Жыл бұрын
🙌🙌🙌
Congratulations you just helped a kid!
@CreativeCrewCommunity
9 ай бұрын
Cool 👍
Very important idea
@CreativeCrewCommunity
18 күн бұрын
Glad you think so!
7:55 🤣 great vid!
@CreativeCrewCommunity
Жыл бұрын
Haha! Thank you
Can I ask you what is that font that you used for overtitle? Thank you :)
@CreativeCrewCommunity
Жыл бұрын
Sorry, I'm not entirely sure -- that's our video editor's department :)
Thanks.
@CreativeCrewCommunity
Ай бұрын
You're welcome!
You should’ve put editor X in the title. I thought it would have more general tips. It did give some applicable to all tips which I liked but I didn’t click the video for Editor X. Just be transparent.
@CreativeCrewCommunity
7 ай бұрын
Hey -- sorry to hear you feel that way. We are completely transparent on this channel in every video, description, even the about section on the channel clearly communicates our partnership with Editor X (now Wix Studio). Thanks for your thoughts and for watching!
@AkintadeHannah
7 ай бұрын
Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.
tq🌱❤
@CreativeCrewCommunity
2 ай бұрын
Thank you too
I remember making websites in 2003
@CreativeCrewCommunity
3 ай бұрын
💪💪
awesome vid and I love the Editor X nod
@CreativeCrewCommunity
2 жыл бұрын
Cheers! Thanks for watching :)
Tnx bro
@CreativeCrewCommunity
4 ай бұрын
Cheers!
Images should be WEBP
@CreativeCrewCommunity
11 ай бұрын
Thx for your tip 👍
@doupecan3834
9 ай бұрын
I was thinking the same thing
not evan half way in and it turned into editor x commercal
@CreativeCrewCommunity
10 ай бұрын
I don’t shy away from my partnership with them on this channel :) thx for stopping by anyway.
I usally dont left a like even if I liked the video but your's deserve pressing that like button ;P
@CreativeCrewCommunity
7 ай бұрын
Cheers!
@AkintadeHannah
7 ай бұрын
Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.
@user-et7mx1fl5g
7 ай бұрын
@@AkintadeHannah Hi Hannah. I'm Alan. Who the f are u?
@AkintadeHannah
7 ай бұрын
@@user-et7mx1fl5g I don't understand you
I think i need to use Editor X
@CreativeCrewCommunity
9 ай бұрын
Agreed!
@AkintadeHannah
7 ай бұрын
Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.
my bad i thought this was web dev
@CreativeCrewCommunity
4 ай бұрын
No mostly web design
Great design video but I wish it were a little more programmer friendly and less drag and drop oriented
@CreativeCrewCommunity
Жыл бұрын
Thanks for the feedback! Just to let you know, our channel is geared towards showcasing what can be done without code. But we appreciate your thoughts and will keep them in mind for future content.
I am looking for someone to help me design a fun freeze dried candy website.
@CreativeCrewCommunity
3 ай бұрын
Cool! Where have you tried to find a designer?
Just a hunch, but I think he might be sponsored by editorX 😂😂😂😂
@CreativeCrewCommunity
2 ай бұрын
Yes, you are correct, but also I am very transparent about it on my channel, the videos and descriptions 👍
👍👍👍
@CreativeCrewCommunity
Жыл бұрын
Thanks for watching
You look like the younger brother of Don Frye.
@CreativeCrewCommunity
10 ай бұрын
Epic!
I can’t sit through this video last 4m marker because of all the ad mentions
@CreativeCrewCommunity
11 ай бұрын
All good. Thanks for your thoughts.
@AkintadeHannah
7 ай бұрын
Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.
i thought i was watching a 500k viewes video , what made the algorithm malfunction ?
@CreativeCrewCommunity
Жыл бұрын
Not sure! Thx for watching though!
why the solution to every web design problem is editorx🤣
@CreativeCrewCommunity
2 ай бұрын
Cuz it’s fire.
Images should be...webp?
@CreativeCrewCommunity
Жыл бұрын
They could be if you want :)
@Microsization
Жыл бұрын
@@CreativeCrewCommunity someone just told me that webp is what I should use because they are more light weight then jpg and png. I didn't know about them.
@CreativeCrewCommunity
Жыл бұрын
@@Microsization JPG and PNG are totally acceptable and standard image formats for the web, but you can also export your images as webp if you wish to try it out!
Lol😂❤
@CreativeCrewCommunity
2 ай бұрын
Cheers!
Green isn’t a primary colour …
@CreativeCrewCommunity
2 ай бұрын
True and false. Green is a primary color in digital media using additive mixing (RGB), but not in traditional art using subtractive mixing (RYB).
Frank lapenna?
@CreativeCrewCommunity
Жыл бұрын
Haha nope. Brad Hussey :)
@AkintadeHannah
7 ай бұрын
Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.
r you frankie lapenna's brother
@CreativeCrewCommunity
2 ай бұрын
Haha! Nope. Heard that one before though.
I pick anti design
@CreativeCrewCommunity
Жыл бұрын
To each their own :)
@AkintadeHannah
7 ай бұрын
Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.
Images should not be jpegs!!!! They should be avif or webp with mozjpeg as fallback.
@CreativeCrewCommunity
18 күн бұрын
Eventually that'll be the case.
ρɾσɱσʂɱ 🤷
@CreativeCrewCommunity
2 жыл бұрын
🤷♂️
who ever did the subtitling on this video needs to be fired. hope it was just AI
@CreativeCrewCommunity
Ай бұрын
Haha! Yeah it was AI
@CreativeCrewCommunity
Ай бұрын
gpt 3 probably. It was fired and replaced by gpt 4
I like how KZread CC automated to "WSJ" when you were referencing design sites/sample sites. Amazing
@CreativeCrewCommunity
7 ай бұрын
Cool -- KZread auto CC is a pretty fascinating thing!
@AkintadeHannah
7 ай бұрын
Hi, I'm Hannah, a website developer and manager, I view the world through the lens of a problem solver and troubleshooter. It's my job to make sure that websites are up and running smoothly, and to quickly address any issues that come up. I have to be both technical and creative, as I work with the website code, while also considering the overall user experience and aesthetic. It's my responsibility to keep the website running like a well-oiled machine, so that users have a positive and seamless experience.
This is Editor X advertising, but it doesn't matter the content is valuable to me, thank you
@CreativeCrewCommunity
Жыл бұрын
Glad you enjoyed the video! Yes I’m very happy to be partnered up with Editor X on the channel :)