web design

23 Web Design Tips to Become a Better Designer

Good web design is not only about the looks, a good design is functional, innovative, aesthetic, honest and user-oriented. And in this post we will learn the fundamental rules of designing.

You need years of experience to create a good design.

D-E-S-I-G-N is not how it looks, its how it works. Design is what makes people smile.

Good design is not only about the looks, a good design is functional, innovative, aesthetic, honest and user-oriented. And in this post we will learn the fundamental rules of designing.

Lets start with the fundamental rules of the designing.

1. Simplicity is the ultimate sophistication

Nothing ever matched with what simple things could do. Good design is as little design as possible. Before the iPhone many phones came out with the same features but they all missed one feature of iPhone which is ease of use and simplicity of the iPhone.

2. Shadows are not always black

This means you should not use 100% black (i.e. #000 , rgb(0,0,0) ) as a primary color in your design. The chances are that you end up with breaking the user experience.

3. White Space is necessary

It is the default space left out around the content to make it more readable. White space insures a good structure and layout in design and it gives focus to the content.

4. Design for Branding

It helps to keep up the coherence in the design. And at the end improves design.

5. Proximity

The elements that are close to each other are perceived more related than the elements which are far from each other. (a, below)

6. Similarity

Users treat elements as a group that has similar visual characteristics. (b, below)

7. Follow Trends (or create one)

Keep up to date with the latest design trends. “Trends” doesn’t mean “copy”. It will help to create new designs.

8. Ask People

Always take feedback from people before finalising the design.

9. Use colors responsibly

Choose colors that are good to eyes and limit color palate to maximum 4 colors.

10. Remove unnecessary elements

20% elements get 80% attention. So remove the unnecessary elements. So that important elements get more attention.

11. Create Prototypes First

Many times new design look better in mind, but it’s not that good in reality. So it is a good idea to create a prototype first.

12. Make headlines pop

Headline are the most important elements of a page because they convey action.

13. Make the text easy to read

Use fonts that are easy on eyes. And choose the font color wisely.

14. Use hierarchy in design

Place the most important elements at the top and the second most important after it. Place elements in the order of their importance.

15. Create Depth in Design

Use images and layers to create depth in a design. The elements of depth add a touch of reality in the design.

16. Sense of action on hover/click

Create an effect that give a sense of action, when hover on a link, button or click-able elements.

17. Appropriate Line height

Spend time with fine tuning the typo. Find the proper line height with this tool: http://www.pearsonified.com/typography/

18. Ask “why” 

Think do you really need this element. If not then remove it. It makes design look better.

19. Motion

Motion provides meaning, and serving focus to attention. Motion adds life to a design.

20. Good artists copy, Great artists steal

Good artists copy; great artists steal.

21. Think like an end-user to check

Think like an end-user when evaluating any design. It helps to find weak points in the design.

22. Define typography first

Typography is the laying foundation of any great design. So start the designing process by defining the typography first.

23. Create a style guide

It makes the workflow fast and consistent.


Above are some great tips to become a better designer. These are the fundamental rules of designing and if you follow them you will end-up with something great.