DEV Community

Soujanya Satpute
Soujanya Satpute

Posted on

1

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

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

AWS GenAI Live!

GenAI LIVE! is a dynamic live-streamed show exploring how AWS and our partners are helping organizations unlock real value with generative AI.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️