Visão Geral

Curso Design de Interfaces para Dispositivos Moveis. Curso completo e atualizado que ensina do zero tudo o que um UI Designer Mobile precisa dominar: Figma avançado, Material Design 3 (Material You), Human Interface Guidelines (iOS 18/19), criação de Design Systems, prototipação interativa, entrega perfeita para desenvolvedores e construção de portfólio profissional. Inclui 4 projetos reais do início ao fim e bônus exclusivos que aceleram a entrada no mercado.

Objetivo

Após realizar este Curso Design de Interfaces para Dispositivos Móveis você será capaz de:

• Criar interfaces mobile profissionais para iOS e Android do zero
• Dominar Figma em nível avançado (Auto Layout, Variants, Design System)
• Aplicar corretamente Material Design 3 e Human Interface Guidelines
• Projetar apps completos com navegação, dark mode e microinterações
• Construir e documentar Design Systems escaláveis
• Entregar arquivos perfeitos para desenvolvedores (handoff impecável)
• Montar um portfólio de UI Mobile que impressiona recrutadores e clientes
• Cobrar como freelancer ou conquistar vagas de UI Designer Mobile

Publico Alvo

• Iniciantes que desejam entrar na área de UI/UX Design
• Designers gráficos querendo migrar para produto digital
• Desenvolvedores mobile (Flutter, React Native, Swift, Kotlin) que querem criar suas próprias interfaces
• Product Owners e Product Managers
• Empreendedores que vão lançar apps próprios
• Freelancers que querem oferecer serviços de UI Mobile
• Estudantes de Design, Publicidade e Sistemas de Informação

Pre-Requisitos

• Nenhum conhecimento prévio de design ou Figma é exigido
• Computador com internet estável
• Vontade de praticar e entregar os 4 projetos do curso

Materiais

Conteúdo Programatico

Module 00 – Welcome & Setup

1. Course overview and methodology
2. Figma account and interface tour
3. Essential plugins and resources pack

Module 01 – Mobile Design Fundamentals

1. Why mobile design is different from web/desktop
2. Screen sizes, resolutions and density (dp vs pt)
3. Safe areas, status bar, navigation patterns
4. Mobile typography scales and readability
5. 4-point and 8-point grid systems

Module 02 – Official Guidelines 

1. Material Design 3 – Material You (dynamic color, components, motion)
2. iOS Human Interface Guidelines (iOS 18/19) + SF Symbols 6
3. Cross-platform design: when to follow each guideline
4. Native vs custom components strategy

Module 03 – Mastering Figma for Mobile

1. Auto Layout mastery (padding, stacking, constraints)
2. Components, Variants and Properties
3. Building a complete mobile Design System from scratch
4. Smart Animate and advanced prototyping
5. Interactive components and microinteractions

Module 04 – UI Design Process Step-by-Step

1. Project brief and reference research
2. Low-fi and mid-fi wireframes
3. Moodboard and visual direction
4. High-fidelity screens (light + dark mode)
5. States and error handling
6. Usability heuristics for mobile

Module 05 – Hands-on Projects (4 complete apps)

1. Project 01: Food Delivery App (10+ screens)
2. Project 02: Personal Finance App with Dark Mode
3. Project 03: Meditation & Wellness App (calm design)
4. Project 04: Real app redesign (portfolio piece)

Module 06 – Design Systems & Scalability

• Design tokens (color, typography, elevation, radius)
• Component library documentation
• Version control and branching in Figma
• Handoff with Dev Mode and documentation tools

Module 07 – Perfect Developer Handoff

1. Correct asset export (@1x, @2x, @3x, SVG, PDF)
2. Layer naming conventions developers love
3. Spacing, color and typography specs
4. Using Figma Inspect and Dev Mode
5. Common mistakes that make developers hate designers

Module 08 – Portfolio & Career Launch

1. Building a killer mobile UI portfolio
2. Case study structure (Behance/Dribbble standard)
3. Personal website and LinkedIn optimization
4. Freelance pricing and client proposals
5. Job opportunities and salary ranges (Brazil + remote)