19 Best Practices for Faster UI Mockups

UI mockups help answer the big visual questions.

The below tips are based on my experience as a web designer and blogger. My goal is to help you create faster UI mockups without sacrificing the quality of your work.

Let’s begin.

  1. Sketch Your Ideas First
  2. Start with Mobile Screens
  3. Use Compatible Wireframing & Prototyping Tools
  4. Commit to Your Chosen UI Design Software
  5. Review Other Visual Successes
  6. Remove Unnecessary Elements
  7. Implement a Grid System
  8. Take Advantage of Free UI Elements and Icons
  9. Use Vectors
  10. Web-safe Typography
  11. Color Tools Save Time
  12. Duplicate Layers
  13. Use Layer Comps (Photoshop)
  14. Proper Naming of Files and Layers
  15. Version Control
  16. Store Files in a Smart Location
  17. Be Independent
  18. Preview on Live Devices
  19. Elicit the Right Feedback

 

Related Articles:

https://www.uxpin.com/studio/blog/19-best-practices-for-faster-ui-mockups/