- 12
- 41 148
Andrey Knabbenn
Brazil
เข้าร่วมเมื่อ 16 ก.ย. 2020
Product Designer no maior software odontológico da américa latina compartilhando muito conhecimento sobre UI & UX Design, sem enrolação.
como usar o FIGMA: aulão gratuito do absoluto zero para iniciantes [2024] 🎉
INICIE SUA JORNADA EM DESIGN, SEM SEGREDOS
👉www.intuitivepixel.com.br/
🤝 me siga no Instagram, conteúdo de qualidade e sem enrolação: andreyknabbenn
-----------------------------------------------------------------------------
Capítulos:
00:00 O que iremos aprender
1:10 Como baixar o Figma
2:10 Como conseguir o Figma de graça
4:25 Acessando pela primeira vez
6:10 Figma community
7:15 Criando nosso primeiro arquivo
7:40 Apresentando as ferramentas e painéis
18:50 Criando uma tela e apresentando funções
27:35 Auto layout básico
28:03 Grid e estrutura
30:50 Recriando tipografia e auto layout
34:55 Responsividade e Constraints
38:50 Recriando imagens e Plugin Unsplash
43:13 Criando protótipo interativo
46:30 Consideração final
👉www.intuitivepixel.com.br/
🤝 me siga no Instagram, conteúdo de qualidade e sem enrolação: andreyknabbenn
-----------------------------------------------------------------------------
Capítulos:
00:00 O que iremos aprender
1:10 Como baixar o Figma
2:10 Como conseguir o Figma de graça
4:25 Acessando pela primeira vez
6:10 Figma community
7:15 Criando nosso primeiro arquivo
7:40 Apresentando as ferramentas e painéis
18:50 Criando uma tela e apresentando funções
27:35 Auto layout básico
28:03 Grid e estrutura
30:50 Recriando tipografia e auto layout
34:55 Responsividade e Constraints
38:50 Recriando imagens e Plugin Unsplash
43:13 Criando protótipo interativo
46:30 Consideração final
มุมมอง: 680
วีดีโอ
minha sincera opinião sobre: designer precisa saber programar?
มุมมอง 172หลายเดือนก่อน
INICIE SUA JORNADA EM DESIGN, SEM SEGREDOS 👉www.intuitivepixel.com.br/ 🤝 me siga no Instagram, conteúdo de qualidade e sem enrolação: andreyknabbenn Ferramenta mencionada: www.codecademy.com/
guia definitivo para iniciar em UI & UX + roadmap 🎁
มุมมอง 2.1Kหลายเดือนก่อน
👉 SOBRE OS LINKS MENCIONADOS No vídeo, eu comentei que iria colocar todos os links na descrição, mas após publicar o vídeo pensei melhor e reuni todos eles extras em um arquivo no Notion que você pode acessar gratuitamente abaixo. 🔗 intuitivepixel.notion.site/Roadmap-de-estudos-para-iniciar-sua-carreira-em-UI-UX-Design-13a94e83f9c88066b5afc27f03172c2b?pvs=4 INICIE SUA JORNADA EM DESIGN, SEM SEG...
3 dicas para sua carreira como designer que ninguém te contou
มุมมอง 261หลายเดือนก่อน
INICIE SUA JORNADA EM DESIGN, SEM SEGREDOS 👉www.intuitivepixel.com.br/ 🤝 me siga no Instagram, conteúdo de qualidade e sem enrolação: andreyknabbenn Timestamps: 00:00 Introdução 1:33 Primeira dica 5:45 Segunda dica 7:35 Terceira dica 15:05 Conclusões
6 hacks práticos de Figma para agilizar sua rotina
มุมมอง 4102 หลายเดือนก่อน
6 hacks práticos de Figma que eu com certeza gostaria de ter aprendido a muito tempo atrás, isso agiliza DEMAIS a nossa rotina! Curtiu minha didática? Conheça também o meu curso focado em boas práticas para criação de interfaces MUITO mais bonitas e com uma boa usabilidade, é um curso com nota máxima em avaliação, updates constantes e uma comunidade que não para de crescer! 🎬 www.intuitivepixel...
como criar efeito vidro (glass / acrilic effect) no Figma 🧊
มุมมอง 1252 หลายเดือนก่อน
uopa! bora ver na prática uma técnica MUITO usada para gerar profundidade, transparência e elegância para seus designs, tudo isso diretamente via Figma, passo a passo! Curtiu minha didática? Conheça também o meu curso focado em boas práticas para criação de interfaces MUITO mais bonitas e com uma boa usabilidade, é um curso com nota máxima em avaliação, updates constantes e uma comunidade que n...
5 Erros Comuns de UI e Dicas para Evitá-los
มุมมอง 8882 ปีที่แล้ว
Olá! Neste vídeo eu ensino de maneira prática, como corrigir 5 erros comuns de User Interface que vejo com muita frequência, são eles: 👉 Falta do uso de grid para definir margens laterais nas telas 👉 Uso de ícones inconsistentes 👉 Áreas de toque muito pequenas 👉 Não ter uma cor de ação primária 👉 Melhorar a distinção entre itens selecionados A UI Kit que utilizei no vídeo foi criada por: 👉 muni...
Criando 4 Tipos de Interações / Animações no Figma
มุมมอง 18K3 ปีที่แล้ว
🚀 Meu Ebook: andreyknabbenn.com/ebook? Neste vídeo, eu ensino de maneira prática como criar 4 tipos diferentes de interações no Figma, são elas: 👉 Interação de toque e navegação (levar de uma tela para outra) 👉 Interação slider horizontal 👉 Interação de scroll para um elemento na mesma tela 👉 Interação de abrir modal inferior, com transição suave Capítulos 00:00 Introdução / o que eu irei ensin...
Guia Prático para Selecionar Cores que Combinam com a sua Área
มุมมอง 6023 ปีที่แล้ว
🚀 Meu Ebook: andreyknabbenn.com/ebook? Neste vídeo eu ensino uma maneira prática, direta e rápida para criar uma seleção de cores que combinam com as ideias e mensagens que a sua marca, ideia ou produto deseja transmitir. Links & Materiais 👉 Download do Guia em PDF drive.google.com/file/d/1rtk46_hFrpP_22lidVuoU-v7Hxa5QHSd/view?usp=sharing 👉 Extrair tema da imagem via Adobe Color color.adobe.com...
Colocando Animações do LottieFiles no Figma
มุมมอง 3.7K4 ปีที่แล้ว
🚀 Meu Ebook: andreyknabbenn.com/ebook? Neste vídeo eu ensino como colocar as animações disponíveis no LottieFiles dentro das suas telas no Figma! É tudo bem simples, e eu dividi entre dois métodos: Método 1: ensinando a colocar as animações dentro do Figma por meio do plugin do LottieFiles. Método 2: ensinando a tirar o loop das animações infinitas e importar para o Figma via GIF. Site para rem...
Como Criar Efeito de Vidro no Figma
มุมมอง 12K4 ปีที่แล้ว
🚀 Meu Ebook: andreyknabbenn.com/ebook? Neste vídeo eu ensino sobre como criar o efeito de vidro no Figma, o qual você poderá replicar da forma que quiser. 😀 Siga meu Instagram e fique por dentro de tudo! ► andreyknabbenn 📸Imagem utilizada no vídeo por @pawel_czerwinski no Unsplash.
Mudando Múltiplas Cores ao Mesmo Tempo no Figma
มุมมอง 3.1K4 ปีที่แล้ว
🚀 Meu Ebook: andreyknabbenn.com/ebook? Uma dica bem rápida e prática de como você pode trocar múltiplas cores ao mesmo tempo no figma, ao invés de selecionar manualmente cor a cor, levando bem mais tempo para mudar todas. 😀 Siga meu Instagram e fique por dentro de tudo! ► andreyknabbenn
Andrey, gostaria de saber se no seu curso tem mais aulas sobre o Figma. Tb estava querendo dicas sobre quais plugins, assets, kits e etc principiantes devem utilizar no Figma. Obrigado
Fala mano! Meu curso não tem como foco o Figma como ferramenta, e sim técnicas visuais e de UX para a construção de interfaces (apesar de eu mostrar tudo isso por meio do Figma). Mas se você já está estudando Figma a parte seja por material gratuito ou pago, o meu curso vai ser um baita auxilio pra vc produzir telas boas por meio da ferramenta ;)
eu me identifiquei muito com sua historia tbm to vindo da programação pq "é o que da dinheiro " honestamente por entender da parte de front-end não vejo como o desginer pode ter emprego hoje, mas acho que é pq sou desinformado.
Tenho cursos da Udemy de UI DESIGN e UX DESIGN , eu também desistir de programação é tudo abstrato demais pra mim, sou formado em ADS, gosto mais do visual
Formado em ADS tbm, sou designer gráfico e prefiro migrar para UX/UI sempre deixei programação de lado, nunca gostei
O cara entrega muito gratuitamente! Muito obrigado! Vou comprar o ebook e o curso agora.
Diferente de vc , eu terminei minha faculdade de ADS kkkk, e mesmo assim não consegui uma vaga na área, e fui fazer frela WordPress consegui alguns trabalhos mas não tive a oportunidade de migrar de carreira . Tive aula de Design na Faculdade e acabei gostando . Estou estudando agora estou na busca pela minha vaga .. Videoo Maravilhoso parabéns .
Que vídeo MARAVILHOSO! OBRIGADA!!! Ainda estou na dúvida sobre migrar de área, vou conferir os conteúdos gratuitos antes de comprar de fato.
Ajudou muito! Fez total sentido, espero no futuro participar da sua formação.
Esse tipo de conteúdo com erros e como resolver ajuda demaisss …obg
em 40min vc explicou o que na faculdade eu levei 2 meses pra ver
Que aula cara, parabéns pelo conteudo, to querendo começar, e devo optar pelo seu curso, sua didática é muito boa
seu curso é ideal pra quem vai comecar do zero?
total ;)
O shift+2 não funcionou atualmente, mas o shift+1 deu certo
sou aluno do curso ....é muito bom viu...super recomendo
Otimo vídeo, parabéns, vou olhar os materiais gratuitos e caso va comprar um curso, com certeza sera o seu.
Adorei demais a aula!!!!
Que demaiis eu ameiii 🥹😍 Andrey, como bloquear as réguas?? Tem como?
Adorei a explicação! Achei muito pertinente essa ideia de saber o básico de programação como um diferencial para o designer. Não se trata de saber programar um site do zero, mas sim de compreender o que o time de desenvolvimento precisa e como colaborar de forma mais eficiente. Vou procurar estudar mais sobre HTML, CSS e JavaScript! Obrigado pelo conteúdo!
Ótimo conteúdo! Foi muito útil entender a diferença entre UI e UX, além de como começar de forma estruturada e sem investir de cara em cursos caros. A dica de explorar qual caminho faz mais sentido, seja pesquisa ou design de telas, foi valiosa. Obrigado por compartilhar sua experiência e os materiais gratuitos! 🙌
Seja desenvolvedor, seja designer, todos ganham em saber os requisitos de negócios, de sistema e dos usuários, mesmo que de forma não tão aprofundada. É um embasamento muito útil em times de desenvolvimento e afins. Ótima reflexão, Andrey! =]
Na minha opinião, designer não precisa saber programar, mas precisa saber lógica de programação. Isso ajuda a conversar com devs em um handoff de um jeito que eles entendam.
Ótimas dicas, Andrey👏! Estou entrando no mercado e esse tipo de vídeo é muito valioso para eu entender como o mercado funciona e como eu devo agir :)
Excelente vídeo! Andrey, você consegue fazer um vídeo sobre essa questão da programação no design? Afinal, o designer precisa saber programar ou não? Acredito que isso pode sanar dúvidas de muitas pessoas que estão iniciando, assim como eu.
Opa, acabei de fazer, programado para sair na segunda feira dia 18 ao meio dia ;)
Muito bom! Voce teria alguma sugestao de ferramentas de inteligencia artificial para ajudar a aprender UI/UX? No dia a dia da profissao, utiliza-se regularmente ferramentas de IA? Obrigado!
cara, minha situação com programação foi a mesma coisa kkkkkkk, até que recebi uma oportunidade como web design e ai vi que a área de design é o que realmente gosto
ahahahahha não tem jeito, quem nasce pra ser designer uma hora cai na área
TOPZERA! Excelente D+
É muito bom esse tipo de conteúdo que faz um apanhado pra quem tá migrando pra product design, adorei o vídeo! Acompanho você pelo linkedin e amo suas postagens!
fiquei na dúvida porque hoje em dia as pessoas não utilizam tanto o XD
Foi descontinuado em 2023, não está mais disponível para download pela Adobe :(
@@andreyknabbenn caraca, eu ainda utilizo mas não sabia que descontinuaram
Andrey, muito top seu canal! Te acompanho faz um bom tempo pelo Instagram. Uma dúvida meio boba: qual app tu usa para gravar tela? Ou é software de edição?
Falaaa mano, eu uso o OBS para gravar a tela ;)
Queria um alguma dica pra sempre ficar números inteiros kkkk, sempre me dá bastante agonia dos números quebrados
Muito bom o vídeo!
11:57 Se você fizer um curso de como resolver problemas de Wordpress, eu super compraria! rs Especialmente se tiver a qualidade do Intuitive Pixel 🤪
Concordo demais, Andrey! Todo começo tem suas pelejas, mas são esses desafios que nos preparam para responsabilidades recompensadoras! A vida é uma jornada, é sobre se aventurar na estrada! 🤘
Ótimo vídeo Andrey!!
tmjj Richard!!! feliz em te ver por aqui
Vagas abertas! Inicie sua jornada comigo em: www.intuitivepixel.com.br/
o Alt+L me pegou muito
Andrey, que bom ter material seu aqui! Parabéns pela didática tanto aqui quanto no curso, que por sinal é ótimo.
OBRIGADOOOO!!! Seja bem vinda <3
Quando eu crescer quero ser uma designer tão fera como você! Adoro suas dicas, continue. 🖤
ahahahaha obrigadooo!
Muito bom, já acompanha pelo insta
Valeu amigo!
Muito obrigada! Me ajudou muito!
ISSO NÃO É UM HOMEM NÃO, É UM PREFEITO!
Ótimo.
Excelente vídeo, claro e objetivo. Obrigado!
Shoow! Ajudou muito
conteúdo excelente...gostei da sua didática..parabéns mano