5 killer web design tips that will make your life easier

Illustration by Kristina Zmaic

We all want to have a beautifully designed website and yet, it’s surprisingly hard. So what is it that great designers know that the rest of us don’t?

The key to great web design is really very simple: you’ve got to understand the universal rules of good design and follow them, all the time.

Let’s make sure this never happens to you.

1. Learn the fundamental rules of type design
The key to good web design, says Ryan Shafer, Lead Digital Designers at MTV & VH1, is remembering that the web is really just a bunch of text. “I encourage all budding web designers to embrace that the web is fundamentally about typography design.”

And the great news is that type designers have spent the past five thousand years perfecting text design, and there are a few golden rules that all websites should adhere to:

For headlines:

  • Make them bold and easy to scan

  • San serif typefaces are great for headlines because they are stark and easy to read at larger sizes

For body text, you want to maximize legibility:

  • For lots of text opt for a serif typeface

  • Make the font-size much larger than you think is necessary, we recommend 16 px at minimum

  • Lines should never be more than 50-60 characters long

2. Pick a solid typeface, and maybe one with a touch of whimsy
Now, don’t get us wrong, we love Helvetica as much as the next designer. When it comes to picking a font-face you want to pick something super easy to read, graphic, and maybe something a little, you know, whimsical.

Colin Nederkoorn, founder of Customer.io says that recently, “Proxima Nova has replaced Helvetica Neue as my sans-serif typeface of choice. They probably won’t make a movie about it, but if you want a sophisticated sans-serif typeface that the lay(wo)man won’t recognize, give Proxima Nova a shot.”

Some other good choices are Montserrat and Merriweather Sans.

3. Pick a three-color palette & then stick to it!
When it comes to picking a color palette the key is to pick it and stick (to) it. Consistency is everything when it comes to creating a cohesive color palette for your site.

