Basic design principles you should know
 ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ 

Basic design principles you should know

Hi there! 👋

It's Victor.

Before we start. If you're a developer, I've just posted a tweet about 15 common CSS mistakes. Check it out :)

I remember that a long time ago I bought a book that was called something like "Design for non-designers".

The book explained four basic principles used in design. So I decided to brush up on this topic in this issue.

Contrast

By using contrast you can control the user flow. For example, if you need to focus the user on something that is more important.

There are few ways of making contrast:

1. Color
2. Shape
3. Size
4. Proximity / Distance

But be careful with this. Applying contrast to many elements will result in not having contrast at all.
2b4c6b15-df49-11ea-a3d0-06b4694bee2a%2F1619262688531-Design+Principles+-+Contrast%402x.png

Alignment

When your elements are aligned, nothing looks out of place.

It doesn't mean that an element cannot be out of order if you want to focus the user on it, but most elements should be usually aligned.

A typical way to achieve that is using grids or columns.
2b4c6b15-df49-11ea-a3d0-06b4694bee2a%2F1619263080180-Design+Principles+-+Aligment%402x.png

Repetition

In other words - consistency.

If you have a button element, it should look similar on all pages = repeated over pages.

It doesn't mean it cannot have a different size or color.

But it also shouldn't end up with 100 different colors and sizes.
2b4c6b15-df49-11ea-a3d0-06b4694bee2a%2F1619263177042-Design+Principles+-+Repetition%402x.png

Proximity

Related elements should be grouped together.

Group elements that should go together & set up the proper spacing between elements.

Usually, proximity is more "powerful" than contrast.  At first, we see groups, then - elements that stand out.
2b4c6b15-df49-11ea-a3d0-06b4694bee2a%2F1619263254784-Design+Principles+-+Proximity%402x.png
That's it for today!

👉You can always reply to this email with feedback & you could also check my Twitter, where I share my thoughts about user interfaces. 

Cheers,
Victor

You received this email because you subscribed to our list. You can unsubscribe at any time.

Moskvorechie 4k6, Moscow, 115522, Russian Federation
Powered by EmailOctopus