UI Design for Developers Information

UI Design for Developers is a comprehensive course that aims to teach developers the fundamentals of UI design and how to apply them effectively in their projects.

In this course we’ll learn how to use design systems, set up break points, typography, spacing, navigation, size rules for adapting to the iPad, mobile and web versions, and different techniques that translate well from design to code.

What You’ll Learn in UI Design for Developers

1. UI Design for Developers

Learn just enough visual design to be dangerous as a developer

2. UI Patterns and Inspiration

Design from scratch using known patterns and create wireframes

3. Colors and Branding

Create your color palette using monochromatic, analogous and complimentary colors

4. Gradients and Backgrounds

Design backgrounds from simple shapes and apply gradients from analogous colors

5. Stroke and Blobs

Customize the stroke and generate new designs with Looper

6. Illustrations and Mockups

Elevate your presentation with mockups and illustrations

7. Typography and Accessibility

Basic rules and system for type design for maximum legibility

8. Text Styles and Buttons

Set consistent font styles and create buttons with auto layout

9. Grid and Spacing

Learn about layout grid, rulers and auto layout spacing

10. Navigation and Components

Create reusable UI elements across multiple screens

11. Visual Hierarchy and Depth

Apply colors, shadows and background blur to give priority and increase clarity

12. Cards and Content

Design the content using a flexible card UI

13. Flexible List Layout

Create list rows and columns that are flexible and reusable

14. Icons and Customizations

Customize complex icons and font icons like SF Symbols

15. Vectors and Booleans

Create icons from scratch using the shape and drawing tools

16. Design Transformations

Quickly rearrange existing components into new designs

17. Forms and Modals

Design a sign up layout with inputs and a button

18. UI States and Background Blur

Design button states and error messages

19. Success Modal and Confetti

Design a floating modal with a success message and confetti

20. Redesign and Iterations

Revisiting backgrounds, content and design system

21. Organizing your Layers

Organizing your Layers

22. Pages and Nested Components

Setting components inside components and creating pages

More courses from the same author: Meng To

Salepage: UI Design for Developers – Meng To