Basic UI/UX concepts for beginner Front-End developers

Difference between UX/UI

Five rules for you to follow for mobile

This design confuse users (which action is main)
The thumb zone

Main principle organizing visual information

Imbalanced and Balanced layout
Examples balance and imbalance design
Example rhythm principle
Example of dominance (dominance size, dominance contrast)
Example bad dominance design (user don’t know what to do, which action is main)
Examples of how alignment improve UI

Colors

Color theory
Example how contrast affects our perception

Typography

Different typography creates different emotional impact
Typography alignment
Typography with limit width is easier to read

Icons

Example bad and good icon pack

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store