“I prefer neutral palettes that use a strong accent color in a bold way,” says Mike Fortress designer at Oak Studios. “Perhaps a white background (#fff), a not- too-dark text value with a little hue in it (#45585f), and a strong accent color (#4e5fff). But,” warns Mike, “Be careful with that last color!”

Check out Adobe’s Kuler tool for picking colors, or get inspired by the collection of palettes at Colour Lovers.

4. Make sure your photos are the right size
Remember, the web is pixel based, so if your image isn’t large enough it’s going to look pixelated.

“When you are looking for images on Google or iStock, make sure to get the proper size” says designer Kristina Zmaic. “Photo clarity adds a lot of credibility to a site, even if they weren’t taken by you.”

If the image is too small, don’t use it!

5. When in doubt, give it space
The most important design tip is also the simplest: “Make sure your content has breathing room; give it proper margins will help with legibility and focus.” In particular, says Kristina, it’s important to avoid overwhelming users with walls of text.

“Too much text can be a bit daunting. Text is necessary so make sure to break it up with larger sub headings and legible paragraphs. Considering using icons or images as alternative ways to communicate your point.”

If there is one golden rule of design it’s this: pick your aesthetic and stick to it. Consistency is key. Nothing will tank your design faster than picking one design direction and then switching it halfway through.


Your email address will not be published.



  1. Alona Replied

    After reading your blog post, I browsed your website a bit and noticed you aren’t ranking nearly as well in Google as you could be. I possess a handful of blogs myself, and I think you should take a look at “seowebsitetrafficnettools”, just google it. You’ll find it’s a very lovely SEO tool that can bring you a lot more visitors and improve your ranking. They have more than 30+ tools only 20$. Very cheap right? Keep up the quality posts

  2. Stacey Kaser Replied

    Hello! Do you know if they make any plugins to protect against hackers? I’m kinda paranoid about losing everything I’ve worked hard on. Any tips?

  3. Make Your Website Popular Replied

    If you are seeking for the top service to get website visitors to your web page, i advise to use seowebsitetrafficnet. I am using it with a great result. Simply just type seowebsitetrafficnet in google.

  4. Elina Replied

    After reading your blog post, I browsed your website a bit and noticed you aren’t ranking nearly as well in Google as you could be. I possess a handful of blogs myself, and I think you should take a look at “groupbuyseotoolsinfo”, just google it. You’ll find it’s a very lovely wordpress SEO tools that can bring you a lot more visitors and improve your ranking. Keep up the quality posts

  5. Leland Canes Replied

    Very good information. Lucky me I discovered your website by chance (stumbleupon).I have saved it for later!

  6. Marquis Dalmoro Replied

    Avoid doing big reveals of your work. One of the goals of communicating often with the client is to avoid surprises when revealing your work. The times when I’ve presented my progress, I’ve found it more useful to take them on a journey and show where I started from, the considerations I had while navigating this or that challenge and where I finally landed, instead of just showing the end of the journey with no context.

  7. Jeffery Davis Replied

    A grid will help you to structure the layout of the different sections; it will guide you through the specific screen size requirements, and help you to create responsive templates, so you’re consistent in terms of spacing as well as many other design issues.

  8. Marvis Kitzerow Replied

    Remember, you’re not just trying to impress your website visitors, you’re also going to want to to impress the big search engines with less code, social media networks with OG data (this may be more of an SEO feature but still very relevant to 2018) and let’s not forget, the cleaner the code, the faster the web page speed loading times for browsers.

  9. consumo electrodomesticos calculo renal Replied

    Mas de 18 años de experiencia nos avalan como una de las mejores empresas de servicio tecnico y asistencia tecnica de lavadoras Siemens en Marbella aunque no somos el servicio tecnico oficial de la marca Siemens. Reparar su lavavajilla Siemens en Benidorm es fácil siempre que su reparación sea realizada por técnicos certificados. Somos pioneras en la venta de recambio a domicilio, nuestros recambios van directo de nuestro almacén con de 40.000 referencias a su domicilio con el mejor servicio.

  10. Joleen Herrick Replied

    I’m not sure exactly why but this weblog is loading incredibly slow for me. Is anyone else having this problem or is it a problem on my end? I’ll check back later on and see if the problem still exists.|

  11. Mitchell White Replied

    If this is the case and I should probably inform webmaster-service.net to definitely strictly follow these tips to have a killer website! Thank you so much for sharing!

  12. axs2 Replied

    Good Job, excellent article, i loved it the way that you explained,

  13. Jenny Replied

    Great tips to follow for an aspiring web designer. Thanks for sharing them with us. With so much competition, designing a unique website has gained more importance than ever.

  14. GoDesigny Replied

    Thank you for this very handy post! This is exactly what I needed and i am going to put it on my reading list to work through slowly when I have more time.

  15. Ellie Replied

    Didn’t really teach me anything new, but all of this is still true. (Hey that rhymes…)

  16. Cheap Web Design UK Replied

    Really nice article about the simple steps about website design. It was all really helpful. Thanks you so much for sharing valuable information.

  17. Cheap Web Design UK Replied

    Very nice article about easy steps about the website design. Yeah we agree with you it is always the design what matters to create the first impression.

  18. website designers in hyderabad Replied

    really nice article!!! thanks for sharing the information,,its very helpful to the freshers who are facing the problems in web designing

  19. Rudra Replied

    A good Website design matters a lot because of 1st impression is the last impression.. so the website should be very attractive… Really amazing website design tips for good web designing, it really helps fundamental rules of type design suggested by you. thank you so very much to sharing blog.. keep blogging

  20. Wendy Cartright Replied

    These are really great tips for great web designing. I like your tip number 5, to give the content space. I definitely don’t like to read a giant pile of words on a webpage. It just looks so boring and overwhelming. Another thing I would add is to incorporate different elements. Pictures and content are super awesome, but a good video makes it even more awesome. Thank you for sharing your thoughts! 

  21. Jane Replied

    Hmm… you say to use a serif font for body text, but you use sans-serif. 

    The advice to not use too dark of a font color is horrible. Might be nice for people with perfect vision, but millions of people don’t have perfect vision and need as much contrast as possible to read comfortably. 

  22. Excellent web design tips for making a website great and create a good impression on your website visitors for your brand or business. Nowadays, Typography is becoming most important factor to keep in mind for creating an awesome website and provide a good experience to visitors.

  23. That’s really very important tips for making any website awesome because your website creates first impression of your business. Web Designer Tricks is also very best website for web designers. It helped me a lot.

  24. Kevin Replied

    Designing a good website requires creative thinking, technical knowledge and expertise. Images, color and graphics are extremely important for creating a balanced website.

  25. Learning to code is officially #1 on my bucket list. Okay, it’s actually the only thing on my bucket list (which is more annoying than having 50 things listed). Despite being a serial entrepreneur and #2 and on the founding team of a venture backed startup in 1998 that was sold to Kinko’s for $100M (Relax it was 2000 and the bubble was bursting so the only profit made was by the bankers). I did learn HTML though and Cobol in college so I tell myself I know enough to be dangerous and should be able to teach myself Ruby and all the cool stuff. But after 3 years of trying on my own along with running a company, being married and raising 3 kids (which includes 2 teenagers who remind me of me so much I call my parents every other week just to apologize. Even my 9 year old daughter is making video games. We’re actually at IndieCade (it’s like Sundance for video games), yet my husband and 3 kids are asleep and I pulled an all-nighter to get my daughter’s beta launched along with a very cool Activity Book aimed at getting kids engaged in making games – which I decided had to be done! My daughter and I are on a crowd funding panel at 3pm. Nevermind. After writing it down, I realize it’s user error. I’m the problem :(

Want more articles like this?

Sign up to get the most recent tech news, tips and career advice.