Beauty is only one factor when it comes to designing “good” interfaces. More importantly, a good UI has to achieve the user’s goals and the goals of the business. These short lessons tell you how to help and persuade the user to do the most effective thing.
What you'll learn—and how you can apply it
Visual design principles help you direct the user’s attention to the right place by using color, alignment, contrast and patterns. When you combine those principles into full layouts, you must understand how a user’s eyes move around a page, and use that information to help them scan the page for important content.
This lesson is for you because…
- Users will think your layout is more beautiful and more enjoyable if you take the time to design it more effectively. And every good designer wants that.
- No experience necessary
- Interest in designing products
Materials or downloads needed
This Lesson is taken from UX for Beginners by Joel Marsh.
Table of contents
- I. Visual Design Principles
- 1. Visual Weight (Contrast and Size)
- 2. Color
- 3. Repetition and Pattern-Breaking
- 4. Line Tension and Edge Tension
- 5. Alignment and Proximity
- 6. Using Motion for UX
- II. Wireframes and Prototypes
- 7. Z-Pattern, F-Pattern, Visual Hierarchy
- 8. Layout: Page Framework
- 9. Layout: The Fold, Images, and Headlines
- 10. Layout: The Axis of Interaction
- 11. Forms
- 12. Primary and Secondary Buttons
- Title: Designing effective interfaces
- Release date: October 2016
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781491975442
You might also like
The Self-Service Data Roadmap
Data-driven insights are a key competitive advantage for any industry today, but deriving insights from raw …
Designing for Sustainability
Pixels use electricity, and a lot of it. If the Internet were a country, it would …
Generative Deep Learning, 2nd Edition
Generative AI is the hottest topic in tech. This practical book teaches machine learning engineers and …
100 Things Every Designer Needs to Know About People, 2nd Edition
WE DESIGN TO ELICIT RESPONSES from people. We want them to buy something, read more, or …