UI Includes Front-end visual appearance elements such as:
- Color
- Typography
- Size and Spacing
- Images
- Icons
- Shapes
Color
Typography
- Best place to choose fonts for beginners is Google fonts.
- We can use Type scale to set font size and line height.
Space and Size
- Use 8pt grid system:
This system helps you to keep design consistency.
The principle of 8pt Grid is that use multiples of 8 (8, 16, 24, 32, 40, 48, 56, etc.) to layout, dimensions, padding, and margin of elements.
Images
Websites that provide free and paid images with hi resolution such as:
Icons
Websites that provide free icons such as: