1. Emphasis
Give emphasis in descending order from the most to the least important piece of information you’re trying to present.
Give emphasis in descending order from the most to the least important piece of information you’re trying to present.
2. Balance and Alignment
Every element has a weight that comes from its colour, size or texture.
Creating balanced, asymmetrical designs is a great way to bring visual interest and movement.
Every element has a weight that comes from its colour, size or texture.
Creating balanced, asymmetrical designs is a great way to bring visual interest and movement.
3. Contrast
Contrast is what makes your design "pop" and memorable.
Using significantly different colours for background and elements, paired with one or two strong typefaces is a great way to create contrast.
Contrast is what makes your design "pop" and memorable.
Using significantly different colours for background and elements, paired with one or two strong typefaces is a great way to create contrast.
4. Repetition
Repetition unifies and strengthens a #design.
An out of place font might look like an error, but repeat it 2-3 times and you’ve got a motif.
If you look at it, #brand identity is basically repetition.
Repetition unifies and strengthens a #design.
An out of place font might look like an error, but repeat it 2-3 times and you’ve got a motif.
If you look at it, #brand identity is basically repetition.
5. Proportion
Proportion refers to the relationship between two or more elements in a design.
If you follow alignment, balance, and contrast, the proportion will emerge naturally.
Approaching your design in parts, instead of a whole, helps create proportionate designs
Proportion refers to the relationship between two or more elements in a design.
If you follow alignment, balance, and contrast, the proportion will emerge naturally.
Approaching your design in parts, instead of a whole, helps create proportionate designs
6. Movement
Once you’ve set the visual hierarchy, the principle that follows is movement.
It refers to controlling the design elements so that the user’s eye automatically moves to the next relevant piece of information.
Once you’ve set the visual hierarchy, the principle that follows is movement.
It refers to controlling the design elements so that the user’s eye automatically moves to the next relevant piece of information.
7. White Space
White space refers to space where you don’t add any elements.
It helps you create a hierarchy and organize your #design better.
Simply keeping white space can elevate your design from mediocre to successful.
White space refers to space where you don’t add any elements.
It helps you create a hierarchy and organize your #design better.
Simply keeping white space can elevate your design from mediocre to successful.
We hope this has been helpful for you!
Don't forget to like and retweet the first tweet if it has.
For more content related to #ux, #ui and #design, don’t forget to follow us at @tculesIT
Don't forget to like and retweet the first tweet if it has.
For more content related to #ux, #ui and #design, don’t forget to follow us at @tculesIT
• • •
Missing some Tweet in this thread? You can try to
force a refresh
