PopTricks 004

Visual Design
Essentials

Swipe

01 08
Keep it simple
Limit usage of too many UI
elements on a page and ensure
there is ample white space around
every element

02 08
Be consistent

Use familiar patterns, flows, shapes,

typography, card styles & buttons

throughout the design

03 08
Accessibility
Ensure color contrast, easy

navigation, and avoid using

small fonts for optimal design

04 08
Visual hierarchy
Arrange elements to convey their
importance and guide user attention
towards only important elements

05 08
Similarity
Group similar elements together
and use a visual difference

to make something stand out

06 08
Limit colors and fonts
It reduces confusion and enhances
visual appeal, thus making it

aesthetically pleasing

07 08
Break rules intentionally
Know the rule before breaking it,
principles exist for a reason.

Do it with a purpose while

considering the end user

08 08
Stay tuned for

more poptricks!
Got something to say?
We'd love to hear your thoughts in the comments if
you found these tips useful or have some awesome
ideas to pitch!