Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Design Tools User Interface

Invision Studio: do básico às telas responsivas e animações

Crie interfaces e protótipos com animação em sites responsivos e apps com Invision Studio do ABSOLUTO ZERO (UI Design)
Rating: 4.7 out of 54.7 (133 ratings)
1,037 students
Created by Leandro Rezende
Last updated 9/2018
Portuguese
Portuguese [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Utilizar uma das mais modernas ferramentas de UI de 2018 para desenhar, prototipar interfaces de sites e aplicativos
  • Criar interfaces responsivas que se adaptam a qualquer dispositivo (mobile ou desktop)
  • Animar microinterações em transições de estado das suas interfaces
  • Criar UI de aplicativos e sites reais como Netflix e Booking
  • Criar protótipos testar suas escolhas de design e coletar feedbacks.
  • Interagir com desenvolvedores passando as informações de design (alinhamento, espaçamento, tamanho, arquivos de imagens, etc)
  • Organizar seu trabalho profissionalmente
Curated for the Udemy for Business collection

Requirements

  • Você precisará solicitar acesso à versão beta para baixar o Invision Studio. A previsão para liberação da versão final é ainda em 2018.
  • Caso o Invision já tenha sido oficialmente lançado, poderá baixar no site. Ainda não há informações sobre o preço, mas há rumores que será grátis.
  • Você precisará utilizar um MacOS. Invision Studio não funciona em Linux ou Windows, por enquanto, mas está prometido para Windows também.

Description

** Criado pelo autor do curso mais vendido de UX da Udemy em português, no ano de 2018 (com mais de 15 mil alunos). **

Quer iniciar sua carreira como Designer de Interfaces? De repente migrar do Design Gráfico para o UX/UI Digital?

Esse é o curso de INVISION STUDIO mais fácil de aprender que você vai encontrar na Udemy em português. Você vai aprender como usar o INVISION STUDIO para sair do absoluto ZERO ao nível PROFISSIONAL organizando seu trabalho, seu guia de estilos e trabalhando em equipe com outros desenvolvedores.

Durante o treinamento, criaremos projetos reais para você aplicar nos seu dia a dia. 

Assista nossa aula de apresentação e conheça tudo que você vai aprender.

O que torna esse curso diferente? Qual é a mágica?

Nesse curso nada que você aprender será teoria por teoria.

Cada desenho de retângulo é para criar um elemento na tela, cada uso de ferramenta de alinhamento é para posicionar um componente de um aplicativo real.

Tudo é ensinado na prática para não ficar chato e você saber exatamente quando utilizar cada recurso no seu dia-a-dia.

***

Este curso de INVISION STUDIO vai te ensinar na prática a criar interfaces para aplicativos e sites responsivos com uma das melhores e mais modernas ferramentas de UI de 2018.

Você aprenderá:

  • Criar protótipos em papel,

  • desenhar telas de apps e sites,

  • criar interfaces responsivas que se adaptam a qualquer dispositivo,

  • organizar seu projeto em guias de estilos,

  • prototipar interatividade e transições,

  • exportar protótipos para testes reais e troca de informações com desenvolvedores (handoff).

  • EXEMPLO NETFLIX


  • Transformar seus protótipos em papel em protótipos de alta fidelidade,

  • Criar protótipos interativos para seus usuários testarem ou mostrar para seus stakeholders,

  • Utilizar grids para organizar os elementos na tela criando interfaces responsivas,

  • Utilizar as constraints de alinhamento para que seu protótipo se adapte a outros dispositivos sem "quebrar",

  • Organizar seu trabalho de forma profissional como um verdadeiro cartão de visitas,

  • ANIMAÇÕES NA NETFLIX


  • Transições animadas para você chamar a atenção do usuário em microinterações (DIFERENCIAL QUE SOMENTE O INVISION STUDIO TEM).

  • EXEMPLO BOOKING

  • Criar guias de estilos com elementos reaproveitáveis para acelerar seu processo de construção,

E receberá de bônus:

  • Minicurso de rabiscoframes para criar protótipos em papel,

  • Minicurso de Usabilidade

  • Checklist de UX para verificar se seu design tem potencial para gerar boas experiências


***

Depoimentos dos alunos do curso de UX (4.6 de 5 estrelas)

Todos depoimentos estão disponíveis na página do curso de UX.

"Curso sensacional. Dinâmico, bem feito, instrutor dominando completamente o conteúdo. Tudo é de uma qualidade excelente. Um dos melhores cursos (senão o melhor) que já adquiri. Parabéns!!!" - Rafael Patrício

"Empresas vieram falar  comigo no linkedin me requisitando para entrevistas para trabalhar exclusivamente com UX. Sem experiência de mercado, e as empresas me buscam pelo que aprendi no curso" - Nayra

"O curso foi maravilhoso. Eu tentava vários estágios e não conseguia. Depois do curso, quando mostrei o que aprendi e os métodos utilizados na prática, consegui o emprego! Em menos de 1 semana após terminar o curso eu já estava estagiando!" - Alberto

"Logo nos primeiros exercícios passei a ter uma visão completamente diferente da razão das minhas dificuldades. Com o passar do curso e aplicando as técnicas, criei um produto específico para um público bem definido e passei a converter 80% mais clientes!" - André Carvalho

"Muito bom, pois além de trazer toda a base conceitual necessária, também apresenta casos reais de utilização do aprendizado e dicas de como aplicar os conhecimentos adquiridos!" - José Leonardo

"Nao criei expectativas com o curso porque não o conhecia, porém ultrapassam qualquer pré-julgamento que eu teria feito a respeito. Estou aprendendo muito!" - Beatriz Rimanski

***

Qual ferramenta escolher? Se o INVISION STUDIO não for para você, você tem outras opções que criei na Udemy!

Sketch

Para usuários MacOS que buscam criar guias de estilos para projetos escaláveis. $99/ano.

Adobe XD

Para usuários Windows e MacOS. Sua versão grátis permite criar 1 projeto. A partir daí são $119/ano.

Figma

Uma das mais promissoras ferramentas do mercado, que permite trabalhar colaborativamente em tempo real com outras pessoas. Tem uma versão grátis que permite criar até 3 projetos. A partir daí são $144/ano.

Invision Studio

A ferramenta que chegou em 2018 fazendo muito barulho no meio do design e que está em versão beta com lançamento em breve. É a primeira do gênero com avançados recursos de animações para microinterações. Você pode sair na frente e dominar a ferramenta antes mesmo dela ser lançada. Perde apenas para ferramenta mais especialistas em microinterações como o Framer X.

Esse formato permite que você escolha sua ferramenta e trabalhe com ela vendo as diferenças sempre que tiver curiosidade. Cada aula de uma ferramenta possui sua correspondente na outra para fins de comparação.

***

Dica

Caso você queira ir além, pode também adquirir o curso completo de Design de Interfaces, também de minha autoria e disponível aqui na Udemy! Nele você irá além das ferramentas (o curso das 4 ferramentas citadas acima estão inclusas) e aprenderá:

  • Aprenda a escolher, combinar Cores e dominar seus atributos (matiz, saturação, brilho, contraste, etc),

  • Saiba como definir Tipografia e os padrões tipográficos com Modular Scale,

  • Crie Botões que engajam e ajudam o usuário a entender as principais funções da interface,

  • Entenda como projetar Formulários fáceis de preencher,

  • Estabelecer uma Hierarquia Visual na página que ajude seu usuário a fazer o que precisa - usando Balanceamento, Ritmo, Harmonia, Dominância, Alinhamento e Proximidade,

  • Organizar os elementos em Grids,

  • Trabalhar Responsividade e projetar interfaces Mobile first,

  • Criar Guias de Estilos para projetos escaláveis e com componentes reaproveitáveis (building blocks e atomic design)

  • E muito mais!

ATENÇÃO: OS CONTEÚDOS ACIMA ESTÃO DISPONÍVEIS SOMENTE NO CURSO COMPLETO DE DESIGN DE INTERFACES. ESSE CURSO QUE VOCÊ ESTÁ VISUALIZANDO É SOMENTE SOBRE A FERRAMENTA INVISION STUDIO!

***

Satisfação garantida ou seu dinheiro de volta

"E se eu não gostar do curso?” Nós devolvemos seu dinheiro! Essa é mais uma garantia de qualidade e um incentivo a mais para você começar já! Após a compra você terá 30 dias para testar o produto, e se não gostar, basta solicitar o reembolso.

Estou certo que será um dos melhores investimentos que você fará em 2018 com grandes chances de trazer muito mais conteúdo e por um valor muito menor que qualquer curso online, presencial ou acadêmico que você já tenha feito na vida no Brasil ou Exterior.

Junte-se a mais de 15 mil alunos que já fizeram e aprovaram meu outro curso!

E aí, o que está esperando? Vamos nessa?

Who this course is for:

  • Qualquer profissional que trabalha com negócios digitais e quer aprender criar interfaces ou pelo menos wireframes ou protótipos.
  • Designer Gráfico que quer migrar (até do zero) para UX/UI digital
  • Iniciantes no mercado que querem criar Produtos Digitais (apps e sites)
  • Desenvolvedores Frontend que queiram ter noções de prototipação para ajustar arquivos Invision Studio.
  • Designers de produtos
  • Web Designers
  • UX Designers
  • UI Designers

Course content

15 sections • 82 lectures • 6h 12m total length

  • Seja bem-vindo
    00:36
  • Preview03:56
  • Muito mais conteúdo além desse curso...
    00:58
  • Downloads
    00:39

  • Primeiro exercício
    00:28
  • Preview05:28
  • Preview03:38
  • Agora é a sua vez: Protótipo Netflix
    1 question
  • Primeiro contato em Figma (Invision Studio vem logo em seguida)
    00:36
  • Preview06:40
  • Crie seu Protótipo Netflix no Figma
    1 question

  • Preview01:52
  • Preview04:47
  • Preview06:26
  • Crie o wireframe de baixa fidelidade
    2 questions
  • Preview08:14
  • Grid de 8 pontos
    06:33
  • Alinhamento com Option/Alt e Box Model
    07:09

  • Leis da Psicologia do UX Design
    00:15

  • Alinhamento
    04:10
  • Alinhando os elementos nos grids
    1 question
  • Largura, Altura, Rotação
    05:57
  • Preview07:23
  • Cor de preenchimento
    12:42
  • Bordas, Transparência, Sombras e Blur
    14:30
  • Tipografia Typeface, Peso, Tamanho e Cor
    05:20
  • Alinhamento, Espaçamento e outras opções
    11:02
  • Acabamento do aplicativo
    1 question

  • Organização do trabalho
    16:47
  • Operações entre elementos e máscaras
    05:45
  • Ajustes de Responsividade
    08:36
  • Organização e responsividade
    1 question

  • Preview05:34
  • Compartilhando e testando o protótipo
    04:56
  • Compartilhe seu protótipo
    1 question

  • Introdução aos Guias de Estilo
    03:41
  • Introdução ao exemplo para Guia de Estilos
    08:01
  • Preview04:33
  • Variações de cores primárias e secundárias
    06:40
  • Cores do Documento
    01:38
  • Cores em Símbolos
    03:54
  • Guia de Cores para o Styleguide
    1 question
  • Escolhendo e instalando a font
    02:05
  • Criando cabeçalhos e parágrafos principais
    10:42
  • Variações de texto dark, light, action
    02:24
  • Checando o contraste
    02:17
  • Estilos de Textos
    01:18
  • Guia tipográfico para o Styleguide
    1 question
  • Criando o primeiro botão
    05:01
  • Heranças de propriedades (override)
    08:11
  • Customizando botões primários, secundários, mobile
    11:56
  • Preview06:13
  • Comparação de simbolos e componentes entre ferramentas
    01:32
  • Guia de botões para o styleguide
    1 question

  • Mobile First (importando dependências)
    01:48
  • Ajustando Grids
    02:02
  • Mobile - Textos e Botões
    04:59
  • Desktop - Textos e Botões
    06:03
  • Contraste Texto vs Imagem
    06:02
  • Alterando o Botão master para replicar em todos elementos
    08:12
  • Mobile First - Landing page móvel e desktop
    2 questions

  • Indicação de telas animáveis
    03:32
  • Indicação de elementos animáveis
    03:36
  • Controle de tempo de animação
    05:01
  • Exemplo de animação 1
    04:21
  • Exemplo de animação 2
    10:21
  • Hora de animar, tá animado?
    1 question

Instructor

Leandro Rezende
Senior UX Designer; UX Master NN/g; +50 mil alunos;
Leandro Rezende
  • 4.6 Instructor Rating
  • 16,130 Reviews
  • 55,750 Students
  • 7 Courses

Leandro é Senior UX/UI Designer na TrustArc, uma empresa de gestão de privacidade sediada em San Francisco, California. Com mais de 50.000 alunos e satisfação superior a 90% em seus cursos, é autor do Best Seller "UX e Design Thinking: Experiência do Usuário nos Negócios" sendo o principal instrutor de UX e Negócios da Udemy no Brasil com alunos em mais de 50 países.

Formado pela Universidade de Brasília, ao longo dos últimos 17 anos especializou-se em Experiência do Usuário (Certificado UX Master NN/g Nielsen Norman Group), Desenvolvimento web Front-end e Gestão (certificado ITIL Foundation, ITIL OSA, ITIL RCV, COBIT, CSM, ISO 20k, SAFe Agilist, MBA Governança e Gestão). 

Participou da construção de mais de 200 sites e sistemas no Brasil e no Exterior e nesse tempo co-fundou/trabalhou em 9 Startups, algumas delas apoiadas pelas aceleradoras Startup Farm, Y Combinator, Oxigênio e Plug and Play. 

É entusiasta por validação, planejamento e modelagem de negócios e evangelizador LEAN UX (Design Thinking, Agile e Lean Startup) nos projetos em que participa. 

Participa como mentor em eventos de empreendedorismo como Startup Weekend e Colmeia da Inovação (setor público). É colaborador do IxDA Brasília (Interaction Design Association).

Acredita que sair da zona de conforto com uma bela dose de empreendedorismo é fundamental para reinventarmos o Brasil do jeito que sempre sonhamos


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.