Technical Aspects of UI Design and Developer Handoff

Master UI Design & Development Handoff. The ultimate course with essential techniques, tools & best practices!

Created by: Krzesimir Ostrowski
Udemy Instructor, UI/UX Wizard with 8+ yrs of experience

What Will I Learn?

• Together with the Course you get a free handy Design Checklist to supercharge your design projects!
• Stop frustrating and wasting time on creating unrealistic UI designs, that later will have to be simplified and modified for development
• Understand the possibilities and technical limits of your designs - reduce the number of feedback iterations from your developers
• Collaborate smoothly with the developers and “speak tech” confidently. Impress your team and clients
• Learn what happens with your UI designs in the development process without having to learn a single line of code!
• Excel at work and grow as a designer with extra knowledge! Stay relevant and ahead of the competition with versatile knowledge
• Learn the logic of how real-life websites are structured and how to apply this knowledge to your UI designs
• Learn about containers, grids, flexboxes, paddings, margins
• Learn how to create advanced responsive components in Figma using Auto Layout
• Learn why you should use styles in Figma for your typography, colors and effects
• Learn how to keep consistency and logic in your UI design projects no matter how small or big the project is
• Learn how to organize your work and design files to collaborate with other designers, developer and other stakeholders with ease
• Complete a UI design project - from the very beginning to the final developer handoff
• Tips & tricks from an experienced UI Designer and Team Leader. Learn the do's and don'ts of any UI design project
• How to create bulletproof responsive UI designs that look good and function on many different resolutions
• Experiment and learn in your own pace with the Figma design file available for download!
• Learn about different file extensions, how to optimize your assets, images and graphics to optimize the website's weight and performance when it will be live

Requirements

• No coding experience needed! You will learn everything you need to know from this course!
• Basic knowledge of Figma or other similar UI/UX design tool
• Figma (paid or free version)

Target audience

• Beginner or intermediate UI/UX Designers, that want to improve their knowledge about the technical aspects of UI design and Developer handoff
• Graphic Designers and Web Designers transitioning to UI/UX
• Developers wanting to collaborate with designers more easily and curious about the challenges of creating a proper UI design project
• Project Managers, Product Owners and anyone else wanting to learn how websites are build and structured