Web Designer Guide and Tips

Note: This is updating article.

1. Sketching
2. Inspiration
3. Userflow
4. Sitemap
5. Wireframes
6. Prototyping
7. Feedback

Visual Design

1. Spacing and Grid
2. Typography
3. Color
4. Visual Assets Designing Images with whole background and generally whole screen width. Positioning on screen is much harder if you have small images. There for have image format and just adjust image css - source Udemy Case Study.

Design System

1. Design Patters
2. Microinteraction
3. Motion