There are 4 basic design principles you need to know
👇
👇
1. Contrast
By using contrast you can control users' focus. Ways of making an element stand out:
1. Color
2. Shape
3. Size
4. Proximity / Distance
Remember: No contrast / Too much contrast is bad!
By using contrast you can control users' focus. Ways of making an element stand out:
1. Color
2. Shape
3. Size
4. Proximity / Distance
Remember: No contrast / Too much contrast is bad!
2. 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.
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.
3. 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.
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.
4. Proximity
Related elements should be grouped together.
Group elements that should go together & set up the proper spacing between elements.
P.S. Did you know that proximity is more "powerful" than contrast?
At first, we see groups, then - elements that stand out.
Related elements should be grouped together.
Group elements that should go together & set up the proper spacing between elements.
P.S. Did you know that proximity is more "powerful" than contrast?
At first, we see groups, then - elements that stand out.
• • •
Missing some Tweet in this thread? You can try to
force a refresh
