Тёмный

30 Web Design Tips in 11 Minutes 

Creative Crew with Brad Hussey
Подписаться 24 тыс.
Просмотров 97 тыс.
50% 1

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 RU-vid 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

Наука

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

 

31 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 143   
@CreativeCrewCommunity
@CreativeCrewCommunity 2 года назад
Join the Creative Crew here: bradhussey.hopp.to/crew-yt
@MichielVanzeir
@MichielVanzeir Год назад
This is basically just one big advert for editorX lmao
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
We are partners with them :)
@Seppe_B
@Seppe_B 10 месяцев назад
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
@CreativeCrewCommunity 10 месяцев назад
Good tips 👍👍
@Fisher60
@Fisher60 Год назад
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
@CreativeCrewCommunity Год назад
Cheers! thanks for watching!
@AkintadeHannah
@AkintadeHannah 9 месяцев назад
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.
@JAKERINGAHHZREP
@JAKERINGAHHZREP Год назад
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
@CreativeCrewCommunity Год назад
Thanks I really appreciate that!
@reekoup
@reekoup Год назад
Your content is criminally underrated! Thank you very much
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
I appreciate that!
@mbhayes3127
@mbhayes3127 8 месяцев назад
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
@CreativeCrewCommunity 8 месяцев назад
Thank you!
@antonjake
@antonjake Год назад
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
@CreativeCrewCommunity Год назад
So great! You've got this :)
@giustomuh
@giustomuh 5 месяцев назад
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
@CreativeCrewCommunity 5 месяцев назад
Great tip!
@greenentrepreneurs
@greenentrepreneurs 2 месяца назад
Thanks, Brad, This was great! 🎉
@CreativeCrewCommunity
@CreativeCrewCommunity 2 месяца назад
Glad you enjoyed it!
@kellybmackenzie
@kellybmackenzie 2 месяца назад
Thank you, this was very helpful!
@CreativeCrewCommunity
@CreativeCrewCommunity 2 месяца назад
Glad it was helpful!
@mahsabehvandnezhad4286
@mahsabehvandnezhad4286 Год назад
Was such a great video! Thank you
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
Thank you :)
@jonathanwilliams7133
@jonathanwilliams7133 4 месяца назад
Great video! Also, you're quite funny. Chuckled multiple times. 😂
@CreativeCrewCommunity
@CreativeCrewCommunity 4 месяца назад
Glad you enjoyed!
@AndyDreier
@AndyDreier Год назад
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
@CreativeCrewCommunity Год назад
Welcome aboard!
@srushtibhosale4333
@srushtibhosale4333 6 месяцев назад
Awesome tips Brad !
@CreativeCrewCommunity
@CreativeCrewCommunity 6 месяцев назад
Glad you like them!
@DojoDyo
@DojoDyo 6 месяцев назад
Awesome video and guide for us aspiring to become web devs.. please make more!
@CreativeCrewCommunity
@CreativeCrewCommunity 6 месяцев назад
Thanks, will do!
@utkarshdixit7480
@utkarshdixit7480 Год назад
thankyou man you clear my mind today on website designing
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
Great to hear!
@henrythomas7112
@henrythomas7112 Год назад
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
@CreativeCrewCommunity Год назад
Thanks a bunch!
@AkintadeHannah
@AkintadeHannah 9 месяцев назад
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.
@kskajkabsn
@kskajkabsn Год назад
7:55 🤣 great vid!
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
Haha! Thank you
@haydendurow9904
@haydendurow9904 4 месяца назад
I've never watched a video from you until now. For 30 tips this video was pretty funny.
@CreativeCrewCommunity
@CreativeCrewCommunity 4 месяца назад
Thank you!
@therobustmole1137
@therobustmole1137 5 месяцев назад
Nice editor X publicity, but i was looking for actual tips for manual web design.
@CreativeCrewCommunity
@CreativeCrewCommunity 5 месяцев назад
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
@Gamingmomfriend
@Gamingmomfriend 6 месяцев назад
Wow! Thank you! I have to remake the website for the nonprofit I work for. Your video is so perfect!
@CreativeCrewCommunity
@CreativeCrewCommunity 6 месяцев назад
Glad it was helpful!
@CaptnCav8
@CaptnCav8 4 месяца назад
Right, headed to office now Lol
@CaptnCav8
@CaptnCav8 4 месяца назад
Which is literally the phone
@DunceInAwhile
@DunceInAwhile Год назад
Thank you! Your videos are always great. Also, for recognizing that following English convention, it's GIF not "JIF"...
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
🙌🙌🙌
@elenakasyan13
@elenakasyan13 Год назад
Thank you !🤩
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
You’re welcome 😊
@josiahgill9610
@josiahgill9610 Месяц назад
You are awesome. 😇
@CreativeCrewCommunity
@CreativeCrewCommunity Месяц назад
Thank you!
@ZaeemAli-ig5jb
@ZaeemAli-ig5jb 8 дней назад
thanks i am 14 years my mission is to create website yeah you are younger then me i will watch your more vedio's
@marwamoussawi628
@marwamoussawi628 2 месяца назад
Very important idea
@CreativeCrewCommunity
@CreativeCrewCommunity 2 месяца назад
Glad you think so!
@tayronestraughter4638
@tayronestraughter4638 2 года назад
awesome vid and I love the Editor X nod
@CreativeCrewCommunity
@CreativeCrewCommunity 2 года назад
Cheers! Thanks for watching :)
@Clicks0101
@Clicks0101 11 месяцев назад
Congratulations you just helped a kid!
@CreativeCrewCommunity
@CreativeCrewCommunity 11 месяцев назад
Cool 👍
@AllenSentinery
@AllenSentinery 2 месяца назад
Thanks.
@CreativeCrewCommunity
@CreativeCrewCommunity 2 месяца назад
You're welcome!
@katwinerl1622
@katwinerl1622 Год назад
Great video! But what's that pink/purple side bar?
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
Thanks! Haha, oh that is actually the back of my iMac, illuminated by a pink LED light.
@anirud-m-c10
@anirud-m-c10 3 месяца назад
tq🌱❤
@CreativeCrewCommunity
@CreativeCrewCommunity 3 месяца назад
Thank you too
@user-js9vh7hj4c
@user-js9vh7hj4c 6 месяцев назад
my bad i thought this was web dev
@CreativeCrewCommunity
@CreativeCrewCommunity 6 месяцев назад
No mostly web design
@retekhmenheer4729
@retekhmenheer4729 9 месяцев назад
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
@CreativeCrewCommunity 9 месяцев назад
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
@AkintadeHannah 9 месяцев назад
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-qm4yo1mj1z
@user-qm4yo1mj1z Год назад
Can I ask you what is that font that you used for overtitle? Thank you :)
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
Sorry, I'm not entirely sure -- that's our video editor's department :)
@mhstylesmugen
@mhstylesmugen 10 месяцев назад
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
@CreativeCrewCommunity 9 месяцев назад
Yep, tags are usually best for images, unless it's for aesthetic, then you might use CSS to make it a background image.
@mhstylesmugen
@mhstylesmugen 9 месяцев назад
@@CreativeCrewCommunity Thanks, but I managed to figure things out myself and deliver the site, thanks again.
@AkintadeHannah
@AkintadeHannah 9 месяцев назад
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.
@InnerEagle
@InnerEagle 5 месяцев назад
I remember making websites in 2003
@CreativeCrewCommunity
@CreativeCrewCommunity 5 месяцев назад
💪💪
@matioz9125
@matioz9125 6 месяцев назад
Tnx bro
@CreativeCrewCommunity
@CreativeCrewCommunity 6 месяцев назад
Cheers!
@me7myself8and9I
@me7myself8and9I Год назад
not evan half way in and it turned into editor x commercal
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
I don’t shy away from my partnership with them on this channel :) thx for stopping by anyway.
@CEOMatch9090
@CEOMatch9090 Год назад
👍👍👍
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
Thanks for watching
@benherbst3620
@benherbst3620 Год назад
Images should be WEBP
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
Thx for your tip 👍
@doupecan3834
@doupecan3834 10 месяцев назад
I was thinking the same thing
@user-et7mx1fl5g
@user-et7mx1fl5g 9 месяцев назад
I usally dont left a like even if I liked the video but your's deserve pressing that like button ;P
@CreativeCrewCommunity
@CreativeCrewCommunity 9 месяцев назад
Cheers!
@AkintadeHannah
@AkintadeHannah 9 месяцев назад
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
@user-et7mx1fl5g 9 месяцев назад
@@AkintadeHannah Hi Hannah. I'm Alan. Who the f are u?
@AkintadeHannah
@AkintadeHannah 9 месяцев назад
@@user-et7mx1fl5g I don't understand you
@dylanderstine4429
@dylanderstine4429 4 месяца назад
Just a hunch, but I think he might be sponsored by editorX 😂😂😂😂
@CreativeCrewCommunity
@CreativeCrewCommunity 4 месяца назад
Yes, you are correct, but also I am very transparent about it on my channel, the videos and descriptions 👍
@sieb3n
@sieb3n 10 месяцев назад
I think i need to use Editor X
@CreativeCrewCommunity
@CreativeCrewCommunity 10 месяцев назад
Agreed!
@AkintadeHannah
@AkintadeHannah 9 месяцев назад
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.
@talinatravica1549
@talinatravica1549 5 месяцев назад
I am looking for someone to help me design a fun freeze dried candy website.
@CreativeCrewCommunity
@CreativeCrewCommunity 5 месяцев назад
Cool! Where have you tried to find a designer?
@natasha.b
@natasha.b Год назад
Great design video but I wish it were a little more programmer friendly and less drag and drop oriented
@CreativeCrewCommunity
@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.
@CaptnCav8
@CaptnCav8 4 месяца назад
Lol😂❤
@CreativeCrewCommunity
@CreativeCrewCommunity 4 месяца назад
Cheers!
@Mark-nm9sm
@Mark-nm9sm Год назад
i thought i was watching a 500k viewes video , what made the algorithm malfunction ?
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
Not sure! Thx for watching though!
@krokodilpil8335
@krokodilpil8335 Год назад
You look like the younger brother of Don Frye.
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
Epic!
@muhammadhammad-se5pe
@muhammadhammad-se5pe 4 месяца назад
why the solution to every web design problem is editorx🤣
@CreativeCrewCommunity
@CreativeCrewCommunity 3 месяца назад
Cuz it’s fire.
@subyouwont
@subyouwont Год назад
I can’t sit through this video last 4m marker because of all the ad mentions
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
All good. Thanks for your thoughts.
@AkintadeHannah
@AkintadeHannah 9 месяцев назад
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.
@ambersibley4092
@ambersibley4092 3 месяца назад
Green isn’t a primary colour …
@CreativeCrewCommunity
@CreativeCrewCommunity 3 месяца назад
True and false. Green is a primary color in digital media using additive mixing (RGB), but not in traditional art using subtractive mixing (RYB).
@anirud-m-c10
@anirud-m-c10 3 месяца назад
r you frankie lapenna's brother
@CreativeCrewCommunity
@CreativeCrewCommunity 3 месяца назад
Haha! Nope. Heard that one before though.
@dirtyd757
@dirtyd757 Год назад
Frank lapenna?
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
Haha nope. Brad Hussey :)
@AkintadeHannah
@AkintadeHannah 9 месяцев назад
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.
@Microsization
@Microsization Год назад
Images should be...webp?
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
They could be if you want :)
@Microsization
@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
@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!
@guitar300k
@guitar300k Год назад
I pick anti design
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
To each their own :)
@AkintadeHannah
@AkintadeHannah 9 месяцев назад
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.
@HANAN-pw6tz
@HANAN-pw6tz 20 дней назад
U told am a baby😢
@sid2984
@sid2984 2 года назад
ρɾσɱσʂɱ 🤷
@CreativeCrewCommunity
@CreativeCrewCommunity 2 года назад
🤷‍♂️
@private411
@private411 2 месяца назад
Images should not be jpegs!!!! They should be avif or webp with mozjpeg as fallback.
@CreativeCrewCommunity
@CreativeCrewCommunity 2 месяца назад
Eventually that'll be the case.
@mariomcgee2383
@mariomcgee2383 2 месяца назад
who ever did the subtitling on this video needs to be fired. hope it was just AI
@CreativeCrewCommunity
@CreativeCrewCommunity 2 месяца назад
Haha! Yeah it was AI
@CreativeCrewCommunity
@CreativeCrewCommunity 2 месяца назад
gpt 3 probably. It was fired and replaced by gpt 4
@fatasshole
@fatasshole 10 месяцев назад
I like how RU-vid CC automated to "WSJ" when you were referencing design sites/sample sites. Amazing
@CreativeCrewCommunity
@CreativeCrewCommunity 9 месяцев назад
Cool -- RU-vid auto CC is a pretty fascinating thing!
@AkintadeHannah
@AkintadeHannah 9 месяцев назад
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.
@alejburj
@alejburj Год назад
This is Editor X advertising, but it doesn't matter the content is valuable to me, thank you
@CreativeCrewCommunity
@CreativeCrewCommunity Год назад
Glad you enjoyed the video! Yes I’m very happy to be partnered up with Editor X on the channel :)
Далее
Easily Improve Your Web Design (With Example)
17:59
Просмотров 41 тыс.
50 Website Design Mistakes (And Why)
8:24
Просмотров 73 тыс.
10 CSS Pro Tips - Code this, NOT that!
9:39
Просмотров 2,1 млн
Why is THIS the Perfect Homepage?
14:21
Просмотров 535 тыс.
Reacting to 21 Design Portfolios in 22 Minutes
22:41
Просмотров 533 тыс.
The Easiest Way to Build Websites
10:56
Просмотров 405 тыс.
9 advanced tips of layout & composition in Web Design
16:11
60-30-10 Color Rule
6:18
Просмотров 1,9 млн
14 Web Designs Trends 2024
10:40
Просмотров 115 тыс.
5 Design Patterns That Are ACTUALLY Used By Developers
9:27
11 Section layouts to make your website ultra UNIQUE
13:42