UI Design for Developers – Meng To

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 https://www.idesigncourse.com/ui-design-for-developers-meng-to/?feed_id=7195&_unique_id=65df522c1d37c&iDesign%20Course

Comments

Post a Comment

Popular posts from this blog

The Art of VFX & Graphics for Editors – Film Editing Pro

Image
The Art of VFX & Graphics for Editors Information The Art of VFX & Graphics for Editors is a comprehensive training course offered by Film Editing Pro. It is designed for filmmakers, editors, and online content creators who want to acquire skills in visual effects (VFX) and motion graphics specifically tailored for editors. Learn the Art of VFX & Motion Graphics for Editors A Step-By-Step Training Course for Filmmakers, Editors and Online Content Creators “These are the types of VFX and motion graphics most useful to us as editors.” Here’s what you’ll learn After Effects Essentials Basic After Effects training for beginners 68 lessons with 13+ hours of training Downloadable video and image assets to follow along Visual Effects Training 49 lessons with roughly 14+ hours of training Downloadable footage, VFX shots & plates Learn keying, rotoscoping, object replacement, 3D tracking, green screens, compositing and mo
Read more

Typography Masters course for UX/UI Designers – Alexunder Hess

Image
Typography Masters course for UX/UI Designers Information An Ultimate 8-Module Advanced Typography Course for UX/UI Designers: from Research and Information architecture to Font pairing, Typeface Psychology and final results. Just imagine, How it would feel like after this Typography Course: To be proud of your designs that everyone loves too Your colleagues ask you how you upgraded your skills so quickly You know how to start any design project You have a structure that will help you significantly cut the time you currently spend on completing your design projects. This means you can take on more projects and earn more or just have more free time for travelling or your family and friends You forget what revisions are because your designs are accepted from the first time You look more professional as you can clearly explain your typography decisions to clients or boss You are confident in your decisions and finally don’t feel like an imposte
Read more

Master Figma from 0 to 100 – Mirko Santangelo

Image
Master Figma from 0 to 100 Information Master Figma from 0 to 100 is an online course designed to take participants from beginner to advanced levels in using Figma, a popular tool for UI/UX design, prototyping, and collaboration. From beginner to pro: Master all aspects of Figma - interface setup, plugin usage, text and shape design, prototyping, and collaborating with developers. Discover the boundless potential of Figma with Mirko Santangelo in this online course. Dive into the world of UI design, prototyping, and collaboration, all while harnessing the power of Figma. In this creative journey, Mirko, a renowned designer and creative director at Paper Tiger agency, introduces you to the heart of Figma, the essential UI tool for digital design. Starting from scratch, you'll embark on a comprehensive exploration of Figma's features, guided by Mirko's expertise. Unravel the intricate threads of UI design as you progress through ten immersive courses. Mirko's
Read more