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

When will I receive my course?

You will receive a link to download your course immediately or within 1 to 21 days. It depends on the product you buy, so please read the short description of the product carefully before making a purchase.

How is my course delivered?

We share courses through Google Drive, so once your order is complete, you'll receive an invitation to view the course in your email.

To avoid any delay in delivery, please provide an Gmail and enter your email address correctly in the Checkout Page.

In case you submit a wrong email address, please contact us to resend the course to the correct email.

How do I check status of my order?

Please log in to iDesignCourse account then go to Order Page. You will find all your orders includes number, date, status and total price.

If the status is Processing: Your course is being uploaded. Please be patient and wait for us to complete your order. If your order has multiple courses and one of them has not been updated with the download link, the status of the order is also Processing.

If the status is Completed: Your course is ready for immediate download. Click "VIEW" to view details and download the course.

Where can I find my course?

Once your order is complete, a link to download the course will automatically be sent to your email.

You can also get the download link by logging into your iDesignCourse account then going to Downloads Page.