Dive into a comprehensive UI design tutorial focused on beginners, using Adobe XD or other tools like Figma. Start by wireframing a fictional app, then progress to adding a design layer and selecting colors. Learn essential UI design tips and theory throughout the 1-hour 21-minute course, covering topics such as sizing and positioning touch targets, building component collections, creating consistent shadows, judging visual weight and alignment, understanding proximity in design, and designing for worst-case scenarios. Gain practical skills in wireframing, color selection, and various UI design techniques to enhance your ability to create user-friendly interfaces.
Overview
Syllabus
Introduction
Sizing, spacing, and positioning touch targets
Custom or default guides?
Building your own collection of components
Consistent shadows and light sources
Have a break! Make a cup of tea
Judging visual weight and alignment
Align text, not the bounding box
Proximity in design
Designing for the worst case scenario
Matching nested border radiuses
Taught by
Envato Tuts+
