5-web-design

5 Web Design Tips Pros Live By

Posted on Posted in PHP Web Development

If you have ever tried designing a website, you probably know it’s not that as easy as you’d hoped. There must be an easier way, right? There is! Take it from the pros. With these tips, or rather guidelines, you can’t go wrong!

Once you understand and live by some key principles of a good and solid design, it’s really not that hard.

1.  Core of Type Design

All good designs fall or stand with the font you use and how you use it. There are some simple do’s and don’ts:

Do:

– Make headlines eye catching: bold and larger. Anywhere between 18-29 pixels is good, depending on the font size in your body text. San Serif is a good font type to use here.

– Use Serif fonts for high volume body copy: It will look clean and they are easy to read online.

– 16px font size: It is slightly bigger than you would probably think, but it is the ideal font size for online reading.

Don’t:

– use more than 3 font sizes in your website design.

– Use more than 3 different typefaces

– Create long lines: Try to not go over 50-60 characters max.

Magicdust suggests, “the key to timeless design is consistency and minimalism.”

2.  Typeface

Obviously, your font does not HAVE TO be Serif or San Serif, there are plenty other great fonts out there that are easy to read. At the end of the day you may want or need something that has a little more bite to it, like Monteserat or Chaparral.

3.  Color Palette

Not only does picking a color palette require more than just a quick thought, you will have to abide by it throughout your entire website design!

Adobe has a great tool that will help you pick a palette. You choose your brand color or your preferred main color and it will suggest colors that will naturally fit to that. For inspiration on palettes that work well, head to colourlovers.com. It is an online community where creatives from around the world share their palettes.

4.    Imagery size

After having spent loads of time finding or even creating the perfect imagery for your new website, the last thing you want is for your images to look pixelated. Check the clarity and crispness of your photo on your website before you publish it and if needed use a bigger size image.

5.    Space

Reading online is very tiring for the eye and many people therefore do not like reading larger texts on a computer screen or tablet. There is a way around this: give your text a bit of space. Use enough space between the lines, and between paragraphs. It will make it easier for the reader to focus on what you are trying to bring across and it will be less fatiguing.

Your main take away from the above should be: pick your composition and do not deviate from it. Consistency is king. Happy designing!

Related Article: Logo Design Basics You Have to Remember at All Times