From 241e8dcd610831b2a9b3c10e5bde1daa97b7fbfe Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Wed, 11 Dec 2024 11:33:41 -0300 Subject: [PATCH 01/17] Photograph guide added --- _data/cards/pt_BR/photograph-colors.yaml | 29 ++++++++++++ _data/cards/pt_BR/photograph-composition.yaml | 23 ++++++++++ _data/cards/pt_BR/photograph-concepts.yaml | 37 +++++++++++++++ _data/cards/pt_BR/photograph-lightning.yaml | 23 ++++++++++ _data/cards/pt_BR/photograph-lightroom.yaml | 27 +++++++++++ _data/cards/pt_BR/photograph-mobile-edit.yaml | 32 +++++++++++++ _data/cards/pt_BR/photograph-motion.yaml | 33 ++++++++++++++ _data/cards/pt_BR/photograph-photo-edit.yaml | 26 +++++++++++ _data/cards/pt_BR/photograph-photoshop.yaml | 28 ++++++++++++ _data/cards/pt_BR/photograph-portfolio.yaml | 24 ++++++++++ .../pt_BR/photograph-portrait-direction.yaml | 24 ++++++++++ _data/cards/pt_BR/photograph-skin.yaml | 25 +++++++++++ _data/cards/pt_BR/photograph-smartphone.yaml | 32 +++++++++++++ _data/cards/pt_BR/photograph-video-edit.yaml | 32 +++++++++++++ .../pt_BR/photograph-video-production.yaml | 30 +++++++++++++ _data/guides/pt_BR/photograph.yaml | 45 +++++++++++++++++++ 16 files changed, 470 insertions(+) create mode 100644 _data/cards/pt_BR/photograph-colors.yaml create mode 100644 _data/cards/pt_BR/photograph-composition.yaml create mode 100644 _data/cards/pt_BR/photograph-concepts.yaml create mode 100644 _data/cards/pt_BR/photograph-lightning.yaml create mode 100644 _data/cards/pt_BR/photograph-lightroom.yaml create mode 100644 _data/cards/pt_BR/photograph-mobile-edit.yaml create mode 100644 _data/cards/pt_BR/photograph-motion.yaml create mode 100644 _data/cards/pt_BR/photograph-photo-edit.yaml create mode 100644 _data/cards/pt_BR/photograph-photoshop.yaml create mode 100644 _data/cards/pt_BR/photograph-portfolio.yaml create mode 100644 _data/cards/pt_BR/photograph-portrait-direction.yaml create mode 100644 _data/cards/pt_BR/photograph-skin.yaml create mode 100644 _data/cards/pt_BR/photograph-smartphone.yaml create mode 100644 _data/cards/pt_BR/photograph-video-edit.yaml create mode 100644 _data/cards/pt_BR/photograph-video-production.yaml create mode 100644 _data/guides/pt_BR/photograph.yaml diff --git a/_data/cards/pt_BR/photograph-colors.yaml b/_data/cards/pt_BR/photograph-colors.yaml new file mode 100644 index 000000000..8516f2629 --- /dev/null +++ b/_data/cards/pt_BR/photograph-colors.yaml @@ -0,0 +1,29 @@ +name: Cores +logo: +short-description: +key-objectives: + - A teoria das cores ensina como combinar tons para criar harmonia e transmitir emoções. Na prática, escolher e aplicar paletas certas realça a mensagem das fotos, cria identidade visual e melhora a experiência do espectador com as imagens. + - Aprenda o conceito fundamental de cores + - Criar paletas para projetos específicos + - Entender o círculo cromático + - Ajustar cores para diferentes públicos + - Harmonizar cores em retratos e paisagens + - Usar contraste para destacar elementos +aditional-objectives: +contents: + - type: ARTICLE + title: "Teoria das Cores no Design" + link: https://medium.com/uxmotiondesign/teoria-das-cores-no-design-6f475942479e + - type: ARTICLE + title: "Psicologia das Cores no Design" + link: https://chiefofdesign.com.br/psicologia-das-cores/ +alura-contents: + - type: ARTICLE + title: "Psicologia das cores: veja como isso é essencial para o sucesso do designer" + link: https://www.alura.com.br/artigos/psicologia-das-cores-veja-como-isso-e-essencial-para-o-sucesso-do-designer + - type: COURSE + title: "Cores: sistemas básicos e paletas" + link: https://cursos.alura.com.br/course/fundamentos-da-cor + - type: COURSE + title: "Cores no design: teoria e prática" + link: https://cursos.alura.com.br/course/cores-design-teoria-pratica \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-composition.yaml b/_data/cards/pt_BR/photograph-composition.yaml new file mode 100644 index 000000000..985378b74 --- /dev/null +++ b/_data/cards/pt_BR/photograph-composition.yaml @@ -0,0 +1,23 @@ +name: Composição visual +logo: +short-description: +key-objectives: + - Composição visual é a organização dos elementos na imagem, usando regras como a regra dos terços, linhas guia e simetria. Essas técnicas direcionam o olhar, criam equilíbrio e ajudam a transmitir mensagens claras ou narrativas impactantes. + - Usar linhas guia para compor fotos + - Criar equilíbrio com simetria ou assimetria + - Criar profundidade em composições +aditional-objectives: +contents: + - type: ARTICLE + title: "Composição Visual do Seu Projeto: Um Guia Abrangente" + link: https://www.avanteprinter.com.br/2023/12/08/composicao-visual-2/ + - type: ARTICLE + title: "Princípios básicos de composição visual" + link: https://designculture.com.br/principios-basicos-de-composicao-visual/ +alura-contents: + - type: COURSE + title: "Grids: como organizar o conteúdo visual" + link: https://cursos.alura.com.br/course/grids-organizar-conteudo-visual + - type: COURSE + title: "Design Visual: aplicando técnicas de composição" + link: https://cursos.alura.com.br/course/design-visual-aplicando-tecnicas-composicao \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-concepts.yaml b/_data/cards/pt_BR/photograph-concepts.yaml new file mode 100644 index 000000000..621058046 --- /dev/null +++ b/_data/cards/pt_BR/photograph-concepts.yaml @@ -0,0 +1,37 @@ +name: Conceitos +logo: +short-description: +key-objectives: + - Os conceitos básicos, como luz, enquadramento, exposição e foco, são a base para criar imagens tecnicamente corretas. Dominar esses fundamentos ajuda a transmitir emoções, contar histórias e explorar criatividade. + - Configurar a câmera para melhores resultados + - Conhecer diferentes estilos fotográficos + - Usar lentes para diferentes finalidades + - Trabalhar com profundidade de campo + - Explorar diferentes ângulos de captura +aditional-objectives: +contents: + - type: YOUTUBE + title: "Aprenda tudo sobre câmera em 5 minutos!" + link: https://www.youtube.com/watch?v=trA1GMDcJfc + - type: ARTICLE + title: "Composição Fotográfica: Técnicas e Conceitos Para Suas Fotos" + link: https://www.aela.io/pt-br/blog/conteudos/composicao-fotografica-tecnicas-e-conceitos-para-suas-fotos + - type: ARTICLE + title: "Conceitos de fotografia" + link: https://medium.com/@CarlaMariaMart6/conceito-de-fotografia-841a7ef4b8b5 +alura-contents: + - type: PODCAST + title: "Profissão Fotógrafo(a) - Layers Ponto Tech #33" + link: https://cursos.alura.com.br/extra/layerstech/profissao-fotografo-a-layers-ponto-tech-33-a1032 + - type: ARTICLE + title: "Vai trabalhar com fotografia? Então conheça essas dicas" + link: https://www.alura.com.br/artigos/vai-trabalhar-com-fotografia-entao-conheca-essas-dicas + - type: ARTICLE + title: "Buscando referências na fotografia" + link: https://www.alura.com.br/artigos/buscando-referencias-fotografia + - type: COURSE + title: "Fotografia: conhecendo o mundo da fotografia digital" + link: https://cursos.alura.com.br/course/fotografia-digital-fundamentos + - type: COURSE + title: "Fotografia: melhorando suas imagens com a composição" + link: https://cursos.alura.com.br/course/fotografia-melhorando-imagens-composicao \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-lightning.yaml b/_data/cards/pt_BR/photograph-lightning.yaml new file mode 100644 index 000000000..a4af278ff --- /dev/null +++ b/_data/cards/pt_BR/photograph-lightning.yaml @@ -0,0 +1,23 @@ +name: Iluminação +logo: +short-description: +key-objectives: + - A iluminação define o clima da foto, controla sombras e destaca detalhes. Técnicas de luz natural e artificial ajudam a criar profundidade, volume e texturas, elevando a qualidade e o impacto das imagens. + - Posicionar o assunto em relação à luz + - Ajustar a temperatura de cor da iluminação + - Usar luz natural em diferentes horários +aditional-objectives: +contents: + - type: YOUTUBE + title: "Segredos da Iluminação (Posição e Linguagem da Luz)" + link: https://www.youtube.com/watch?v=BaZtnf3mO0Q&pp=ygUXaWx1bWluYcOnw6NvIGZvdG9ncmFmaWE%3D + - type: ARTICLE + title: "12 tipos de iluminação na fotografia" + link: https://www.format.com/pt/magazine/resources/photography/lighting-in-photography +alura-contents: + - type: ARTICLE + title: "Segredos para uma boa iluminação de cena" + link: https://www.alura.com.br/artigos/segredos-para-boa-iluminacao-de-cena + - type: COURSE + title: "Fotografia: usando a luz a seu favor" + link: https://cursos.alura.com.br/course/fotografia-usando-luz-favor \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-lightroom.yaml b/_data/cards/pt_BR/photograph-lightroom.yaml new file mode 100644 index 000000000..aa8b84c34 --- /dev/null +++ b/_data/cards/pt_BR/photograph-lightroom.yaml @@ -0,0 +1,27 @@ +name: Edição e tratamento com Lightroom +logo: +short-description: +key-objectives: + - O Lightroom é uma ferramenta poderosa para editar e organizar fotos. Ideal para ajustes de cor, exposição e contraste, também permite criar presets personalizados, otimizando fluxos de trabalho de fotógrafos e criativos. + - Trabalhar com tons e saturação de cores + - Exportar imagens para diferentes plataformas + - Organizar fotos em catálogos ou coleções + - Ajustar exposição, contraste e brilho +aditional-objectives: +contents: + - type: SITE + title: "Adobe Lightroom" + link: https://www.adobe.com/br/products/photoshop-lightroom/campaign/pricing.html?sdid=ZSV7DXR1&mv=search&mv2=paidsearch + - type: YOUTUBE + title: "Editando no Lightroom com inteligência artificial" + link: https://www.youtube.com/watch?v=iMn-syHbO_I + - type: ARTICLE + title: "Como fazer edição de fotos por meio do programa e aplicativo Adobe Lightroom" + link: https://rockcontent.com/br/blog/adobe-lightroom/ +alura-contents: + - type: COURSE + title: "Adobe Lightroom: lidando com aplicações profissionais" + link: https://cursos.alura.com.br/course/adobe-lightroom-aplicacoes-profissionais + - type: COURSE + title: "Adobe Lightroom: gerenciamento e tratamento de múltiplas fotos" + link: https://cursos.alura.com.br/course/adobe-lightroom-gerenciamento-tratamento-fotos \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-mobile-edit.yaml b/_data/cards/pt_BR/photograph-mobile-edit.yaml new file mode 100644 index 000000000..181e81802 --- /dev/null +++ b/_data/cards/pt_BR/photograph-mobile-edit.yaml @@ -0,0 +1,32 @@ +name: Edição pelo celular +logo: +short-description: +key-objectives: + - Editar fotos no celular é prático e eficiente. Apps permitem ajustar luz, cores e detalhes rapidamente, ideal para quem precisa de resultados rápidos em qualquer lugar. É uma solução poderosa para melhorar fotos sem depender de um computador. + - Ajustar brilho, contraste e saturação + - Cortar e alinhar imagens facilmente + - Aplicar filtros e efeitos com um toque +aditional-objectives: +contents: + - type: YOUTUBE + title: "Como editar foto pelo celular grátis - Lightroom" + link: https://www.youtube.com/watch?v=xeVvOi3R2zQ + - type: ARTICLE + title: "Transforme suas fotos: Dicas de edição pelo celular" + link: https://blog.nicephotos.com.br/dicas-de-fotografia/dicas-de-edicao-de-fotos/ +alura-contents: + - type: ARTICLE + title: "Principais erros de edição na fotografia" + link: https://www.alura.com.br/artigos/principais-erros-edicao-fotografia + - type: COURSE + title: "Photoshop: edite suas fotos pelo celular" + link: https://cursos.alura.com.br/course/photoshop-edite-fotos-celular + - type: COURSE + title: "Photoshop Mobile: editando imagens no tablet" + link: https://cursos.alura.com.br/course/photoshop-mobile-editando-tablet + - type: COURSE + title: "LightRoom: usando seu celular para editar fotos" + link: https://cursos.alura.com.br/course/lightroom-usando-celular-editar-fotos + - type: COURSE + title: "LightRoom Mobile: tratando imagens no app" + link: https://cursos.alura.com.br/course/lightroom-mobile-tratando-imagens-app \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-motion.yaml b/_data/cards/pt_BR/photograph-motion.yaml new file mode 100644 index 000000000..5576594da --- /dev/null +++ b/_data/cards/pt_BR/photograph-motion.yaml @@ -0,0 +1,33 @@ +name: Motion +logo: +short-description: +key-objectives: + - O motion design cria animações e movimentos para dar vida a elementos gráficos. Muito usado em vídeos, redes sociais e storytelling, é uma forma dinâmica e cativante de comunicar mensagens e ideias. + - Adicionar efeitos visuais + - Trabalhar com keyframes para movimentos precisos + - Criar animações simples com texto + - Usar softwares como After Effects +aditional-objectives: +contents: + - type: SITE + title: "Adobe After Effects" + link: https://www.adobe.com/products/aftereffects.html + - type: ARTICLE + title: "Entenda a diferença entre motion graphics, animação e videos: como usar, qual o perfil profissional e suas vantagens na produção de conteúdo" + link: https://rockcontent.com/br/talent-blog/motion-graphics-animacao-video/ + - type: ARTICLE + title: "O que é Gestalt" + link: https://medium.com/chocoladesign/o-que-%C3%A9-gestalt-f3beb4a6af4a + - type: SITE + title: "LottieFiles" + link: https://lottiefiles.com/ +alura-contents: + - type: ARTICLE + title: "Os 12 princípios da animação" + link: https://www.alura.com.br/artigos/12-principios-animacao + - type: PODCAST + title: "Gestalt e Semiótica – Layers ponto tech #97" + link: https://cursos.alura.com.br/extra/layerstech/gestalt-e-semiotica-layers-ponto-tech-97-a1788 + - type: COURSE + title: "Motion Design: crie animações incríveis no After Effects" + link: https://cursos.alura.com.br/course/motion-design-animacoes-incriveis-after-effects \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-photo-edit.yaml b/_data/cards/pt_BR/photograph-photo-edit.yaml new file mode 100644 index 000000000..aeb3bbb61 --- /dev/null +++ b/_data/cards/pt_BR/photograph-photo-edit.yaml @@ -0,0 +1,26 @@ +name: Edição e tratamento +logo: +short-description: +key-objectives: + - Editar imagens é o processo de ajustar luz, cor e detalhes, além de corrigir erros ou adicionar efeitos criativos. Melhora a qualidade das fotos, dá um toque profissional e realça o estilo pessoal do fotógrafo ou criador. + - Suavizar imperfeições e melhorar detalhes + - Corrigir balanço de branco e saturação + - Ajustar iluminação e contraste das fotos +aditional-objectives: +contents: + - type: ARTICLE + title: "O que é edição, tratamento e manipulação?" + link: https://betojeon.com.br/dicas-extras/o-que-e-edicao-tratamento-e-manipulacao/ + - type: ARTICLE + title: "Edição e Tratamento de Imagens: conheça tudo sobre essa área!" + link: https://blog.anhanguera.com/edicao-e-tratamento-de-imagem/ +alura-contents: + - type: COURSE + title: "Adobe Photoshop: tratando imagem com viés publicitário" + link: https://cursos.alura.com.br/course/tratamento-imagem-publicitario + - type: COURSE + title: "Adobe Photoshop: tratamento de imagens" + link: https://cursos.alura.com.br/course/photoshop-tratamento-imagens + - type: COURSE + title: "Photoshop 2022: tratando fotografias de modelos" + link: https://cursos.alura.com.br/course/photoshop-2022-tratando-fotografias-modelos \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-photoshop.yaml b/_data/cards/pt_BR/photograph-photoshop.yaml new file mode 100644 index 000000000..4d1978711 --- /dev/null +++ b/_data/cards/pt_BR/photograph-photoshop.yaml @@ -0,0 +1,28 @@ +name: Conceitos de Photoshop +logo: +short-description: +key-objectives: + - O Photoshop é a principal ferramenta para manipulação avançada de imagens. Com ele, é possível realizar retoques detalhados, montagens, correções e criar projetos artísticos de alta qualidade, explorando infinitas possibilidades criativas. + - Usar camadas para edições não destrutivas + - Remover objetos ou elementos indesejados + - Aplicar ajustes de cor e luminosidade + - Criar montagens e composições criativas + - Usar máscaras para edições precisas +aditional-objectives: +contents: + - type: SITE + title: "Adobe Photoshop" + link: https://www.adobe.com/br/products/photoshop.html + - type: YOUTUBE + title: "Como usar IA do Photoshop em trabalhos de verdade" + link: https://www.youtube.com/watch?v=_1Br8NI61Ls + - type: ARTICLE + title: "Como usar a IA do Photoshop?" + link: https://www.tecmundo.com.br/software/400051-como-usar-a-ia-do-photoshop.htm +alura-contents: + - type: COURSE + title: "Adobe Photoshop: ferramentas essenciais do programa" + link: https://cursos.alura.com.br/course/adobe-photoshop-ferramentas-essenciais-programa + - type: COURSE + title: "IA no Photoshop: criando e editando imagens" + link: https://cursos.alura.com.br/course/ia-photoshop-criando-editando-imagens \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-portfolio.yaml b/_data/cards/pt_BR/photograph-portfolio.yaml new file mode 100644 index 000000000..378d80ed2 --- /dev/null +++ b/_data/cards/pt_BR/photograph-portfolio.yaml @@ -0,0 +1,24 @@ +name: Portfólio +logo: +short-description: +key-objectives: + - Um portfólio é uma coleção de trabalhos que demonstra habilidades, estilo e experiências. Essencial para atrair clientes e projetos, ele apresenta o melhor do fotógrafo e serve como cartão de visita no mercado. + - Escolher fotos que representem seu estilo + - Usar plataformas online para divulgação + - Apresentar evolução e variedade de técnicas + - Criar uma narrativa com as imagens +aditional-objectives: +contents: + - type: ARTICLE + title: "Esses 10 incríveis portfólios de fotografia vão te inspirar" + link: https://pt.wix.com/blog/portfolios-fotografia + - type: ARTICLE + title: "Como Criar um Portfólio de Fotografia: 8 Passos Simples e Dicas para Atrair Clientes" + link: https://www.hostinger.com.br/tutoriais/como-criar-um-portfolio-de-fotografia +alura-contents: + - type: COURSE + title: "Canva: criação de portfólio, currículo e cartão pessoal" + link: https://cursos.alura.com.br/course/canva-criacao-portfolio-curriculo-cartao-pessoal + - type: COURSE + title: "Design Visual: estratégias para planejar e construir seu portfólio" + link: https://cursos.alura.com.br/course/design-visual-estrategias-planejar-construir-portfolio \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-portrait-direction.yaml b/_data/cards/pt_BR/photograph-portrait-direction.yaml new file mode 100644 index 000000000..d2a846c08 --- /dev/null +++ b/_data/cards/pt_BR/photograph-portrait-direction.yaml @@ -0,0 +1,24 @@ +name: Direção de retratos +logo: +short-description: +key-objectives: + - Direcionar retratos envolve guiar poses, criar conforto e construir uma conexão com o fotografado. Essa interação melhora a experiência, capturando expressões naturais e autenticidade, essenciais para retratos marcantes. + - Guiar poses para diferentes estilos de retrato + - Criar conexão e intimidade com o fotografado + - Explorar expressões faciais e olhares + - Escolher ângulos que favoreçam o retratado +aditional-objectives: +contents: + - type: ARTICLE + title: "Poses para fotos: conheça 5 ajustes simples e eficientes" + link: https://instaarts.com/fotografia/poses-para-fotos-2/ + - type: YOUTUBE + title: "Como sair bem nas fotos" + link: https://www.youtube.com/watch?v=jPeuG-hz0_Q +alura-contents: + - type: ARTICLE + title: "Como posar melhor em retratos" + link: https://www.alura.com.br/artigos/como-posar-melhor-em-retratos + - type: COURSE + title: "Fotografia: criando intimidade com a pessoa retratada" + link: https://cursos.alura.com.br/course/fotografia-intimidade-pessoa-retratada \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-skin.yaml b/_data/cards/pt_BR/photograph-skin.yaml new file mode 100644 index 000000000..d26b5b541 --- /dev/null +++ b/_data/cards/pt_BR/photograph-skin.yaml @@ -0,0 +1,25 @@ +name: Tratamento de pele +logo: +short-description: +key-objectives: + - O tratamento de pele é o retoque digital usado para suavizar imperfeições, como acne ou manchas, enquanto mantém a textura natural. Feito com equilíbrio, ele realça a beleza sem criar resultados artificiais. + - Remover manchas e imperfeições da pele + - Suavizar rugas sem perder textura natural + - Ajustar tons para uniformizar a pele + - Corrigir reflexos indesejados de luz + - Realçar detalhes como olhos e lábios +aditional-objectives: +contents: + - type: YOUTUBE + title: "Aprenda tratamento de PELE utilizando o LIGHTROOM, sem precisar do Photoshop" + link: https://www.youtube.com/watch?v=8wcHD8SIXKc + - type: YOUTUBE + title: "Tratamento de pele em 30 segundos Photoshop" + link: https://www.youtube.com/watch?v=kP8BbyualhQ +alura-contents: + - type: COURSE + title: "Adobe Photoshop: lidando com imperfeições de pele" + link: https://cursos.alura.com.br/course/adobe-photoshop-tratamento-pele + - type: COURSE + title: "Adobe Photoshop: tons de pele e correções" + link: https://cursos.alura.com.br/course/adobe-photoshop-tons-pele-correcoes \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-smartphone.yaml b/_data/cards/pt_BR/photograph-smartphone.yaml new file mode 100644 index 000000000..6dd195171 --- /dev/null +++ b/_data/cards/pt_BR/photograph-smartphone.yaml @@ -0,0 +1,32 @@ +name: Fotografia com smartphones +logo: +short-description: +key-objectives: + - Fotografar com smartphones une praticidade e qualidade. Ideal para momentos espontâneos, eles oferecem recursos modernos e integração com apps de edição, permitindo capturas rápidas e criativas sem equipamentos extras. + - Configurar a câmera para melhor qualidade + - Compor imagens com mais precisão + - Ajustar a exposição manualmente +aditional-objectives: +contents: + - type: YOUTUBE + title: "Fotografia com Celular - Guia Completo" + link: https://www.youtube.com/watch?v=yEOa63q0d8s + - type: ARTICLE + title: "Começando na fotografia apenas com o celular" + link: https://taifotografias.com.br/comecando-na-fotografia-apenas-com-o-celular + - type: ARTICLE + title: "Como Fotografar com Celular: 8 Dicas Fáceis" + link: https://www.eduardo-monica.com/new-blog/como-fotografar-com-celular-dicas +alura-contents: + - type: ARTICLE + title: "Diferenças entre câmera de celular e câmera fotográfica" + link: https://www.alura.com.br/artigos/diferencas-entre-camera-celular-camera-fotografica + - type: ARTICLE + title: "Como escolher a melhor câmera de celular" + link: https://www.alura.com.br/artigos/como-escolher-melhor-camera-celular + - type: ARTICLE + title: "Crie montagens divertidas com seu celular" + link: https://www.alura.com.br/artigos/montagens-divertidas-com-celular + - type: COURSE + title: "Fotografia: fotografe usando seu celular" + link: https://cursos.alura.com.br/course/fotografia-fotografe-usando-celular \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-video-edit.yaml b/_data/cards/pt_BR/photograph-video-edit.yaml new file mode 100644 index 000000000..bd2395bd8 --- /dev/null +++ b/_data/cards/pt_BR/photograph-video-edit.yaml @@ -0,0 +1,32 @@ +name: Edição de vídeo +logo: +short-description: +key-objectives: + - Editar vídeos em celulares é uma forma prática de organizar cenas, melhorar cores e adicionar efeitos ou trilhas sonoras. Ideal para criar conteúdos dinâmicos e impactantes, diretamente de um dispositivo portátil. + - Cortar e reorganizar clipes rapidamente + - Criar vídeos para redes sociais em formatos ideais + - Trabalhar com múltiplas camadas de vídeo +aditional-objectives: +contents: + - type: SITE + title: "Adobe Premiere Pro" + link: https://www.adobe.com/br/products/premiere/campaign/pricing.html?sdid=HVQ7WVW1&mv=search&mv2=paidsearch&-- + - type: YOUTUBE + title: "Profissão: Editor de Vídeos - Anderson Gaveta" + link: https://www.youtube.com/watch?v=96qmfC07MXw&t + - type: YOUTUBE + title: "As coisas doidas que estudei pra ser editor!" + link: https://www.youtube.com/watch?v=qR2SjOiEkCo +alura-contents: + - type: PODCAST + title: "Composição audiovisual – Layers ponto tech #67" + link: https://cursos.alura.com.br/extra/layerstech/composicao-audiovisual-layers-ponto-tech-67-a1417 + - type: COURSE + title: "Premiere Pro: editando um vídeo com roteiro" + link: https://cursos.alura.com.br/course/premiere-pro-editando-video-roteiro + - type: COURSE + title: "Premiere Pro: edição com foco em timing e ritmo" + link: https://cursos.alura.com.br/course/premiere-pro-edicao-foco-timing-ritmo + - type: COURSE + title: "Premiere Pro: criando vídeos para web" + link: https://cursos.alura.com.br/course/premiere-pro-criando-videos-web \ No newline at end of file diff --git a/_data/cards/pt_BR/photograph-video-production.yaml b/_data/cards/pt_BR/photograph-video-production.yaml new file mode 100644 index 000000000..b4a256e09 --- /dev/null +++ b/_data/cards/pt_BR/photograph-video-production.yaml @@ -0,0 +1,30 @@ +name: Produção de vídeo +logo: +short-description: +key-objectives: + - Produzir vídeos com recursos acessíveis, como smartphones ou câmeras compactas, permite planejar e gravar materiais criativos, sejam eles promocionais, educativos ou artísticos. É uma habilidade versátil e valiosa. + - Configurar equipamentos de áudio básicos + - Explorar diferentes ângulos de gravação + - Planejar a duração e ritmo do conteúdo + - Criar vídeos prontos para edição e finalização +aditional-objectives: +contents: + - type: ARTICLE + title: "Uma visão geral da produção de vídeo" + link: https://www.adobe.com/br/creativecloud/video/discover/video-production.html + - type: YOUTUBE + title: "Como montar um estúdio de gravação de vídeos em casa" + link: https://www.youtube.com/watch?v=3NL1LfphJdE + - type: ARTICLE + title: "Produção de vídeo: entenda como funciona todo o processo" + link: https://www.impulsofilmes.com.br/producao-de-video-entenda-como-funciona-todo-o-processo/ +alura-contents: + - type: PODCAST + title: "Montando seu estúdio - Layers ponto tech #76" + link: https://cursos.alura.com.br/extra/layerstech/montando-seu-estudio-layers-ponto-tech-76-a1490 + - type: COURSE + title: "Produção de vídeos: entenda os conceitos essenciais" + link: https://cursos.alura.com.br/course/producao-videos-conceitos-essenciais + - type: COURSE + title: "Filmmaking: produzindo um vídeo" + link: https://cursos.alura.com.br/course/filmaking-produzindo-video \ No newline at end of file diff --git a/_data/guides/pt_BR/photograph.yaml b/_data/guides/pt_BR/photograph.yaml new file mode 100644 index 000000000..02903472a --- /dev/null +++ b/_data/guides/pt_BR/photograph.yaml @@ -0,0 +1,45 @@ +name: Fotografia +tags: + - fotografia +expertise: + - name: Nível 1 + cards: + - photograph-concepts: + priority: 10 + - photograph-lightning: + priority: 9 + - photograph-smartphone: + priority: 8 + - name: Nível 2 + cards: + - photograph-photoshop: + priority: 10 + - photograph-lightroom: + priority: 9 + - photograph-mobile-edit: + priority: 8 + - name: Nível 3 + cards: + - photograph-portrait-direction: + priority: 10 + - photograph-skin: + priority: 9 + - photograph-photo-edit: + priority: 10 +collaboration: + - name: Design Gráfico + cards: + - photograph-portfolio: + priority: 9 + - photograph-colors: + priority: 10 + - photograph-composition: + priority: 9 + - name: Edição de vídeo + cards: + - photograph-video-edit: + priority: 10 + - photograph-video-production: + priority: 9 + - photograph-motion: + priority: 8 \ No newline at end of file From a308a205edbe990af89458a6f6583c82bd24589e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fabr=C3=ADcio=20Carraro?= Date: Wed, 11 Dec 2024 16:40:17 +0100 Subject: [PATCH 02/17] Update photograph-smartphone.yaml --- _data/cards/pt_BR/photograph-smartphone.yaml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_data/cards/pt_BR/photograph-smartphone.yaml b/_data/cards/pt_BR/photograph-smartphone.yaml index 6dd195171..5313892e1 100644 --- a/_data/cards/pt_BR/photograph-smartphone.yaml +++ b/_data/cards/pt_BR/photograph-smartphone.yaml @@ -24,9 +24,9 @@ alura-contents: - type: ARTICLE title: "Como escolher a melhor câmera de celular" link: https://www.alura.com.br/artigos/como-escolher-melhor-camera-celular - - type: ARTICLE + - type: ARTICLE title: "Crie montagens divertidas com seu celular" link: https://www.alura.com.br/artigos/montagens-divertidas-com-celular - type: COURSE title: "Fotografia: fotografe usando seu celular" - link: https://cursos.alura.com.br/course/fotografia-fotografe-usando-celular \ No newline at end of file + link: https://cursos.alura.com.br/course/fotografia-fotografe-usando-celular From 06150695f3b92746c4542ed0be4466592be820a6 Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Mon, 16 Dec 2024 08:52:01 -0300 Subject: [PATCH 03/17] Tech Guide de Modelagem 3D --- .../cards/pt_BR/modelagem-1-box-modeling.yaml | 18 ++++++++ _data/cards/pt_BR/modelagem-1-composicao.yaml | 27 ++++++++++++ .../cards/pt_BR/modelagem-1-fundamentos.yaml | 27 ++++++++++++ _data/cards/pt_BR/modelagem-2-iluminacao.yaml | 23 ++++++++++ _data/cards/pt_BR/modelagem-2-poligonal.yaml | 21 +++++++++ .../cards/pt_BR/modelagem-2-texturizacao.yaml | 27 ++++++++++++ _data/cards/pt_BR/modelagem-3-animacao.yaml | 20 +++++++++ .../cards/pt_BR/modelagem-3-poly-by-poly.yaml | 23 ++++++++++ .../pt_BR/modelagem-desenho-acabamento.yaml | 23 ++++++++++ .../pt_BR/modelagem-desenho-anatomia.yaml | 36 ++++++++++++++++ .../pt_BR/modelagem-desenho-estrutura.yaml | 22 ++++++++++ .../cards/pt_BR/modelagem-jogos-animacao.yaml | 20 +++++++++ .../cards/pt_BR/modelagem-jogos-cenarios.yaml | 26 +++++++++++ .../pt_BR/modelagem-jogos-personagem.yaml | 30 +++++++++++++ _data/guides/pt_BR/modelagem.yaml | 43 +++++++++++++++++++ 15 files changed, 386 insertions(+) create mode 100644 _data/cards/pt_BR/modelagem-1-box-modeling.yaml create mode 100644 _data/cards/pt_BR/modelagem-1-composicao.yaml create mode 100644 _data/cards/pt_BR/modelagem-1-fundamentos.yaml create mode 100644 _data/cards/pt_BR/modelagem-2-iluminacao.yaml create mode 100644 _data/cards/pt_BR/modelagem-2-poligonal.yaml create mode 100644 _data/cards/pt_BR/modelagem-2-texturizacao.yaml create mode 100644 _data/cards/pt_BR/modelagem-3-animacao.yaml create mode 100644 _data/cards/pt_BR/modelagem-3-poly-by-poly.yaml create mode 100644 _data/cards/pt_BR/modelagem-desenho-acabamento.yaml create mode 100644 _data/cards/pt_BR/modelagem-desenho-anatomia.yaml create mode 100644 _data/cards/pt_BR/modelagem-desenho-estrutura.yaml create mode 100644 _data/cards/pt_BR/modelagem-jogos-animacao.yaml create mode 100644 _data/cards/pt_BR/modelagem-jogos-cenarios.yaml create mode 100644 _data/cards/pt_BR/modelagem-jogos-personagem.yaml create mode 100644 _data/guides/pt_BR/modelagem.yaml diff --git a/_data/cards/pt_BR/modelagem-1-box-modeling.yaml b/_data/cards/pt_BR/modelagem-1-box-modeling.yaml new file mode 100644 index 000000000..c92c4924c --- /dev/null +++ b/_data/cards/pt_BR/modelagem-1-box-modeling.yaml @@ -0,0 +1,18 @@ +name: Box Modeling +logo: +short-description: +key-objectives: + - Box Modeling é uma técnica de modelagem 3D que usa formas simples, como cubos ou esferas, para criar objetos mais complexos. É ideal para iniciantes, pois oferece um processo intuitivo de subdivisão, extrusão e refinamento, permitindo o controle total do design do modelo. + - Escolha das formas básicas para iniciar um modelo + - Manipulação de vértices, arestas e faces + - Refinamento de formas para suavizar superfícies + - Uso de simetria para otimizar o processo +aditional-objectives: +contents: + - type: YOUTUBE + title: "Modelagem com "Box Modeling"" + link: https://www.youtube.com/watch?v=FXW86VxQLGQ +alura-contents: + - type: COURSE + title: "Blender: entendendo o Box Modeling" + link: https://cursos.alura.com.br/course/blender-entendendo-box-modeling \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-1-composicao.yaml b/_data/cards/pt_BR/modelagem-1-composicao.yaml new file mode 100644 index 000000000..4422435a1 --- /dev/null +++ b/_data/cards/pt_BR/modelagem-1-composicao.yaml @@ -0,0 +1,27 @@ +name: Composição +logo: +short-description: +key-objectives: + - Composição em cores envolve o uso estratégico do círculo cromático e da psicologia das cores para criar harmonia visual e transmitir emoções. Aprenda a selecionar paletas, equilibrar tons e aplicar contrastes para enriquecer suas criações artísticas ou designs. + - Fundamentos do círculo cromático + - Harmonia entre cores + - Significados psicológicos das cores + - Teoria de contraste e equilíbrio cromático +aditional-objectives: +contents: + - type: ARTICLE + title: "Círculo Cromático: Veja Como Usar e Evite Erros na Escolha das Cores" + link: https://www.vivadecora.com.br/pro/circulo-cromatico/ + - type: ARTICLE + title: "Como usar a harmonia de cores no seu design" + link: https://www.printi.com.br/blog/como-usar-a-harmonia-de-cores-no-seu-design +alura-contents: + - type: ARTICLE + title: "Cores com harmonia" + link: https://www.alura.com.br/artigos/cores-com-harmonia + - type: ARTICLE + title: "Psicologia das cores: veja como isso é essencial para o sucesso do designer" + link: https://www.alura.com.br/artigos/psicologia-das-cores-veja-como-isso-e-essencial-para-o-sucesso-do-designer + - type: COURSE + title: "Cores: sistemas básicos e paletas" + link: https://cursos.alura.com.br/course/fundamentos-da-cor \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-1-fundamentos.yaml b/_data/cards/pt_BR/modelagem-1-fundamentos.yaml new file mode 100644 index 000000000..838303930 --- /dev/null +++ b/_data/cards/pt_BR/modelagem-1-fundamentos.yaml @@ -0,0 +1,27 @@ +name: Fundamentos +logo: +short-description: +key-objectives: + - Os fundamentos da modelagem 3D cobrem conceitos básicos, como vértices, arestas e faces, além da estrutura topológica. Esses conhecimentos são essenciais para criar formas em softwares 3D, garantir boa usabilidade para animação e renderização, e evitar erros comuns. + - Conceito de espaço 3D + - Conceitos de escala e proporção nos modelos + - Uso de referências para criar modelos precisos + - Erros comuns na modelagem e como evitá-los +aditional-objectives: +contents: + - type: SITE + title: "Blender" + link: https://www.blender.org/ + - type: YOUTUBE + title: "BLENDER 3D - Tutorial definitivo para Iniciantes" + link: https://www.youtube.com/watch?v=QX_D7uhqGfI +alura-contents: + - type: ARTICLE + title: "O artista por trás do 3D" + link: https://www.alura.com.br/artigos/o-artista-por-tras-do-3d + - type: ARTICLE + title: "Veja como a tecnologia 3D cresce no meio do design" + link: https://www.alura.com.br/artigos/veja-como-tecnologia-3d-cresce-no-meio-do-design + - type: COURSE + title: "Blender: criando um modelo 3D" + link: https://cursos.alura.com.br/course/blender-criando-primeiro-modelo-3d \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-2-iluminacao.yaml b/_data/cards/pt_BR/modelagem-2-iluminacao.yaml new file mode 100644 index 000000000..a369510e1 --- /dev/null +++ b/_data/cards/pt_BR/modelagem-2-iluminacao.yaml @@ -0,0 +1,23 @@ +name: Iluminação +logo: +short-description: +key-objectives: + - A iluminação é crucial para dar realismo e atmosfera em projetos 3D. Inclui a criação de luzes, sombras e reflexos que destacam objetos e dão profundidade às cenas. Aprenda técnicas de iluminação global e local para renderizações impactantes. + - Diferença entre luzes naturais e artificiais no 3D + - Tipos de luz no CGI - ponto, área e direcional + - O impacto da iluminação na atmosfera da cena +aditional-objectives: +contents: + - type: YOUTUBE + title: "Luz e Sombra - Vinculações pelo Cycles" + link: https://www.youtube.com/watch?v=Nz6b6JF98yY + - type: ARTICLE + title: "Dicas e técnicas para dominar a iluminação 3D na CGI" + link: https://experienceleague.adobe.com/pt-br/docs/creative-cloud-enterprise-learn/cce-learning-hub/3doverview/3dtutorials/mastering3dlighting +alura-contents: + - type: COURSE + title: "Segredos para uma boa iluminação de cena" + link: https://www.alura.com.br/artigos/segredos-para-boa-iluminacao-de-cena + - type: COURSE + title: "Fundamentos de desenho: luz e sombra" + link: https://cursos.alura.com.br/course/fundamentos-desenho-luz-sombra \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-2-poligonal.yaml b/_data/cards/pt_BR/modelagem-2-poligonal.yaml new file mode 100644 index 000000000..4e75b2716 --- /dev/null +++ b/_data/cards/pt_BR/modelagem-2-poligonal.yaml @@ -0,0 +1,21 @@ +name: Modelagem Poligonal +logo: +short-description: +key-objectives: + - A modelagem poligonal usa polígonos para formar objetos 3D, sendo a base de muitos workflows. Essa técnica permite criar modelos de diferentes níveis de detalhe, desde low-poly, para jogos, até high-poly, para animações e renders realistas. + - Conceito de polígonos e como eles formam modelos 3D + - Técnicas de subdivisão para maior detalhamento + - Como evitar distorções na malha poligonal + - Construção de formas complexas com polígonos +aditional-objectives: +contents: + - type: ARTICLE + title: "O que é um polígono na modelagem 3D?" + link: https://www.adobe.com/br/products/substance3d/discover/3d-polygon-modeling.html +alura-contents: + - type: ARTICLE + title: "Inteligência Artificial para criar desenhos e outras imagens" + link: https://www.alura.com.br/artigos/inteligencia-artificial-desenha-e-cria-imagens + - type: COURSE + title: "Blender 2.8: modelagem poligonal" + link: https://cursos.alura.com.br/course/blender-modelagem-poligonal \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-2-texturizacao.yaml b/_data/cards/pt_BR/modelagem-2-texturizacao.yaml new file mode 100644 index 000000000..c432c8b16 --- /dev/null +++ b/_data/cards/pt_BR/modelagem-2-texturizacao.yaml @@ -0,0 +1,27 @@ +name: Texturização +logo: +short-description: +key-objectives: + - A texturização é o processo de aplicar detalhes visuais em modelos 3D, como cores, padrões e materiais. Isso envolve técnicas como UV Mapping, criação de mapas de normal e especular, e pintura digital, que dão realismo e personalidade aos modelos. + - Técnicas de aplicação de texturas em 3D + - Pintura manual de texturas no Blender + - Como criar mapas de normal para detalhes extras + - Uso de mapas de especularidade para reflexos +aditional-objectives: +contents: + - type: ARTICLE + title: "O que é texturização 3D?" + link: https://www.adobe.com/br/products/substance3d/discover/3d-texturing.html + - type: ARTICLE + title: "O que são texturas 3D e como criá-las?" + link: https://www.adobe.com/br/products/substance3d/discover/how-to-create-3d-textures.html +alura-contents: + - type: CONTENT + title: "Fluxo de malha 3D" + link: https://cursos.alura.com.br/extra/alura-mais/fluxo-de-malha-3d-c1585 + - type: ARTICLE + title: "O que são materiais e texturas em um software 3D?" + link: https://www.alura.com.br/artigos/o-que-sao-materiais-texturas-software-3d + - type: COURSE + title: "Blender: texturizando modelos com Hand Paint" + link: https://cursos.alura.com.br/course/blender-texturizando-modelos-hand-paint \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-3-animacao.yaml b/_data/cards/pt_BR/modelagem-3-animacao.yaml new file mode 100644 index 000000000..337f47f78 --- /dev/null +++ b/_data/cards/pt_BR/modelagem-3-animacao.yaml @@ -0,0 +1,20 @@ +name: Animação +logo: +short-description: +key-objectives: + - A animação em 3D combina movimentos realistas e topologia limpa para dar vida aos modelos. Inclui rigging, que cria esqueleto e controles, e técnicas para evitar deformações incorretas, essenciais para personagens e objetos animados. + - Criação de esqueleto (armature) para modelos + - Princípios básicos de animação - timing e espaçamento + - Planejamento de topologia para rigging eficiente +aditional-objectives: +contents: + - type: ARTICLE + title: "8 tutoriais de animação em 3D no Blender para iniciantes" + link: https://filmora.wondershare.com.br/animation-tips/blender-animation.html +alura-contents: + - type: ARTICLE + title: "Topologia no 3D: saiba por que ela é importante" + link: https://www.alura.com.br/artigos/topologia-3d-por-que-e-importante + - type: COURSE + title: "Blender: riggando e animando seu personagem" + link: https://cursos.alura.com.br/course/blender-riggando-animando-personagem \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-3-poly-by-poly.yaml b/_data/cards/pt_BR/modelagem-3-poly-by-poly.yaml new file mode 100644 index 000000000..1504807d3 --- /dev/null +++ b/_data/cards/pt_BR/modelagem-3-poly-by-poly.yaml @@ -0,0 +1,23 @@ +name: Poly by Poly +logo: +short-description: +key-objectives: + - Poly by Poly é uma técnica de modelagem que constrói malhas manualmente, vértice por vértice, ou face por face. Ideal para precisão em projetos complexos, permite criar topologias otimizadas e modelar objetos detalhados e realistas. + - Construção de malhas a partir de vértices + - Criação de formas complexas com precisão + - Comparação entre Poly by Poly e Box Modeling +aditional-objectives: +contents: + - type: YOUTUBE + title: "Passo a Passo Completo! Personagem 3D Low Poly" + link: https://www.youtube.com/watch?v=ar_a9rvElAg + - type: ARTICLE + title: "Os 3 principais tipos de modelagem 3D" + link: https://revistaglifo.com.br/game-design/os-3-principais-tipos-de-modelagem-3d/ +alura-contents: + - type: COURSE + title: "Desenho: esboço e composição de imagens" + link: https://cursos.alura.com.br/course/fundamentos-desenho-esboco-composicao + - type: COURSE + title: "Blender: modelando com a técnica Poly by Poly" + link: https://cursos.alura.com.br/course/blender-modelando-tecnica-poly-by-poly \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-desenho-acabamento.yaml b/_data/cards/pt_BR/modelagem-desenho-acabamento.yaml new file mode 100644 index 000000000..07543a910 --- /dev/null +++ b/_data/cards/pt_BR/modelagem-desenho-acabamento.yaml @@ -0,0 +1,23 @@ +name: Acabamento +logo: +short-description: +key-objectives: + - Os acabamentos são a etapa final do desenho, onde detalhes, texturas e sombreamento são ajustados para dar profundidade e polimento. Técnicas como blending, ajustes de linha e iluminação elevam a qualidade do trabalho. + - Adição de texturas para enriquecer superfícies + - Finalização com linhas limpas e precisas + - Ajuste de contraste para destacar áreas-chave +aditional-objectives: +contents: + - type: YOUTUBE + title: "Como finalizar um desenho" + link: https://www.youtube.com/watch?v=SpnGJzggRfc + - type: YOUTUBE + title: "Aprenda a dar acabamento final nos seus Desenhos" + link: https://www.youtube.com/watch?v=tchgeHCGDNk +alura-contents: + - type: COURSE + title: "Perspectiva: distorções visuais" + link: https://cursos.alura.com.br/course/perspectiva + - type: COURSE + title: "Desenho: acabamento e finalização" + link: https://cursos.alura.com.br/course/desenho-acabamento-finalizacao \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-desenho-anatomia.yaml b/_data/cards/pt_BR/modelagem-desenho-anatomia.yaml new file mode 100644 index 000000000..6f5419066 --- /dev/null +++ b/_data/cards/pt_BR/modelagem-desenho-anatomia.yaml @@ -0,0 +1,36 @@ +name: Anatomia +logo: +short-description: +key-objectives: + - A anatomia em desenho foca na estrutura do corpo humano e suas proporções. Dominar torso, membros e articulações é essencial para criar figuras realistas ou estilizadas com boa movimentação. + - Estrutura básica do torso humano. + - Proporções e detalhes dos braços. + - Técnicas para desenhar mãos expressivas. + - Anatomia e movimento dos membros inferiores. +aditional-objectives: +contents: + - type: YOUTUBE + title: "5 dicas para desenhar ANATOMIA aos INICIANTES" + link: https://www.youtube.com/watch?v=xFuCRANBY6I + - type: ARTICLE + title: "Anatomia para Desenho: como estudar do jeito certo?" + link: https://ricardoguchi.com.br/anatomia-para-desenho/ +alura-contents: + - type: COURSE + title: "Desenho: descomplicando a estrutura humana" + link: https://cursos.alura.com.br/course/desenhando-a-estrutura-humana + - type: COURSE + title: "Desenho: descomplicando o desenho do rosto" + link: https://cursos.alura.com.br/course/desenho-rosto-humano\ + - type: COURSE + title: "Desenho de rosto: anatomia criativa" + link: https://cursos.alura.com.br/course/desenho-rosto + - type: COURSE + title: "Desenho: a anatomia do torso" + link: https://cursos.alura.com.br/course/desenho-anatomia-torso + - type: COURSE + title: "Desenho: anatomia do braço e mão" + link: https://cursos.alura.com.br/course/anatomia-braco-mao + - type: COURSE + title: "Desenho: anatomia dos membros inferiores" + link: https://cursos.alura.com.br/course/desenho-anatomia-perna-pe \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-desenho-estrutura.yaml b/_data/cards/pt_BR/modelagem-desenho-estrutura.yaml new file mode 100644 index 000000000..01a70be65 --- /dev/null +++ b/_data/cards/pt_BR/modelagem-desenho-estrutura.yaml @@ -0,0 +1,22 @@ +name: Estrutura visual +logo: +short-description: +key-objectives: + - A composição organiza elementos no desenho para criar impacto visual e equilíbrio. Inclui técnicas de enquadramento, uso de perspectiva e escolha de pontos focais para guiar o olhar do espectador. + - Combinação de elementos grandes e pequenos + - Enquadramento para maior impacto narrativo +aditional-objectives: +contents: + - type: YOUTUBE + title: "Tipos de ESBOÇO e como USAR" + link: https://www.youtube.com/watch?v=14ky6hm7o_k + - type: ARTICLE + title: "Como fazer Sombra no Desenho – Guia COMPLETO do Fundamento da Luz e Sombra" + link: https://ricardoguchi.com.br/fundamento-da-luz-e-sombra/ +alura-contents: + - type: COURSE + title: "Desenho: esboço e composição de imagens" + link: https://cursos.alura.com.br/course/fundamentos-desenho-esboco-composicao + - type: COURSE + title: "Desenho: sombras e iluminação" + link: https://cursos.alura.com.br/course/fundamentos-luz-sombra \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-jogos-animacao.yaml b/_data/cards/pt_BR/modelagem-jogos-animacao.yaml new file mode 100644 index 000000000..63873058a --- /dev/null +++ b/_data/cards/pt_BR/modelagem-jogos-animacao.yaml @@ -0,0 +1,20 @@ +name: Animação +logo: +short-description: +key-objectives: + - A animação em jogos pixel art transforma personagens e objetos em elementos vivos. Técnicas como frame-by-frame e timing são essenciais para criar movimentos fluidos e expressivos. + - Planejamento de movimentos para animações fluídas. + - Uso de frames para criar transições suaves + - Ciclos de caminhada e corrida +aditional-objectives: +contents: + - type: YOUTUBE + title: "Pixel Art - Animação de andar" + link: https://www.youtube.com/watch?v=M-ozjTe8TyM + - type: ARTICLE + title: "Animando um personagem" + link: https://www.crieseusjogos.com.br/animando-um-personagem/ +alura-contents: + - type: COURSE + title: "Pixel Art: animação de sprite de um RPG" + link: https://cursos.alura.com.br/course/pixel-art-animacao-sprite \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-jogos-cenarios.yaml b/_data/cards/pt_BR/modelagem-jogos-cenarios.yaml new file mode 100644 index 000000000..3ed6ddacb --- /dev/null +++ b/_data/cards/pt_BR/modelagem-jogos-cenarios.yaml @@ -0,0 +1,26 @@ +name: Cenários e recursos +logo: +short-description: +key-objectives: + - Cenários em jogos pixel art combinam arte detalhada com jogabilidade. Para endless runners, o foco está em criar paisagens que fluam de maneira infinita e variada, sem perder coesão visual. + - Planejamento de cenários para jogabilidade contínua + - Criação de tiles para composição modular + - Design de elementos que guiam o jogador +aditional-objectives: +contents: + - type: YOUTUBE + title: "Como fazer cenários e backgrounds para jogos em pixel art" + link: https://www.youtube.com/watch?v=7YQXFT2GA_c + - type: ARTICLE + title: "Como criar cenários incríveis em jogos?" + link: https://www.crieseusjogos.com.br/como-criar-cenarios-incriveis-em-jogos/ +alura-contents: + - type: COURSE + title: "Pixel Art: desenhando um cenário de jogo top-down" + link: https://cursos.alura.com.br/course/pixel-art-desenhando-cenarios + - type: COURSE + title: "Endless Runner: cenário" + link: https://cursos.alura.com.br/course/criacao-de-cenario + - type: COURSE + title: "Endless Runner: criando um HUD" + link: https://cursos.alura.com.br/course/endless-runner-hud \ No newline at end of file diff --git a/_data/cards/pt_BR/modelagem-jogos-personagem.yaml b/_data/cards/pt_BR/modelagem-jogos-personagem.yaml new file mode 100644 index 000000000..c67141925 --- /dev/null +++ b/_data/cards/pt_BR/modelagem-jogos-personagem.yaml @@ -0,0 +1,30 @@ +name: Personagens +logo: +short-description: +key-objectives: + - Personagens em pixel art trazem identidade aos jogos. Técnicas para criar avatares, sprites animados e poses dinâmicas garantem personalidades marcantes e jogabilidade clara. + - Técnicas de simplificação sem perder detalhes + - Animações fundamentais - idle, walk e jump + - Design de acessórios e trajes + - Expressões faciais com poucos pixels +aditional-objectives: +contents: + - type: ARTICLE + title: "Crie Seus Próprios Personagens Online" + link: https://www.canva.com/pt_br/criar/personagens/ + - type: YOUTUBE + title: "Personagens em 3 passos" + link: https://www.youtube.com/watch?v=dJUb3R36_Lo +alura-contents: + - type: COURSE + title: "Pixel Art: criando um avatar" + link: https://cursos.alura.com.br/course/pixel-art-games + - type: COURSE + title: "Pixel Art parte 1: sprite de personagem de RPG" + link: https://cursos.alura.com.br/course/pixel-art-sprite-de-personagem + - type: COURSE + title: "Pixel Art parte 2: aprimorando o seu sprite de personagem" + link: https://cursos.alura.com.br/course/pixel-art-aprimorando-o-sprite-personagem + - type: COURSE + title: "Endless Runner: design de personagem" + link: https://cursos.alura.com.br/course/design-personagem \ No newline at end of file diff --git a/_data/guides/pt_BR/modelagem.yaml b/_data/guides/pt_BR/modelagem.yaml new file mode 100644 index 000000000..72dc6884f --- /dev/null +++ b/_data/guides/pt_BR/modelagem.yaml @@ -0,0 +1,43 @@ +name: Modelagem 3D +tags: + - modelagem +expertise: + - name: Nível 1 + cards: + - nome: modelagem-fundamentos + priority: 10 + - nome: modelagem-box-modeling + priority: 9 + - nome: modelagem-composicao + priority: 9 + - name: Nível 2 + cards: + - nome: modelagem-poligonal + priority: 10 + - nome: modelagem-texturizacao + priority: 9 + - nome: modelagem-iluminacao + priority: 9 + - name: Nível 3 + cards: + - nome: modelagem-animacao + priority: 10 + - nome: modelagem-poly-by-poly + priority: 9 +collaboration: + - name: Desenho + cards: + - nome: modelagem-desenho-estrutura + priority: 10 + - nome: modelagem-desenho-anatomia + priority: 10 + - nome: modelagem-desenho-acabamento + priority: 9 + - name: Design de Jogos + cards: + - nome: modelagem-jogos-personagem + priority: 10 + - nome: modelagem-jogos-cenarios + priority: 9 + - nome: modelagem-jogos-animacao + priority: 9 \ No newline at end of file From 32fb85716c2f19d00422663f4f14b0e4ec268025 Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Mon, 16 Dec 2024 09:02:14 -0300 Subject: [PATCH 04/17] Corrigindo as aspas em Box Modeling --- _data/cards/pt_BR/modelagem-1-box-modeling.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_data/cards/pt_BR/modelagem-1-box-modeling.yaml b/_data/cards/pt_BR/modelagem-1-box-modeling.yaml index c92c4924c..e5bbfcea5 100644 --- a/_data/cards/pt_BR/modelagem-1-box-modeling.yaml +++ b/_data/cards/pt_BR/modelagem-1-box-modeling.yaml @@ -10,7 +10,7 @@ key-objectives: aditional-objectives: contents: - type: YOUTUBE - title: "Modelagem com "Box Modeling"" + title: "Modelagem com Box Modeling" link: https://www.youtube.com/watch?v=FXW86VxQLGQ alura-contents: - type: COURSE From 475966ffdf71c7f57510e5f3120eb1e65209b8b6 Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Thu, 19 Dec 2024 08:44:47 -0300 Subject: [PATCH 05/17] Tech Guide de Atendimento CX --- .../pt_BR/ai-powered-customer-service.yaml | 25 +++++++++++++ ...sertive-and-non-violent-communication.yaml | 15 ++++++++ .../pt_BR/client-portfolio-management.yaml | 16 ++++++++ .../pt_BR/customer-centricity-basics.yaml | 14 +++++++ ...omer-delight-and-retention-strategies.yaml | 18 +++++++++ .../customer-experience-fundamentals.yaml | 23 ++++++++++++ .../pt_BR/customer-feedback-application.yaml | 19 ++++++++++ .../cards/pt_BR/customer-journey-mapping.yaml | 13 +++++++ .../pt_BR/digital-engagement-strategies.yaml | 16 ++++++++ _data/cards/pt_BR/needs-based-sales.yaml | 13 +++++++ .../quality-metrics-for-customer-service.yaml | 19 ++++++++++ _data/guides/pt_BR/atendimento-cx.yaml | 37 +++++++++++++++++++ 12 files changed, 228 insertions(+) create mode 100644 _data/cards/pt_BR/ai-powered-customer-service.yaml create mode 100644 _data/cards/pt_BR/assertive-and-non-violent-communication.yaml create mode 100644 _data/cards/pt_BR/client-portfolio-management.yaml create mode 100644 _data/cards/pt_BR/customer-centricity-basics.yaml create mode 100644 _data/cards/pt_BR/customer-delight-and-retention-strategies.yaml create mode 100644 _data/cards/pt_BR/customer-experience-fundamentals.yaml create mode 100644 _data/cards/pt_BR/customer-feedback-application.yaml create mode 100644 _data/cards/pt_BR/customer-journey-mapping.yaml create mode 100644 _data/cards/pt_BR/digital-engagement-strategies.yaml create mode 100644 _data/cards/pt_BR/needs-based-sales.yaml create mode 100644 _data/cards/pt_BR/quality-metrics-for-customer-service.yaml create mode 100644 _data/guides/pt_BR/atendimento-cx.yaml diff --git a/_data/cards/pt_BR/ai-powered-customer-service.yaml b/_data/cards/pt_BR/ai-powered-customer-service.yaml new file mode 100644 index 000000000..b75341665 --- /dev/null +++ b/_data/cards/pt_BR/ai-powered-customer-service.yaml @@ -0,0 +1,25 @@ +name: Atendimento e IA +logo: +short-description: +key-objectives: + - Criar interfaces conversacionais eficazes para melhorar a experiência do usuário. + - Implementar chatbots para automatizar interações e resolver dúvidas rapidamente. + - Melhorar a clareza e a persuasão das mensagens através de uma comunicação orientada para o cliente. +aditional-objectives: +contents: + - type: ARTICLE + title: "IA em CX: como a tecnologia melhora o atendimento ao cliente?" + link: https://www.zendesk.com.br/blog/ia-em-cx/ + - type: PODCAST + title: "#82 Magos do CX com Marcelo Araujo: Dados, inteligência artificial e a essência da mente humana" + link: https://www.youtube.com/watch?v=u_fXsaon-YU +alura-contents: + - type: COURSE + title: "UX Writing: projetando um chatbot" + link: https://cursos.alura.com.br/course/ux-writing-projetando-chatbot + - type: COURSE + title: "Mobile Marketing: como engajar seu cliente" + link: https://www.alura.com.br/curso-online-mobile-marketing-engajar-cliente + - type: COURSE + title: "Design Thinking em vendas: conhecendo seu cliente" + link: https://www.alura.com.br/curso-online-design-thinking-em-vendas \ No newline at end of file diff --git a/_data/cards/pt_BR/assertive-and-non-violent-communication.yaml b/_data/cards/pt_BR/assertive-and-non-violent-communication.yaml new file mode 100644 index 000000000..a4d1829c1 --- /dev/null +++ b/_data/cards/pt_BR/assertive-and-non-violent-communication.yaml @@ -0,0 +1,15 @@ +name: Comunicação assertiva e não violenta +logo: +short-description: +key-objectives: + - Aplicar técnicas para manter uma comunicação clara, empática e respeitosa. + - Gerenciar conflitos de maneira assertiva para alcançar acordos satisfatórios. +aditional-objectives: +contents: + - type: ARTICLE + title: "Comunicação com cliente: como melhorar? 9 dicas práticas" + link: https://www.zendesk.com.br/blog/comunicacao-com-cliente/ +alura-contents: + - type: COURSE + title: "Comunicação assertiva: reduzindo conflitos e frustrações" + link: https://cursos.alura.com.br/course/comunicacao-assertiva-reduzindo-conflitos-e-frustracaoes \ No newline at end of file diff --git a/_data/cards/pt_BR/client-portfolio-management.yaml b/_data/cards/pt_BR/client-portfolio-management.yaml new file mode 100644 index 000000000..b0efaf69c --- /dev/null +++ b/_data/cards/pt_BR/client-portfolio-management.yaml @@ -0,0 +1,16 @@ +name: Gestão de carteira de clientes +logo: +short-description: +key-objectives: + - Desenvolver um sistema de gestão eficiente para organizar a carteira de clientes + - Identificar clientes estratégicos e personalizar o atendimento + - Aumentar a receita através de uma gestão ativa e orientada para resultados. +aditional-objectives: +contents: + - type: ARTICLE + title: "O que é carteira de clientes? Como montar, gerenciar e otimizar?" + link: https://www.zendesk.com.br/blog/o-que-e-carteira-de-clientes/ +alura-contents: + - type: COURSE + title: "Nutrindo sua carteira de clientes" + link: https://cursos.alura.com.br/extra/alura-mais/nutrindo-a-sua-carteira-de-clientes-c796 \ No newline at end of file diff --git a/_data/cards/pt_BR/customer-centricity-basics.yaml b/_data/cards/pt_BR/customer-centricity-basics.yaml new file mode 100644 index 000000000..7bf15d358 --- /dev/null +++ b/_data/cards/pt_BR/customer-centricity-basics.yaml @@ -0,0 +1,14 @@ +name: Customer Centricity +logo: +short-description: +key-objectives: + - Estabelecer uma cultura organizacional voltada para o cliente. + - Desenvolver estratégias que priorizem as necessidades e expectativas do cliente. + - Alinhar as operações internas para garantir uma experiência positiva e consistente. +aditional-objectives: +contents: +alura-contents: + - type: ARTICLE + title: "O cliente no centro: Customer Centric e Customer Experience" + link: https://www.alura.com.br/artigos/cliente-centro-customer-centric-customer-experience + diff --git a/_data/cards/pt_BR/customer-delight-and-retention-strategies.yaml b/_data/cards/pt_BR/customer-delight-and-retention-strategies.yaml new file mode 100644 index 000000000..a45d21e6c --- /dev/null +++ b/_data/cards/pt_BR/customer-delight-and-retention-strategies.yaml @@ -0,0 +1,18 @@ +name: Negociação no atendimento +logo: +short-description: +key-objectives: + - Desenvolver habilidades de negociação focadas em soluções eficazes para clientes e empresa. + - Utilizar estratégias de persuasão para influenciar positivamente as decisões dos clientes. +aditional-objectives: +contents: + - type: PODCAST + title: "#22 Magos do CX com Luana Palma: Gestão da emoção no atendimento ao cliente" + link: https://www.youtube.com/watch?v=9LT89ViuVWQ +alura-contents: + - type: COURSE + title: "Negociação parte 1: práticas essenciais" + link: https://cursos.alura.com.br/course/negociacao-praticas-essenciais + - type: COURSE + title: "Negociação parte 2: técnicas avançadas" + link: https://cursos.alura.com.br/course/negociacao-avancada \ No newline at end of file diff --git a/_data/cards/pt_BR/customer-experience-fundamentals.yaml b/_data/cards/pt_BR/customer-experience-fundamentals.yaml new file mode 100644 index 000000000..14f83ef9e --- /dev/null +++ b/_data/cards/pt_BR/customer-experience-fundamentals.yaml @@ -0,0 +1,23 @@ +name: Fundamentos de Customer Experience +logo: +short-description: +key-objectives: + - Definição e importância de CX + - Conceitos básicos de experiência do cliente e como ela impacta negócios + - Importância da personalização no atendimento + - Estratégias para melhorar a experiência do cliente - +aditional-objectives: +contents: + - type: PODCAST + title: "#02 Magos do CX com Fábio Formento: Pessoas, negócios e clientes, a receita de CX" + link: https://www.youtube.com/watch?v=24F6SkCMLIA +alura-contents: + - type: PODCAST + title: "Afinal, o que é CX?" + link: https://cursos.alura.com.br/extra/layerstech/afinal-o-que-e-cx-layers-ponto-tech-51-a1208 + - type: ARTICLE + title: "O que é e o que faz um time de Customer Experience?" + link: https://www.alura.com.br/artigos/o-que-e-o-que-faz-time-customer-experience + - type: ARTICLE + title: "O cliente no centro: Customer Centric e Customer" + link: https://www.alura.com.br/artigos/cliente-centro-customer-centric-customer-experience \ No newline at end of file diff --git a/_data/cards/pt_BR/customer-feedback-application.yaml b/_data/cards/pt_BR/customer-feedback-application.yaml new file mode 100644 index 000000000..9faa8b80c --- /dev/null +++ b/_data/cards/pt_BR/customer-feedback-application.yaml @@ -0,0 +1,19 @@ +name: Feedback e melhoria contínua +logo: +short-description: +key-objectives: + - Implementar mecanismos eficazes para coletar feedback de clientes. + - Analisar feedbacks para identificar padrões e oportunidades de melhoria. + - Promover uma cultura de aprendizado contínuo com base nas avaliações dos clientes. +aditional-objectives: +contents: +alura-contents: + - type: COURSE + title: "Vendas de alta performance: entendendo a necessidade do cliente" + link: https://cursos.alura.com.br/course/vendas-entendendo-a-necessidade-do-cliente + - type: COURSE + title: "Vendas de alta performance:técnicas para melhorar seu aprendizado" + link: https://www.alura.com.br/curso-online-vendas-aprenda-a-aprender + - type: COURSE + title: "Mediação de conflitos: construa soluções efetivas" + link: https://cursos.alura.com.br/course/mediacao-conflitos-solucoes-efetivas \ No newline at end of file diff --git a/_data/cards/pt_BR/customer-journey-mapping.yaml b/_data/cards/pt_BR/customer-journey-mapping.yaml new file mode 100644 index 000000000..930b9eeb3 --- /dev/null +++ b/_data/cards/pt_BR/customer-journey-mapping.yaml @@ -0,0 +1,13 @@ +name: Jornada do cliente +logo: +short-description: +key-objectives: + - Mapear a jornada do cliente para identificar pontos de contato e melhorias. + - Aplicar técnicas de engajamento ao longo das diferentes etapas da jornada. + - Melhorar a retenção e satisfação por meio da gestão eficiente da experiência do cliente. +aditional-objectives: +contents: +alura-contents: + - type: COURSE + title: "Jornada do cliente: aplique estratégias de engajamento no dia a dia" + link: https://www.alura.com.br/curso-online-jornada-cliente-estrategias-engajamento-dia-a-dia \ No newline at end of file diff --git a/_data/cards/pt_BR/digital-engagement-strategies.yaml b/_data/cards/pt_BR/digital-engagement-strategies.yaml new file mode 100644 index 000000000..5ba960c33 --- /dev/null +++ b/_data/cards/pt_BR/digital-engagement-strategies.yaml @@ -0,0 +1,16 @@ +name: Encantamento e retenção +logo: +short-description: +key-objectives: + - Criar estratégias para fidelizar clientes por meio de experiências positivas. + - Implementar práticas que surpreendam e encantem o cliente. + - Melhorar a retenção por meio de um atendimento proativo e personalizado. +aditional-objectives: +contents: + - type: VIDEO + title: "ÓHQUEMTALK 09 - Técnicas de ATENDIMENTO: como ENCANTAR e CONVENCER o cliente" + link: https://www.youtube.com/watch?v=ef_czv5OKBk +alura-contents: + - type: ARTICLE + title: "Como encantar e fidelizar clientes" + link: https://www.alura.com.br/artigos/pos-venda-como-encantar-e-fidelizar-clientes \ No newline at end of file diff --git a/_data/cards/pt_BR/needs-based-sales.yaml b/_data/cards/pt_BR/needs-based-sales.yaml new file mode 100644 index 000000000..d97c9654a --- /dev/null +++ b/_data/cards/pt_BR/needs-based-sales.yaml @@ -0,0 +1,13 @@ +name: Vendas baseadas em necessidades +logo: +short-description: +key-objectives: + - Identificar as necessidades específicas dos clientes durante o processo de venda. + - Oferecer soluções personalizadas que atendam às expectativas dos clientes. + - Melhorar a experiência de compra através de uma abordagem consultiva. +aditional-objectives: +contents: +alura-contents: + - type: COURSE + title: "Design Thinking em vendas: conhecendo seu cliente" + link: https://alura.com.br/curso-online-design-thinking-em-vendas \ No newline at end of file diff --git a/_data/cards/pt_BR/quality-metrics-for-customer-service.yaml b/_data/cards/pt_BR/quality-metrics-for-customer-service.yaml new file mode 100644 index 000000000..8196752aa --- /dev/null +++ b/_data/cards/pt_BR/quality-metrics-for-customer-service.yaml @@ -0,0 +1,19 @@ +name: Métricas de qualidade de atendimento +logo: +short-description: +key-objectives: + - Identificar as principais métricas para avaliar a eficiência do atendimento ao cliente. + - Analisar indicadores de performance para tomada de decisão estratégica. + - Melhorar processos com base nos dados coletados das interações com clientes. +aditional-objectives: +contents: + - type: ARTICLE + title: "Sucesso no atendimento: 9 métricas que toda empresa deveria implantar" + link: https://blog.octadesk.com/metricas-de-sucesso-no-atendimento/?utm_source=google&utm_medium=cpc&utm_campaign=%5BON%5D+%5BPMAX%5D+%5BDADOS-HUB%5D&utm_term=&hsa_tgt=&hsa_grp=&hsa_mt=&hsa_cam=20750597690&hsa_ver=3&hsa_src=x&hsa_net=adwords&hsa_kw=&hsa_acc=6724165961&hsa_ad=&gad_source=1&gclid=Cj0KCQiAvP-6BhDyARIsAJ3uv7arP8HiDyocl_bxJj96xekUXHrd2mHa1HPSYi9B4fB546g9tYzR5wMaAr9uEALw_wcB +alura-contents: + - type: ARTICLE + title: "5 métricas para medir a qualidade do seu atendimento" + link: https://www.alura.com.br/artigos/5-metricas-para-medir-qualidade-atendimento + - type: ARTICLE + title: "CS e as diferentes áreas de relacionamento com cliente" + link: https://www.alura.com.br/artigos/cs-diferentes-areas-relacionamento-cliente \ No newline at end of file diff --git a/_data/guides/pt_BR/atendimento-cx.yaml b/_data/guides/pt_BR/atendimento-cx.yaml new file mode 100644 index 000000000..2afc876a9 --- /dev/null +++ b/_data/guides/pt_BR/atendimento-cx.yaml @@ -0,0 +1,37 @@ +name: Atendimento CX +tags: + - Customer Experience +expertise: + - name: Customer Experience Jr + cards: + - customer-experience-fundamentals: + priority: 10 + - customer-centricity-basics: + priority: 10 + - customer-journey-mapping: + priority: 10 + - name: Customer Experience Mid + cards: + - quality-metrics-for-customer-service: + priority: 9 + - customer-feedback-application: + priority: 9 + - name: Customer Experience Depth + cards: + - digital-engagement-strategies: + priority: 9 + - client-portfolio-management: + priority: 8 +collaboration: + - name: Comunicação e relacionamento + cards: + - assertive-and-non-violent-communication: + priority: 10 + - customer-delight-and-retention-strategies: + priority: 10 + - name: Tecnologia e Automação + cards: + - needs-based-sales: + priority: 9 + - ai-powered-customer-servic: + priority: 9 \ No newline at end of file From 807515122ed190e16a1e02fb7c10ee1ff5f1f761 Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Thu, 19 Dec 2024 08:55:55 -0300 Subject: [PATCH 06/17] =?UTF-8?q?Removido=20o=20espa=C3=A7o=20em=20Tecnolo?= =?UTF-8?q?gia=20e=20Automa=C3=A7=C3=A3o?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _data/guides/pt_BR/atendimento-cx.yaml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_data/guides/pt_BR/atendimento-cx.yaml b/_data/guides/pt_BR/atendimento-cx.yaml index 2afc876a9..18088d1d8 100644 --- a/_data/guides/pt_BR/atendimento-cx.yaml +++ b/_data/guides/pt_BR/atendimento-cx.yaml @@ -29,7 +29,7 @@ collaboration: priority: 10 - customer-delight-and-retention-strategies: priority: 10 - - name: Tecnologia e Automação + - name: Tecnologia e Automação cards: - needs-based-sales: priority: 9 From 3f4c3cd0132b6b29455c1405c44364cebd66fca5 Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Tue, 7 Jan 2025 10:04:20 -0300 Subject: [PATCH 07/17] Tech Guide de Motion Design" --- _data/cards/pt_BR/motion-2d-animation.yaml | 21 +++++++++ _data/cards/pt_BR/motion-3d-animation.yaml | 20 +++++++++ _data/cards/pt_BR/motion-after-effects.yaml | 22 ++++++++++ _data/cards/pt_BR/motion-branding.yaml | 22 ++++++++++ .../motion-creation-and-composition.yaml | 26 +++++++++++ .../cards/pt_BR/motion-design-principles.yaml | 28 ++++++++++++ .../pt_BR/motion-digital-product-design.yaml | 28 ++++++++++++ .../cards/pt_BR/motion-editing-and-pace.yaml | 21 +++++++++ .../motion-editing-for-social-media.yaml | 27 ++++++++++++ .../motion-editing-with-visual-identity.yaml | 24 ++++++++++ _data/cards/pt_BR/motion-framer-motion.yaml | 20 +++++++++ .../motion-introduction-to-motion-design.yaml | 28 ++++++++++++ _data/cards/pt_BR/motion-main-techniques.yaml | 19 ++++++++ _data/cards/pt_BR/motion-visual-effects.yaml | 21 +++++++++ _data/cards/pt_BR/motion-visual-identity.yaml | 29 ++++++++++++ _data/guides/pt_BR/motion-design.yaml | 44 +++++++++++++++++++ 16 files changed, 400 insertions(+) create mode 100644 _data/cards/pt_BR/motion-2d-animation.yaml create mode 100644 _data/cards/pt_BR/motion-3d-animation.yaml create mode 100644 _data/cards/pt_BR/motion-after-effects.yaml create mode 100644 _data/cards/pt_BR/motion-branding.yaml create mode 100644 _data/cards/pt_BR/motion-creation-and-composition.yaml create mode 100644 _data/cards/pt_BR/motion-design-principles.yaml create mode 100644 _data/cards/pt_BR/motion-digital-product-design.yaml create mode 100644 _data/cards/pt_BR/motion-editing-and-pace.yaml create mode 100644 _data/cards/pt_BR/motion-editing-for-social-media.yaml create mode 100644 _data/cards/pt_BR/motion-editing-with-visual-identity.yaml create mode 100644 _data/cards/pt_BR/motion-framer-motion.yaml create mode 100644 _data/cards/pt_BR/motion-introduction-to-motion-design.yaml create mode 100644 _data/cards/pt_BR/motion-main-techniques.yaml create mode 100644 _data/cards/pt_BR/motion-visual-effects.yaml create mode 100644 _data/cards/pt_BR/motion-visual-identity.yaml create mode 100644 _data/guides/pt_BR/motion-design.yaml diff --git a/_data/cards/pt_BR/motion-2d-animation.yaml b/_data/cards/pt_BR/motion-2d-animation.yaml new file mode 100644 index 000000000..026b23989 --- /dev/null +++ b/_data/cards/pt_BR/motion-2d-animation.yaml @@ -0,0 +1,21 @@ +name: Animação 2D +logo: +short-description: +key-objectives: + - Entender os conceitos básicos e as principais técnicas envolvidas na criação de animações em duas dimensões. + - Aprender a utilizar ferramentas como o After Effects e o LottieFiles para produzir animações interativas e dinâmicas. + - Desenvolver habilidades para dar vida a personagens e cenários, aplicando boas práticas do design animado. +contents: + - type: ARTICLE + title: "Guia de animação 2D: Tudo o que você precisa saber" + link: https://explain.ninja/blog/guide-on-2d-animation-everything-you-need-to-know/ + - type: ARTICLE + title: "Tudo o que você precisa saber sobre animação 2D" + link: https://www.linearity.io/blog/2d-animation/ +alura-contents: + - type: ARTICLE + title: "Animações UI com LottieFiles" + link: https://www.alura.com.br/artigos/animacoes-ui-lottiefiles + - type: COURSE + title: "After effects: anime personagens com Duik" + link: https://cursos.alura.com.br/course/after-effects-anime-personagens-duik \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-3d-animation.yaml b/_data/cards/pt_BR/motion-3d-animation.yaml new file mode 100644 index 000000000..7477330a0 --- /dev/null +++ b/_data/cards/pt_BR/motion-3d-animation.yaml @@ -0,0 +1,20 @@ +name: Animação 3D +logo: +short-description: +key-objectives: + - Explorar as bases teóricas e práticas que sustentam a criação de modelos e movimentos tridimensionais. + - Aprender a usar softwares como Blender criar animações. + - Desenvolver habilidades para modelar, riggar e animar personagens. +alura-contents: + - type: PODCAST + title: "3D e Motion Design | Layers ponto tech #128" + link: https://cursos.alura.com.br/extra/layerstech/3d-e-motion-design-layers-ponto-tech-128-a2032 + - type: ARTICLE + title: "Como começar na carreira de 3d e Animação: do mergulho à aterrisagem, passando por algumas acrobacias" + link: https://www.alura.com.br/artigos/como-comecar-e-persistir-na-carreira-de-3d-e-animacao-do-mergulho-a-aterrisagem-passando-por-algumas-acrobacias + - type: COURSE + title: "Blender: criando um modelo 3D" + link: https://cursos.alura.com.br/course/blender-criando-primeiro-modelo-3d + - type: COURSE + title: "Blender: riggando e animando seu personagem" + link: https://cursos.alura.com.br/course/blender-riggando-animando-personagem \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-after-effects.yaml b/_data/cards/pt_BR/motion-after-effects.yaml new file mode 100644 index 000000000..91c4db4c0 --- /dev/null +++ b/_data/cards/pt_BR/motion-after-effects.yaml @@ -0,0 +1,22 @@ +name: After Effects básico +logo: +short-description: +key-objectives: + - Compreender os conceitos básicos do After Effects e como utilizá-los em diferentes contextos criativos. + - Explorar as funcionalidades principais do After Effects e como aplicá-las para criar animações. + - Desenvolver habilidades para transformar conceitos em animações dinâmicas usando o After Effects. +contents: + - type: SITE + title: "After Effects" + link: https://www.adobe.com/br/products/aftereffects.html + - type: ARTICLE + title: "Guia do usuário do After Effects" + link: https://helpx.adobe.com/br/after-effects/user-guide.html +alura-contents: + - type: COURSE + title: "Motion Design: crie animações incríveis no After Effects" + link: https://www.alura.com.br/curso-online-motion-design-animacoes-incriveis-after-effects + - type: COURSE + title: "After Effects: transformando dados em animações impactantesl" + link: https://www.alura.com.br/curso-online-after-effects-transformando-dados-animacoes-impactantes + \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-branding.yaml b/_data/cards/pt_BR/motion-branding.yaml new file mode 100644 index 000000000..ee689bb21 --- /dev/null +++ b/_data/cards/pt_BR/motion-branding.yaml @@ -0,0 +1,22 @@ +name: Motion branding +logo: +short-description: +key-objectives: + - Familiarize-se com os princípios básicos do Motion Graphics e sua aplicação no design e branding. + - Aprender a utilizar o After Effects e outras ferramentas essenciais para criar animações profissionais. + - Criar animações que fortaleçam a identidade visual das marcas. +contents: + - type: ARTICLE + title: "A importância do Motion Graphics no Web Design" + link: https://motiondesign.school/blog/the-importance-of-motion-graphics-in-web-design/ +alura-contents: + - type: ARTICLE + title: "Melhore a experiência do usuário com Motion Design" + link: https://www.alura.com.br/artigos/melhore-a-experiencia-do-usuario-com-motion-design + - type: COURSE + title: "Canva: criando vídeos com motion graphics" + link: https://www.alura.com.br/curso-online-canva-criando-videos-motion-graphics + - type: COURSE + title: "Mídias sociais: design em movimento com o Canva" + link: https://www.alura.com.br/curso-online-midias-sociais-design-movimento-canva + \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-creation-and-composition.yaml b/_data/cards/pt_BR/motion-creation-and-composition.yaml new file mode 100644 index 000000000..d416d1bb1 --- /dev/null +++ b/_data/cards/pt_BR/motion-creation-and-composition.yaml @@ -0,0 +1,26 @@ +name: Criação e composição +logo: +short-description: +key-objectives: + - Dominar os princípios fundamentais da Gestalt e sua aplicação no design visual. + - Desenvolver habilidade crítica para análise e justificativa de decisões de design. + - Aplicar conceitos de semiótica na criação de projetos gráficos. + - Criar projetos gráficos fundamentados em princípios sólidos de design. +contents: + - type: ARTICLE + title: "O que é Gestalt?" + link: https://medium.com/chocoladesign/o-que-%C3%A9-gestalt-f3beb4a6af4a +alura-contents: + - type: ARTICLE + title: "Você conhece o princípio de Gestalt?" + link: https://www.alura.com.br/artigos/voce-conhece-o-principio-de-gestalt + - type: ARTICLE + title: "Como justificar um bom design ou identificar erros em uma composição visual" + link: https://www.alura.com.br/artigos/como-justificar-um-bom-design-ou-identificar-erros-em-uma-composicao-visual + - type: PODCAST + title: "Gestalt e Semiótica | Layers ponto tech #97" + link: https://www.layerspontotech.com.br/2022/09/12/gestalt-e-semiotica-layers-ponto-tech-97/ + - type: COURSE + title: "Design Gráfico com Gestalt: desenvolva um projeto gráfico" + link: https://cursos.alura.com.br/course/design-grafico-gestalt + \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-design-principles.yaml b/_data/cards/pt_BR/motion-design-principles.yaml new file mode 100644 index 000000000..53958111d --- /dev/null +++ b/_data/cards/pt_BR/motion-design-principles.yaml @@ -0,0 +1,28 @@ +name: Princípios do Design +logo: +short-description: +key-objectives: + - Compreender os princípios fundamentais do design e sua aplicação prática em diferentes contextos. + - Adquirir conhecimento sobre as bases teóricas e os elementos que compõem o design visual. + - Aprender como aplicar os princípios de design em projetos reais. +contents: + - type: ARTICLE + title: "20 princípios e elementos do design" + link: https://www.canva.com/pt_br/aprenda/20-principios-elementos-do-design/ + - type: ARTICLE + title: "Como aplicar os princípios de design" + link: https://clickup.com/pt-BR/blog/192251/principios-de-design + - type: ARTICLE + title: "O que são princípios de design?" + link: https://www.interaction-design.org/literature/topics/design-principles + - type: YOUTUBE + title: "Entendendo os princípios do design" + link: https://www.youtube.com/watch?v=UmHMVU6dceA +alura-contents: + - type: COURSE + title: "Design Gráfico: desenvolvendo identidade visual" + link: https://cursos.alura.com.br/course/design-grafico-identidade-visual + - type: COURSE + title: "Design Gráfico: construindo os elementos de uma identidade visual" + link: https://cursos.alura.com.br/course/design-grafico-elementos-identidade-visual + \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-digital-product-design.yaml b/_data/cards/pt_BR/motion-digital-product-design.yaml new file mode 100644 index 000000000..1956978cf --- /dev/null +++ b/_data/cards/pt_BR/motion-digital-product-design.yaml @@ -0,0 +1,28 @@ +name: Design para produtos digitais +logo: +short-description: +key-objectives: + - Compreender os fundamentos do design de produto digital. + - Aplicar métodos e etapas estruturadas para criação de produtos digitais do zero + - Aprender estratégias para construção de um portfólio profissional de design +contents: + - type: ARTICLE + title: "Design de produto: o que é, importância, métodos e etapas" + link: https://pm3.com.br/blog/design-de-produto/ + - type: ARTICLE + title: "Como criar um produto digital do zero?" + link: https://pm3.com.br/blog/como-criar-um-produto-digital/ +alura-contents: + - type: ARTICLE + title: "O que são imagens vetoriais e por que utiliza-lás?" + link: https://www.alura.com.br/artigos/o-que-sao-imagens-vetoriais-e-por-que-utiliza-las + - type: ARTICLE + title: "Como montar um portfólio de Design" + link: https://www.alura.com.br/artigos/como-montar-um-portfolio-de-design + - type: COURSE + title: "Adobe Illustrator: criação de ícones e fundos para interfaces digitais" + link: https://cursos.alura.com.br/course/illustrator-criacao-icones-fundos-interfaces-digitais + - type: COURSE + title: "Design Visual: estratégias para planejar e construir seu portfólio" + link: https://cursos.alura.com.br/course/design-visual-estrategias-planejar-construir-portfolio + \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-editing-and-pace.yaml b/_data/cards/pt_BR/motion-editing-and-pace.yaml new file mode 100644 index 000000000..8ca840614 --- /dev/null +++ b/_data/cards/pt_BR/motion-editing-and-pace.yaml @@ -0,0 +1,21 @@ +name: Edição e Ritmo +logo: +short-description: +key-objectives: + - Compreender a importância do ritmo na edição de vídeos para criar uma narrativa envolvente. + - Aprender técnicas de corte e transição para manter o interesse do público. + - Explorar o uso de efeitos de som e música para intensificar o impacto emocional do vídeo. +contents: + - type: ARTICLE + title: "Dicas para editar vídeos no ritmo da música" + link: https://olivetreefilms.com/br/blog/dicas-para-editar-videos-no-ritmo-da-musica/ + - type: ARTICLE + title: "Set the Pace With This Guide to Film Rhythm Editing" + link: https://www.backstage.com/magazine/article/film-rhythm-editing-guide-77147/ +alura-contents: + - type: COURSE + title: "Premiere Pro: edição com foco em timing e ritmo" + link: https://www.alura.com.br/curso-online-premiere-pro-edicao-foco-timing-ritmo + - type: PODCAST + title: "Ritmo na edição – Layers ponto tech #04" + link: https://www.alura.com.br/artigos/layers-ponto-tech-ep-04?srsltid=AfmBOoqVZk25kk1fsCH9iM-e8uUL2nnhSkgXPgMeqUCUZlYARW7oIne0 \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-editing-for-social-media.yaml b/_data/cards/pt_BR/motion-editing-for-social-media.yaml new file mode 100644 index 000000000..27c97e417 --- /dev/null +++ b/_data/cards/pt_BR/motion-editing-for-social-media.yaml @@ -0,0 +1,27 @@ +name: Edição para plataformas de mídia social +logo: +short-description: +key-objectives: + - Entender as especificidades de edição para cada plataforma de mídia social, como Instagram, TikTok e YouTube. + - Aprender a ajustar o formato, duração e estilo dos vídeos para engajar o público de forma eficaz. + - Utilizar elementos visuais e textuais que maximizem o impacto e a retenção em visualizações curtas. +contents: + - type: ARTICLE + title: "Como otimizar vídeos para redes sociais: veja dicas" + link: https://infinityplus.com.br/blog/como-otimizar-videos-para-redes-sociais/ + - type: ARTICLE + title: "3 dicas de como otimizar vídeos para redes sociais" + link: https://olivetreefilms.com/br/blog/dicas-de-como-otimizar-videos-para-redes-sociais/ + - type: ARTICLE + title: "O guia definitivo para editar vídeos do TikTok e do Instagram | Entrevista com criadores" + link: https://www.submagic.co/br/blog/how-to-edit-tiktok-and-instagram-videos +alura-contents: + - type: COURSE + title: "Mídias sociais: criando vídeos para as redes" + link: https://cursos.alura.com.br/course/midias-sociais-criando-videos-redes + - type: ARTICLE + title: "O que é design para mídias sociais?" + link: https://www.alura.com.br/artigos/design-midias-sociais + - type: COURSE + title: "Mídias sociais: design em movimento com o Canva" + link: https://cursos.alura.com.br/course/midias-sociais-design-movimento-canva \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-editing-with-visual-identity.yaml b/_data/cards/pt_BR/motion-editing-with-visual-identity.yaml new file mode 100644 index 000000000..c84014868 --- /dev/null +++ b/_data/cards/pt_BR/motion-editing-with-visual-identity.yaml @@ -0,0 +1,24 @@ +name: Edição com Identidade Visual +logo: +short-description: +key-objectives: + - Estabelecer uma identidade visual consistente que fortaleça a marca ou estilo do conteúdo. + - Aprender a incorporar elementos visuais únicos, como cores, tipografia e gráficos, na edição de vídeo. + - Explorar técnicas para criar uma experiência visual coesa que ressoe com o público. +contents: + - type: ARTICLE + title: "Create videos that match your branding identity" + link: https://creativecloud.adobe.com/discover/article/create-videos-that-match-your-branding-identity + - type: YOUTUBE + title: "Como CRIAR IDENTIDADE VISUAL no FILMORA e FORTALECER sua MARCA | Edição de Vídeos" + link: https://www.youtube.com/watch?v=1EY-cM1Ayhg + - type: ARTICLE + title: "Identidade visual para vídeos: elementos essenciais para chamar a atenção nas redes sociais" + link: https://www.trilhafilmes.com/post/identidade-visual-para-v%C3%ADdeos-elementos-essenciais-para-chamar-a-aten%C3%A7%C3%A3o-nas-redes-sociais +alura-contents: + - type: COURSE + title: "Edição de vídeo: editando vídeos com identidade visual" + link: https://cursos.alura.com.br/course/edicao-video-editando-videos-identidade-visual + - type: ARTICLE + title: "5 truques de After Effects para iniciantes" + link: https://www.alura.com.br/artigos/5-truques-de-after-effects-para-iniciantes \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-framer-motion.yaml b/_data/cards/pt_BR/motion-framer-motion.yaml new file mode 100644 index 000000000..c32f93bdc --- /dev/null +++ b/_data/cards/pt_BR/motion-framer-motion.yaml @@ -0,0 +1,20 @@ +name: Framer Motion +logo: +short-description: +key-objectives: + - Implementar animações complexas como páginas deslizantes e transições suaves. + - Integrar o Framer Motion com projetos existentes. + - Compreender as melhores práticas de performance e otimização em animações web. +contents: + - type: SITE + title: "Documentação: Framer Motion (inglês)" + link: https://www.framer.com/motion/ + - type: ARTICLE + title: "Framer Motion + React (Exemplo de Utilização)" + link: https://medium.com/@leonardord99/framer-motion-react-514f39a9d03e + - type: ARTICLE + title: "Galeria De Páginas Deslizantes Animadas Usando Framer-motion E React.js" + link: https://acervolima.com/galeria-de-paginas-deslizantes-animadas-usando-framer-motion-e-react-js/ + - type: YOUTUBE + title: "PedroTech: Animations In React - Framer-Motion Tutorial (inglês)" + link: https://www.youtube.com/watch?v=GOuwOI-WSkE \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-introduction-to-motion-design.yaml b/_data/cards/pt_BR/motion-introduction-to-motion-design.yaml new file mode 100644 index 000000000..78b056c8f --- /dev/null +++ b/_data/cards/pt_BR/motion-introduction-to-motion-design.yaml @@ -0,0 +1,28 @@ +name: Introdução ao Motion Design +logo: +short-description: +key-objectives: + - Compreender os princípios fundamentais do motion design e como aplicá-los em diferentes áreas, como audiovisual e tecnologia. + - Explorar as bases teóricas e os elementos que compõem o motion design. + - Desenvolver habilidades práticas em motion design para criar projetos em diferentes vertentes do Design. +contents: + - type: YOUTUBE + title: "Explicando Motion Design!" + link: https://www.youtube.com/watch?v=v6gHS5lTxWc +alura-contents: + - type: ARTICLE + title: "Os 12 princípios da animação" + link: https://www.alura.com.br/artigos/12-principios-animacao + - type: ARTICLE + title: "Aplicação de vinheta em motion design no audiovisual e tecnologia" + link: https://www.alura.com.br/artigos/vinheta-motion-design-audiovisual-tecnologia + - type: ARTICLE + title: "A importância do motion design na experiência do usuário" + link: https://www.alura.com.br/artigos/importancia-motion-design-experiencia-usuario + - type: COURSE + title: "Design Gráfico: desenvolvendo identidade visual" + link: https://cursos.alura.com.br/course/design-grafico-identidade-visual + - type: COURSE + title: "Design Gráfico: construindo os elementos de uma identidade visual" + link: https://cursos.alura.com.br/course/design-grafico-elementos-identidade-visual + \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-main-techniques.yaml b/_data/cards/pt_BR/motion-main-techniques.yaml new file mode 100644 index 000000000..74b4690b9 --- /dev/null +++ b/_data/cards/pt_BR/motion-main-techniques.yaml @@ -0,0 +1,19 @@ +name: Principais técnicas +logo: +short-description: +key-objectives: + - Compreender quais são as técnicas mais utilizadas pelos profissionais da área de Motion Design. + - Aprender as técnicas e utilizá-las na criação de animações. +contents: + - type: ARTICLE + title: "12 principais técnicas de Motion Graphics" + link: https://newprod.co/motion-graphic/12-top-motion-graphics-techniques/ + - type: ARTICLE + title: "Guia de Motion Graphics: Técnicas e aplicativos" + link: https://motioncue.com/motion-graphics-techniques/ + - type: YOUTUBE + title: 5 técnicas poderosas para elevar o nível de seu Motion Design" + link: https://www.youtube.com/watch?v=xaRzMphWi50 + - type: YOUTUBE + title: "Habilidades intermediárias no Adobe After Effects" + link: https://www.youtube.com/watch?v=isAFI0wpMHI \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-visual-effects.yaml b/_data/cards/pt_BR/motion-visual-effects.yaml new file mode 100644 index 000000000..e0f73e0bf --- /dev/null +++ b/_data/cards/pt_BR/motion-visual-effects.yaml @@ -0,0 +1,21 @@ +name: Visual Effects +logo: +short-description: +key-objectives: + - Dominar os fundamentos de efeitos visuais. + - Desenvolver proficiência em software profissional como o Adobe Premiere Pro. + - Aprender técnicas de composição visual e pipeline de produção de efeitos especiais. +contents: + - type: YOUTUBE + title: "CGI vs VFX vs SFX - Qual é a diferença?" + link: https://www.youtube.com/watch?v=Pok6EN3cfA4 + - type: YOUTUBE + title: "Como uma equipe de 5 pessoas criou os efeitos de um filme vencedor do Oscar" + link: https://www.youtube.com/watch?v=hFFopPPrGiE +alura-contents: + - type: PODCAST + title: "Montando um PC para VFX Layers ponto tech #843D e Motion Design | Layers ponto tech #128" + link: https://cursos.alura.com.br/extra/layerstech/montando-um-pc-para-vfx-layers-ponto-tech-84-a1570 + - type: COURSE + title: "Premiere Pro:como lidar e criar efeitos de vídeo" + link: https://www.alura.com.br/curso-online-premiere-pro-lidar-criar-efeitos-video \ No newline at end of file diff --git a/_data/cards/pt_BR/motion-visual-identity.yaml b/_data/cards/pt_BR/motion-visual-identity.yaml new file mode 100644 index 000000000..626d4b711 --- /dev/null +++ b/_data/cards/pt_BR/motion-visual-identity.yaml @@ -0,0 +1,29 @@ +name: Identidade visual +logo: +short-description: +key-objectives: + - Dominar os princípios fundamentais da Gestalt e sua aplicação no design visual. + - Desenvolver habilidade crítica para análise e justificativa de decisões de design. + - Aplicar conceitos de semiótica na criação de projetos gráficos. + - Criar projetos gráficos fundamentados em princípios sólidos de design. +contents: + - type: ARTICLE + title: "Identidade visual: o que é, qual a importância e como criar uma" + link: https://pm3.com.br/blog/identidade-visual/ + - type: COURSE + title: "Design Gráfico" + link: https://www.eucapacito.com.br/cursos/design-grafico/ +alura-contents: + - type: ARTICLE + title: "Keyvisual: o que é e como ele pode te ajudar a criar um identidade única" + link: https://www.alura.com.br/artigos/keyvisual-o-que-e-como-pode-te-ajudar + - type: COURSE + title: "Design Gráfico: desenvolvendo identidade visual" + link: https://cursos.alura.com.br/course/design-grafico-identidade-visual + - type: COURSE + title: "Design Gráfico: construindo os elementos de uma identidade visual" + link: https://cursos.alura.com.br/course/design-grafico-elementos-identidade-visual + - type: COURSE + title: "Adobe Illustrator: compondo peças gráficas" + link: https://cursos.alura.com.br/course/adobe-illustrator-compondo-pecas-graficas + \ No newline at end of file diff --git a/_data/guides/pt_BR/motion-design.yaml b/_data/guides/pt_BR/motion-design.yaml new file mode 100644 index 000000000..8a24af30f --- /dev/null +++ b/_data/guides/pt_BR/motion-design.yaml @@ -0,0 +1,44 @@ +name: Motion Design +tags: + - design +expertise: + - name: Motion Design Jr + cards: + - design-principles: + priority: 10 + - motion-introduction: + priority: 10 + - basic-after-effects: + priority: 10 + - name: Motion Design Mid + cards: + - main-techniques: + priority: 9 + - 2D-animation: + priority: 9 + - motion-branding: + priority: 9 + - name: Motion Design in depth + cards: + - 3D-animation: + priority: 8 + - visual-effects: + priority: 8 + - framer-motion: + priority: 8 +collaboration: + - name: Fundamentos Ampliados + cards: + - creation-and-composition: + priority: 9 + - digital-product-design: + priority: 9 + - visual-identity: + priority: 9 + - name: Edição Estratégica + - editing-and-pace: + priority: 9 + - editing-with-visual-identity: + priority: 9 + - editing-for-social-media: + priority: 9 \ No newline at end of file From cbeffc32e069c2c720b38e47c43dc64e7aa06f1e Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Tue, 7 Jan 2025 10:10:18 -0300 Subject: [PATCH 08/17] =?UTF-8?q?Corre=C3=A7=C3=A3o=20dos=20espa=C3=A7amen?= =?UTF-8?q?tos?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _data/cards/pt_BR/motion-visual-identity.yaml | 2 +- _data/guides/pt_BR/motion-design.yaml | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/_data/cards/pt_BR/motion-visual-identity.yaml b/_data/cards/pt_BR/motion-visual-identity.yaml index 626d4b711..70580b38c 100644 --- a/_data/cards/pt_BR/motion-visual-identity.yaml +++ b/_data/cards/pt_BR/motion-visual-identity.yaml @@ -14,7 +14,7 @@ contents: title: "Design Gráfico" link: https://www.eucapacito.com.br/cursos/design-grafico/ alura-contents: - - type: ARTICLE + - type: ARTICLE title: "Keyvisual: o que é e como ele pode te ajudar a criar um identidade única" link: https://www.alura.com.br/artigos/keyvisual-o-que-e-como-pode-te-ajudar - type: COURSE diff --git a/_data/guides/pt_BR/motion-design.yaml b/_data/guides/pt_BR/motion-design.yaml index 8a24af30f..dace52980 100644 --- a/_data/guides/pt_BR/motion-design.yaml +++ b/_data/guides/pt_BR/motion-design.yaml @@ -3,7 +3,7 @@ tags: - design expertise: - name: Motion Design Jr - cards: + cards: - design-principles: priority: 10 - motion-introduction: From ab9b15a6e90bbc5facb68fca95032a27a41e12d4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fabr=C3=ADcio=20Carraro?= Date: Tue, 7 Jan 2025 14:31:00 +0100 Subject: [PATCH 09/17] Update motion-design.yaml --- _data/guides/pt_BR/motion-design.yaml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_data/guides/pt_BR/motion-design.yaml b/_data/guides/pt_BR/motion-design.yaml index dace52980..868261f96 100644 --- a/_data/guides/pt_BR/motion-design.yaml +++ b/_data/guides/pt_BR/motion-design.yaml @@ -5,7 +5,7 @@ expertise: - name: Motion Design Jr cards: - design-principles: - priority: 10 + priority: 10 - motion-introduction: priority: 10 - basic-after-effects: @@ -41,4 +41,4 @@ collaboration: - editing-with-visual-identity: priority: 9 - editing-for-social-media: - priority: 9 \ No newline at end of file + priority: 9 From d53d24b12c7b1e724f119134356a9c3a8d48e912 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fabr=C3=ADcio=20Carraro?= Date: Tue, 7 Jan 2025 14:34:41 +0100 Subject: [PATCH 10/17] Update motion-design.yaml --- _data/guides/pt_BR/motion-design.yaml | 1 + 1 file changed, 1 insertion(+) diff --git a/_data/guides/pt_BR/motion-design.yaml b/_data/guides/pt_BR/motion-design.yaml index 868261f96..3f50a8e94 100644 --- a/_data/guides/pt_BR/motion-design.yaml +++ b/_data/guides/pt_BR/motion-design.yaml @@ -36,6 +36,7 @@ collaboration: - visual-identity: priority: 9 - name: Edição Estratégica + cards: - editing-and-pace: priority: 9 - editing-with-visual-identity: From 919c8ee9302a5845e0caaab1db448ab38386a1ed Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Wed, 15 Jan 2025 08:43:19 -0300 Subject: [PATCH 11/17] =?UTF-8?q?Atualiza=C3=A7=C3=A3o=20do=20tech=20guide?= =?UTF-8?q?=20de=20edi=C3=A7=C3=A3o=20de=20v=C3=ADdeo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../pt_BR/advanced-vfx-and-animation.yaml | 3 --- .../pt_BR/editing-with-visual-identity.yaml | 5 +--- ...exploring-digitald-marketing-concepts.yaml | 25 +++++++++++++++++++ _data/cards/pt_BR/motion-design.yaml | 15 ++++++----- _data/cards/pt_BR/story-driven-editing.yaml | 8 +++--- _data/guides/pt_BR/edicao-de-video.yaml | 2 +- 6 files changed, 40 insertions(+), 18 deletions(-) create mode 100644 _data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml diff --git a/_data/cards/pt_BR/advanced-vfx-and-animation.yaml b/_data/cards/pt_BR/advanced-vfx-and-animation.yaml index 367321a34..cfecc0887 100644 --- a/_data/cards/pt_BR/advanced-vfx-and-animation.yaml +++ b/_data/cards/pt_BR/advanced-vfx-and-animation.yaml @@ -22,9 +22,6 @@ alura-contents: - type: COURSE title: "Canva: criando vídeos com motion graphics" link: https://cursos.alura.com.br/course/canva-criando-videos-motion-graphics - - type: COURSE - title: "After Effects e Framer: criando animações para um protótipo navegável" - link: https://cursos.alura.com.br/course/after-effects-framer-animacao-prototipo-navegavel - type: COURSE title: "Premiere Pro: como lidar e criar efeitos de vídeo" link: https://cursos.alura.com.br/course/premiere-pro-lidar-criar-efeitos-video \ No newline at end of file diff --git a/_data/cards/pt_BR/editing-with-visual-identity.yaml b/_data/cards/pt_BR/editing-with-visual-identity.yaml index c84014868..f6367c9e2 100644 --- a/_data/cards/pt_BR/editing-with-visual-identity.yaml +++ b/_data/cards/pt_BR/editing-with-visual-identity.yaml @@ -18,7 +18,4 @@ contents: alura-contents: - type: COURSE title: "Edição de vídeo: editando vídeos com identidade visual" - link: https://cursos.alura.com.br/course/edicao-video-editando-videos-identidade-visual - - type: ARTICLE - title: "5 truques de After Effects para iniciantes" - link: https://www.alura.com.br/artigos/5-truques-de-after-effects-para-iniciantes \ No newline at end of file + link: https://cursos.alura.com.br/course/edicao-video-editando-videos-identidade-visual \ No newline at end of file diff --git a/_data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml b/_data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml new file mode 100644 index 000000000..d9110f8f3 --- /dev/null +++ b/_data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml @@ -0,0 +1,25 @@ +name: Exploring Digital Marketing Concepts +logo: +short-description: +key-objectives: + - Compreender os princípios fundamentais do marketing digital e aplicar esse conhecimento na narrativa de vídeos comerciais. + - Explorar as principais plataformas digitais e ferramentas utilizadas para divulgar negócios na internet, garantindo que os perfis comerciais sejam otimizados e mantenham uma presença profissional. +aditional-objectives: +contents: + - type: ARTICLE + title: "O que é marketing digital?" + - type: ARTICLE + title: "Marketing Digital: saiba o que é, como fazer e estratégias" + link: https://www.rdstation.com/blog/marketing/marketing-digital/ + link: https://www.alura.com.br/artigos/o-que-e-marketing-digital + - type: ARTICLE + title: "O que é PLR no Marketing Digital? Entenda a estratégia" + link: https://pm3.com.br/blog/o-que-e-plr-no-marketing-digital/ + - type: YOUTUBE + title: "O que é Marketing Digital?" + link: https://www.youtube.com/watch?v=auScm23M9AQ&ab_channel=Alura + - type: COURSE + title: "Marketing Digital: explorando os conceitos" + link: https://www.alura.com.br/curso-online-marketing-digital-explorando-conceitos + + diff --git a/_data/cards/pt_BR/motion-design.yaml b/_data/cards/pt_BR/motion-design.yaml index bf7900c9a..d6b13a962 100644 --- a/_data/cards/pt_BR/motion-design.yaml +++ b/_data/cards/pt_BR/motion-design.yaml @@ -3,8 +3,8 @@ logo: short-description: key-objectives: - Dominar as ferramentas e técnicas para criar animações e incorporar movimento nas peças gráficas, tornando o conteúdo mais dinâmico e atraente para mídias sociais. - - Aprender a combinar comunicação visual com design em movimento de forma coerente, garantindo que as animações reforcem a mensagem e captem a atenção do público. - - Entender como equilibrar e destacar informações em uma imagem em movimento, utilizando princípios de design para guiar a atenção do espectador de maneira eficaz. + - Aprender a combinar comunicação visual com Motion Design de forma coerente, garantindo que as animações reforcem a mensagem e captem a atenção do público. + - Entender como equilibrar e destacar informações em uma animação, utilizando princípios de design para guiar a atenção do espectador de maneira eficaz. - Conhecer os diferentes formatos de vídeos e animações ideais para mídias sociais, garantindo que o conteúdo esteja otimizado para cada plataforma e seu respectivo público-alvo. contents: - type: ARTICLE @@ -17,9 +17,12 @@ alura-contents: - type: COURSE title: "Mídias sociais: design em movimento com o Canva" link: https://cursos.alura.com.br/course/midias-sociais-design-movimento-canva - - type: ARTICLE - title: "A importância do motion design na experiência do usuário" - link: https://www.alura.com.br/artigos/importancia-motion-design-experiencia-usuario - type: ARTICLE title: "5 melhores práticas de design para mídias sociais" - link: https://www.alura.com.br/artigos/5-melhores-praticas-design-midias-sociais \ No newline at end of file + link: https://www.alura.com.br/artigos/5-melhores-praticas-design-midias-sociais + - type: ARTICLE + title: "5 truques de After Effects para iniciantes" + link: https://www.alura.com.br/artigos/5-truques-de-after-effects-para-iniciantes + - type: COURSE + title: "After effects: anime personagens com Duik" + link: https://cursos.alura.com.br/course/after-effects-anime-personagens-duik \ No newline at end of file diff --git a/_data/cards/pt_BR/story-driven-editing.yaml b/_data/cards/pt_BR/story-driven-editing.yaml index 35889b110..0b0d073ae 100644 --- a/_data/cards/pt_BR/story-driven-editing.yaml +++ b/_data/cards/pt_BR/story-driven-editing.yaml @@ -19,12 +19,12 @@ alura-contents: - type: COURSE title: "Storytelling: visão de negócios e desenvolvimento pessoal" link: https://cursos.alura.com.br/course/storytelling-negocios-desenvolvimento-pessoal - - type: COURSE - title: "After effects: anime personagens com Duik" - link: https://cursos.alura.com.br/course/after-effects-anime-personagens-duik - type: ARTICLE title: "Como inovar em suas videoaulas com 3 boas práticas de narração inclusiva" link: https://www.alura.com.br/artigos/narracao-inclusiva-3-boas-praticas-videoaulas - type: ARTICLE title: "Destaque-se com storytelling" - link: https://www.alura.com.br/artigos/destaque-se-com-storytelling \ No newline at end of file + link: https://www.alura.com.br/artigos/destaque-se-com-storytelling + - type: COURSE + title: "Edição de vídeo: criando um vídeo institucional" + link: https://www.alura.com.br/curso-online-edicao-video-criando-video-institucional \ No newline at end of file diff --git a/_data/guides/pt_BR/edicao-de-video.yaml b/_data/guides/pt_BR/edicao-de-video.yaml index 567fa663b..8cee5707c 100644 --- a/_data/guides/pt_BR/edicao-de-video.yaml +++ b/_data/guides/pt_BR/edicao-de-video.yaml @@ -27,7 +27,7 @@ expertise: - data-driven-video-editing: priority: 8 collaboration: - - name: Motion Design and Devlopment + - name: Motion Design cards: - motion-design: priority: 9 From 6a8597927be1fb732714f2a945c7092b5163eb9f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fabr=C3=ADcio=20Carraro?= Date: Wed, 15 Jan 2025 14:05:44 +0100 Subject: [PATCH 12/17] Update exploring-digitald-marketing-concepts.yaml --- .../pt_BR/exploring-digitald-marketing-concepts.yaml | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/_data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml b/_data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml index d9110f8f3..6e0c8806e 100644 --- a/_data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml +++ b/_data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml @@ -8,13 +8,15 @@ aditional-objectives: contents: - type: ARTICLE title: "O que é marketing digital?" - - type: ARTICLE - title: "Marketing Digital: saiba o que é, como fazer e estratégias" link: https://www.rdstation.com/blog/marketing/marketing-digital/ - link: https://www.alura.com.br/artigos/o-que-e-marketing-digital - type: ARTICLE title: "O que é PLR no Marketing Digital? Entenda a estratégia" link: https://pm3.com.br/blog/o-que-e-plr-no-marketing-digital/ +alura-contents: + - type: ARTICLE + title: "Marketing Digital: saiba o que é, como fazer e estratégias" + link: https://www.rdstation.com/blog/marketing/marketing-digital/ + link: https://www.alura.com.br/artigos/o-que-e-marketing-digital - type: YOUTUBE title: "O que é Marketing Digital?" link: https://www.youtube.com/watch?v=auScm23M9AQ&ab_channel=Alura @@ -22,4 +24,3 @@ contents: title: "Marketing Digital: explorando os conceitos" link: https://www.alura.com.br/curso-online-marketing-digital-explorando-conceitos - From 065f752c254a39587ee8ddc35248d10a7bd90a8a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fabr=C3=ADcio=20Carraro?= Date: Wed, 15 Jan 2025 14:06:54 +0100 Subject: [PATCH 13/17] Delete _data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml --- ...exploring-digitald-marketing-concepts.yaml | 26 ------------------- 1 file changed, 26 deletions(-) delete mode 100644 _data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml diff --git a/_data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml b/_data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml deleted file mode 100644 index 6e0c8806e..000000000 --- a/_data/cards/pt_BR/exploring-digitald-marketing-concepts.yaml +++ /dev/null @@ -1,26 +0,0 @@ -name: Exploring Digital Marketing Concepts -logo: -short-description: -key-objectives: - - Compreender os princípios fundamentais do marketing digital e aplicar esse conhecimento na narrativa de vídeos comerciais. - - Explorar as principais plataformas digitais e ferramentas utilizadas para divulgar negócios na internet, garantindo que os perfis comerciais sejam otimizados e mantenham uma presença profissional. -aditional-objectives: -contents: - - type: ARTICLE - title: "O que é marketing digital?" - link: https://www.rdstation.com/blog/marketing/marketing-digital/ - - type: ARTICLE - title: "O que é PLR no Marketing Digital? Entenda a estratégia" - link: https://pm3.com.br/blog/o-que-e-plr-no-marketing-digital/ -alura-contents: - - type: ARTICLE - title: "Marketing Digital: saiba o que é, como fazer e estratégias" - link: https://www.rdstation.com/blog/marketing/marketing-digital/ - link: https://www.alura.com.br/artigos/o-que-e-marketing-digital - - type: YOUTUBE - title: "O que é Marketing Digital?" - link: https://www.youtube.com/watch?v=auScm23M9AQ&ab_channel=Alura - - type: COURSE - title: "Marketing Digital: explorando os conceitos" - link: https://www.alura.com.br/curso-online-marketing-digital-explorando-conceitos - From 4efc1572abd6fd6f3dc8b0d5c539c805b3a4d1a9 Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Fri, 7 Feb 2025 15:42:12 -0300 Subject: [PATCH 14/17] =?UTF-8?q?Atualiza=C3=A7=C3=B5es=20nos=20techguides?= =?UTF-8?q?=20de=20UX=20e=20UI?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _data/cards/pt_BR/design-tools-part-ii.yaml | 6 +--- _data/cards/pt_BR/design-tools-part-iii.yaml | 10 ++---- _data/cards/pt_BR/design-tools.yaml | 9 ++--- _data/cards/pt_BR/in-depth-UI.yaml | 36 -------------------- _data/guides/pt_BR/ui-design.yaml | 5 --- 5 files changed, 6 insertions(+), 60 deletions(-) delete mode 100644 _data/cards/pt_BR/in-depth-UI.yaml diff --git a/_data/cards/pt_BR/design-tools-part-ii.yaml b/_data/cards/pt_BR/design-tools-part-ii.yaml index 5b2ee4864..5417df00b 100644 --- a/_data/cards/pt_BR/design-tools-part-ii.yaml +++ b/_data/cards/pt_BR/design-tools-part-ii.yaml @@ -1,9 +1,8 @@ -name: Ferramentas de design (Figma e Sketch) parte II +name: Ferramentas de design - Parte II logo: short-description: key-objectives: - Apesar de as ferramentas fundamentais serem praticamente autosuficientes para criar produtos digitais completos, o Figma possui recursos que permitem melhorar nossas interfaces, e até mesmo automatizar diversos processos para construir produtos em diversos dispositivos diferentes. - - Estando em sintonia com o Sketch, entendendo suas funções básicas e comportamentos, é hora de evoluir na construção do design de interface, embarcando cada vez mais em metodologias, técnicas e padrões de construção, que tornam melhor a usabilidade do produto, convertendo em experiências positivas. contents: - type: ARTICLE title: "Using auto layout" @@ -24,9 +23,6 @@ alura-contents: - type: COURSE title: "Figma: componentes, auto layout e máscaras" link: https://cursos.alura.com.br/course/figma-componentes-auto-layout-mascaras - - type: COURSE - title: "Sketch: incrementando e melhorando a UI" - link: https://cursos.alura.com.br/course/sketch-incrementando-melhorando-ui - type: COURSE title: "UI Design: melhorando a experiência de um app com UI Patterns" link: https://cursos.alura.com.br/course/ui-design-experiencia-app-ui-patterns diff --git a/_data/cards/pt_BR/design-tools-part-iii.yaml b/_data/cards/pt_BR/design-tools-part-iii.yaml index 8630e5196..28c8be30f 100644 --- a/_data/cards/pt_BR/design-tools-part-iii.yaml +++ b/_data/cards/pt_BR/design-tools-part-iii.yaml @@ -1,13 +1,10 @@ -name: Ferramentas de design (Figma e Sketch) parte III +name: Ferramentas de design - Parte III logo: short-description: key-objectives: - Sabemos que a interface que criamos no Figma não é o produto verdadeiro, já que se trata apenas de um protótipo que projetamos, e que mais para frente virá a se tornar desenvolvido, mas até lá, é precisamos criar uma forma de apresentar o produto para os clientes e usuários, com finalidade de validar tudo o que fizemos até então. - Entenda o que é o Dark Mode - Aprenda a construir interfaces em Dark Mode - - Aprenda a criar uma biblioteca no Sketch - - Saiba utilizar ferramentas específicas do Sketch - - Realize a construção de gráficos para dashboards - Entenda o que são interfaces flutuantes contents: - type: ARTICLE @@ -25,7 +22,4 @@ alura-contents: link: https://www.alura.com.br/artigos/prototipagem-condicionais-figma - type: COURSE title: "Figma: prototipagem interativa e animações" - link: https://cursos.alura.com.br/course/figma-prototipagem-interativa-animacoes - - type: COURSE - title: "Sketch: aprimore sua interface com dark mode" - link: https://cursos.alura.com.br/course/sketch-aprimore-interface-dark-mode + link: https://cursos.alura.com.br/course/figma-prototipagem-interativa-animacoes \ No newline at end of file diff --git a/_data/cards/pt_BR/design-tools.yaml b/_data/cards/pt_BR/design-tools.yaml index d37336f20..e1ca2c3ff 100644 --- a/_data/cards/pt_BR/design-tools.yaml +++ b/_data/cards/pt_BR/design-tools.yaml @@ -1,8 +1,8 @@ -name: Ferramentas de design (Figma e Sketch) +name: Ferramentas de design logo: short-description: key-objectives: - - O Figma é uma das ferramentas de design mais inovadoras e colaborativas disponíveis. Essa plataforma é a mais utilizada no mundo, por empresas, designers e desenvolvedores, e que vem revolucionando a forma como times de produtos trabalham juntos. O Sketch é um app similar ao Figma, que roda tanto na web quando no iOS. + - O Figma é uma das ferramentas de design mais inovadoras e colaborativas disponíveis. Essa plataforma é a mais utilizada no mundo, por empresas, designers e desenvolvedores, e que vem revolucionando a forma como times de produtos trabalham juntos. contents: - type: ARTICLE title: "Quem pode utilizar o Figma" @@ -25,7 +25,4 @@ alura-contents: link: https://www.alura.com.br/curso-online-figma-conhecendo-ferramenta - type: ARTICLE title: "Variáveis no Figma" - link: https://www.alura.com.br/artigos/variaveis-figma - - type: COURSE - title: "Sketch: design visual de um website" - link: https://www.alura.com.br/curso-online-sketch-design-visual-website + link: https://www.alura.com.br/artigos/variaveis-figma \ No newline at end of file diff --git a/_data/cards/pt_BR/in-depth-UI.yaml b/_data/cards/pt_BR/in-depth-UI.yaml deleted file mode 100644 index 68f7386a9..000000000 --- a/_data/cards/pt_BR/in-depth-UI.yaml +++ /dev/null @@ -1,36 +0,0 @@ -name: UI em profundidade -logo: -short-description: -key-objectives: - - Uma interface é como o corpo humano - por fora, temos o visual, mas por dentro, temos diversos organismos que executam funções diferentes, mas que unidos, compoem a estrutura dos nossos corpos. - - Assim, com a nossa estrutura do produto construída, diversos insights já levantados, e muitos processos executados, podemos começar a construção do que chamamos de "protótipo em alta fidelidade", que se trata do produto final com o qual seu cliente e as pessoas usuárias irão interagir. - - Conheça os UI Patterns, que se tratam de comportamentos ideais para todo tipo de cenário, um conteúdo extremamente importante para qualquer um que queira criar produtos digitais. -contents: - - type: ARTICLE - title: "Design Handoff: como construir a comunicação entre designer e desenvolvedor?" - link: https://medium.com/sidi-design/design-handoff-como-construir-a-comunica%C3%A7%C3%A3o-entre-designer-e-desenvolvedor-a523bdd3b7bb - - type: ARTICLE - title: "Testando a Usabilidade de Novos Componentes de um Design System" - link: https://medium.com/@alexcerqueirabr/testando-a-usabilidade-de-novos-componentes-de-um-design-system-94611cbfc108 - - type: YOUTUBE - title: "Plugin do Figma para Hand-off: Redlines | Dicas de Figma" - link: https://www.youtube.com/watch?v=GDC0l-f1OaY&ab_channel=ChiefofDesign -alura-contents: - - type: ARTICLE - title: "Como testar a sua interface digital" - link: https://www.alura.com.br/artigos/como-testar-sua-interface-digital - - type: PODCAST - title: "O teste de usabilidade" - link: https://www.layerspontotech.com.br/2022/11/07/o-teste-de-usabilidade-layers-ponto-tech-105/ - - type: SITE - title: "APÊNDICE - TESTES DE USABILIDADE" - link: https://www.alura.com.br/apostila-ux-usabilidade-mobile-web/usabilidade - - type: COURSE - title: "UI Design: construindo o produto final" - link: https://cursos.alura.com.br/course/ui-design-construindo-produto-final - - type: COURSE - title: "UI Design: melhorando a experiência de um app com UI Patterns" - link: https://cursos.alura.com.br/course/ui-design-experiencia-app-ui-patterns - - type: COURSE - title: "UI Design: teste de usabilidade" - link: https://cursos.alura.com.br/course/ui-design-teste-usabilidade diff --git a/_data/guides/pt_BR/ui-design.yaml b/_data/guides/pt_BR/ui-design.yaml index 7799ef61c..cbcf021e5 100644 --- a/_data/guides/pt_BR/ui-design.yaml +++ b/_data/guides/pt_BR/ui-design.yaml @@ -22,8 +22,6 @@ expertise: priority: 8 - name: UI design in depth cards: - - in-depth-ui: - priority: 8 - ui-product: priority: 8 - design-tools-part-iii: @@ -47,7 +45,4 @@ collaboration: priority: 10 - javascript-fundamentals: priority: 7 - - flutter-fundamentals: - priority: 5 - optional: true video: From 862a999ad2a5efbdab51ecf833a2aae466de347c Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Wed, 19 Mar 2025 08:46:04 -0300 Subject: [PATCH 15/17] Tech Guide de Product design --- .../pt_BR/deep-dive-ux-research.yaml.yaml | 29 +++++++++++ .../pt_BR/digital-product-management.yaml | 4 +- _data/cards/pt_BR/diving-in-ux-research.yaml | 10 +--- _data/cards/pt_BR/figma.yaml | 46 ++++++++++++++++ _data/cards/pt_BR/pd-user-interface.yaml | 34 ++++++++++++ _data/guides/pt_BR/product-design.yaml | 52 +++++++++++++++++++ 6 files changed, 165 insertions(+), 10 deletions(-) create mode 100644 _data/cards/pt_BR/deep-dive-ux-research.yaml.yaml create mode 100644 _data/cards/pt_BR/figma.yaml create mode 100644 _data/cards/pt_BR/pd-user-interface.yaml create mode 100644 _data/guides/pt_BR/product-design.yaml diff --git a/_data/cards/pt_BR/deep-dive-ux-research.yaml.yaml b/_data/cards/pt_BR/deep-dive-ux-research.yaml.yaml new file mode 100644 index 000000000..30b1e04bd --- /dev/null +++ b/_data/cards/pt_BR/deep-dive-ux-research.yaml.yaml @@ -0,0 +1,29 @@ +name: Pesquisas, testes e validações +logo: +short-description: +key-objectives: + - A construção de artefatos para fortaceler os dados e informações são de extrema importância no processo de pesquisa como um todo. Vale ressaltar que no momento de desenvolvimento ideias e telas, também realizamos pesquisas, mas dessa vez voltadas para o produto e não apenas para a pessoa usuária. vamos dar um passo em direção a solução e conhecer de forma rápida quais artefatos podem nos ajudar a melhorar a experiência do produto e conhecer técnicas que auxiliam no desenvolvimento de telas como card sorting e Tree Testing. + - Vamos conhecer também as etapas que validam nossas criações, é o momento de colocar o produto na mão da pessoa usuária e fazer os testes de usabilidade, afinal projetamos o produto digital para ela! Aprenderemos a coletar feedbacks e avaliar se a interface criada realmente tem usabilidade ou não. +contents: + - type: ARTICLE + title: "7 melhores ferramentas e softwares de repositório de pesquisa UX para 2024" + link: https://tldv.io/pt-br/blog/best-ux-research-repository-tools/ + - type: ARTICLE + title: "3 maneiras rápidas e eficientes de testar a usabilidade do seu produto" + link: https://brasil.uxdesign.cc/3-maneiras-r%C3%A1pidas-e-eficientes-de-testar-a-usabilidade-do-seu-produto-parte-i-22251c187eb2 + - type: ARTICLE + title: "Em terra de plataformas o usuário é rei: como testar e validar seu conteúdo" + link: https://brasil.uxdesign.cc/em-terra-de-plataformas-o-usu%C3%A1rio-%C3%A9-rei-como-testar-e-validar-seu-conte%C3%BAdo-fef3c7e39cea +alura-contents: + - type: ARTICLE + title: "UX Research: Como fazer testes remotos?" + link: https://www.alura.com.br/artigos/como-fazer-testes-remotos + - type: COURSE + title: "UX Research: imersão em artefatos de pesquisas quantitativas" + link: https://cursos.alura.com.br/course/ux-research-imersao-artefatos-pesquisas-quantitativas + - type: COURSE + title: "UX Research: trazendo a acessibilidade para projetos digitais" + link: https://cursos.alura.com.br/course/ux-research-trazendo-acessibilidade-projetos-digitais + - type: COURSE + title: "UX Research: avaliando interfaces com heurísticas" + link: https://cursos.alura.com.br/course/ux-research-interfaces-heuristicas \ No newline at end of file diff --git a/_data/cards/pt_BR/digital-product-management.yaml b/_data/cards/pt_BR/digital-product-management.yaml index 95fca6693..255a81888 100644 --- a/_data/cards/pt_BR/digital-product-management.yaml +++ b/_data/cards/pt_BR/digital-product-management.yaml @@ -22,8 +22,8 @@ contents: - type: ARTICLE title: "Gestão de Produtos como você nunca viu" link: https://www.casadocodigo.com.br/products/livro-mulheres-de-produto - - type: ARTICLE - title: "PÓS TECH DIGITAL PRODUCT MANAGEMENT" + - type: SITE + title: "FIAP - Pós Tech em Digital Product Management" link: https://postech.fiap.com.br/curso/digital-product-management/ alura-contents: - type: COURSE diff --git a/_data/cards/pt_BR/diving-in-ux-research.yaml b/_data/cards/pt_BR/diving-in-ux-research.yaml index 1bfe7bce0..295576e3a 100644 --- a/_data/cards/pt_BR/diving-in-ux-research.yaml +++ b/_data/cards/pt_BR/diving-in-ux-research.yaml @@ -1,4 +1,4 @@ -name: Definição do problema - UX Research +name: Definição do problema logo: short-description: key-objectives: @@ -14,15 +14,9 @@ contents: title: "UX Baseado em Fatos: Benchmarking" link: https://brasil.uxdesign.cc/ux-baseado-em-fatos-benchmarking-29d205dbf606 alura-contents: - - type: PODCAST - title: "Prototipação" - link: https://www.layerspontotech.com.br/2022/05/23/prototipacao-layers-ponto-tech-81/ - - type: PODCAST - title: "Afinal, o que é CX?" - link: https://cursos.alura.com.br/extra/layerstech/afinal-o-que-e-cx-layers-ponto-tech-51-a1208 - type: COURSE title: "UX Research: mapeando a experiência da pessoa usuária" link: https://cursos.alura.com.br/course/ux-research-mapeando-experiencia-usuaria - type: COURSE title: "UX Research: construindo o Benchmarking estratégico" - link: https://cursos.alura.com.br/course/ux-research-benchmarking-estrategico + link: https://cursos.alura.com.br/course/ux-research-benchmarking-estrategico \ No newline at end of file diff --git a/_data/cards/pt_BR/figma.yaml b/_data/cards/pt_BR/figma.yaml new file mode 100644 index 000000000..d9ea4bcb8 --- /dev/null +++ b/_data/cards/pt_BR/figma.yaml @@ -0,0 +1,46 @@ +name: Figma +logo: +short-description: +key-objectives: + - O Figma é uma das ferramentas de design mais inovadoras e colaborativas disponíveis. Essa plataforma é a mais utilizada no mundo, por empresas, designers e desenvolvedores, e que vem revolucionando a forma como times de produtos trabalham juntos. +contents: + - type: ARTICLE + title: "Quem pode utilizar o Figma" + link: https://mppagano.medium.com/quem-pode-utilizar-o-figma-e8525b84c1ad + - type: ARTICLE + title: "O Figma e a próxima geração de ferramentas de Design" + link: https://brasil.uxdesign.cc/o-figma-e-a-pr%C3%B3xima-gera%C3%A7%C3%A3o-de-ferramentas-de-design-ab1682d2a2dd + - type: ARTICLE + title: "Como A Comunidade Figma Está Transformando O Cenário De Design No Brasil" + link: https://awari.com.br/como-a-comunidade-figma-esta-transformando-o-cenario-de-design-no-brasil/?utm_source=blog&utm_campaign=projeto+blog&utm_medium=Como%20A%20Comunidade%20Figma%20Est%C3%A1%20Transformando%20O%20Cen%C3%A1rio%20De%20Design%20No%20Brasil +alura-contents: + - type: ARTICLE + title: "Figma: o que é a ferramenta, Design e uso" + link: https://www.alura.com.br/artigos/figma + - type: PODCAST + title: "TechGuide: Figma" + link: https://cursos.alura.com.br/extra/hipsterstech/techguide-figma-hipsters-ponto-tech-357-a2274 + - type: COURSE + title: "Figma: conhecendo a ferramenta" + link: https://www.alura.com.br/curso-online-figma-conhecendo-ferramenta + - type: COURSE + title: "Figma: criando e evoluindo componentes de uma interface" + link: https://cursos.alura.com.br/course/figma-criando-evoluindo-componentes-interface + - type: COURSE + title: "Figma: criando protótipos interativos" + link: https://cursos.alura.com.br/course/figma-criando-prototipos-interativos + - type: COURSE + title: "Figma AI: integrando inteligência artificial no design de interfaces" + link: https://cursos.alura.com.br/course/figma-ai-integrando-inteligencia-artificial-design-interfaces + - type: ARTICLE + title: "Variáveis no Figma" + link: https://www.alura.com.br/artigos/variaveis-figma + - type: ARTICLE + title: "Componentes no Figma" + link: https://www.alura.com.br/artigos/componentes-figma + - type: ARTICLE + title: "Auto layout no Figma" + link: https://www.alura.com.br/artigos/auto-layout-figma + - type: ARTICLE + title: "Prototipagem com condicionais no Figma" + link: https://www.alura.com.br/artigos/prototipagem-condicionais-figma \ No newline at end of file diff --git a/_data/cards/pt_BR/pd-user-interface.yaml b/_data/cards/pt_BR/pd-user-interface.yaml new file mode 100644 index 000000000..85621d488 --- /dev/null +++ b/_data/cards/pt_BR/pd-user-interface.yaml @@ -0,0 +1,34 @@ +name: Fundamentos do UI +logo: +short-description: +key-objectives: + - O ponto de partida ideal para começarmos a desbravar a área de User Interface Design é entendendo perfeitamente o que ela é, como é representada, como outros profissionais a enxergam, e claro, sua relevância para a construção de um produto. +contents: + - type: ARTICLE + title: "Design Handoff: como construir a comunicação entre designer e desenvolvedor?" + link: https://medium.com/sidi-design/design-handoff-como-construir-a-comunica%C3%A7%C3%A3o-entre-designer-e-desenvolvedor-a523bdd3b7bb + - type: ARTICLE + title: "Testando a Usabilidade de Novos Componentes de um Design System" + link: https://medium.com/@alexcerqueirabr/testando-a-usabilidade-de-novos-componentes-de-um-design-system-94611cbfc108 + - type: ARTICLE + title: "Análise heurística: como fazer e os benefícios para o projeto" + link: https://brasil.uxdesign.cc/an%C3%A1lise-heur%C3%ADstica-o-que-%C3%A9-como-fazer-e-os-benef%C3%ADcios-para-o-projeto-161f3d94436b +alura-contents: + - type: ARTICLE + title: "UI Design: o que é, UX vs UI e um Guia da profissão de UI Designer" + link: https://www.alura.com.br/artigos/ui-design + - type: COURSE + title: "UI Design: mergulhando nas interfaces digitais" + link: https://cursos.alura.com.br/course/ui-design-mergulhando-interfaces-digitais + - type: COURSE + title: "UI Design: criando o design de um protótipo" + link: https://cursos.alura.com.br/course/ui-design-criando-design-prototipo + - type: COURSE + title: "UI Design: construindo o produto final" + link: https://cursos.alura.com.br/course/ui-design-construindo-produto-final + - type: ARTICLE + title: "10 Heurísticas de Usabilidade para User Interface" + link: https://www.alura.com.br/artigos/10-heuristicas-usabilidade-para-user-interface + - type: ARTICLE + title: "Regra 60-30-10 em UI Design" + link: https://www.alura.com.br/artigos/regra-60-30-10-ui-design \ No newline at end of file diff --git a/_data/guides/pt_BR/product-design.yaml b/_data/guides/pt_BR/product-design.yaml new file mode 100644 index 000000000..b9d282203 --- /dev/null +++ b/_data/guides/pt_BR/product-design.yaml @@ -0,0 +1,52 @@ +name: Product Design +tags: + - design +expertise: + - name: UX Design + cards: + - first-contact-with-ux: + priority: 10 + - starting-ux-strategy: + priority: 9 + - ux-interaction-strategy-and-design: + priority: 9 + - design-thinking: + priority: 10 + - name: UI Design + cards: + - user-interface: + priority: 10 + - visual-design-principles: + priority: 9 + - figma: + priority: 10 + - design-system: + priority: 9 + - name: UX Research + cards: + - starting-ux-research: + priority: 10 + - diving-in-ux-research: + priority: 9 + - deep-dive-ux-research: + priority: 9 +collaboration: + - name: Front-end + cards: + - html-fundamentals: + priority: 10 + - css-fundamentals: + priority: 10 + - javascript-fundamentals: + priority: 7 + - name: Gestão e negócios + cards: + - product-management-fundamentals: + priority: 10 + - roadmap: + priority: 9 + - Strategic-Management-and-Decision-Making: + priority: 9 + - agile-culture: + priority: 9 +video: \ No newline at end of file From 464dfcdd84271d0fa632421e795483f95b9831e1 Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Mon, 24 Mar 2025 07:59:01 -0300 Subject: [PATCH 16/17] Product design guide update --- _data/cards/pt_BR/acessibilidade-ux.yaml | 30 ++++++++++++++ .../pt_BR/data-driven-coleta-analise.yaml | 27 +++++++++++++ .../pt_BR/data-driven-interpretando.yaml | 30 ++++++++++++++ _data/cards/pt_BR/design-system.yaml | 10 ++++- _data/cards/pt_BR/pd-user-interface.yaml | 2 +- _data/cards/pt_BR/product-design.yaml | 28 +++++++++++++ _data/cards/pt_BR/product-management.yaml | 40 +++++++++++++++++++ _data/cards/pt_BR/starting-ux-research.yaml | 4 +- _data/cards/pt_BR/ux-lead.yaml | 28 +++++++++++++ _data/guides/pt_BR/product-design.yaml | 36 +++++++++-------- 10 files changed, 214 insertions(+), 21 deletions(-) create mode 100644 _data/cards/pt_BR/acessibilidade-ux.yaml create mode 100644 _data/cards/pt_BR/data-driven-coleta-analise.yaml create mode 100644 _data/cards/pt_BR/data-driven-interpretando.yaml create mode 100644 _data/cards/pt_BR/product-design.yaml create mode 100644 _data/cards/pt_BR/product-management.yaml create mode 100644 _data/cards/pt_BR/ux-lead.yaml diff --git a/_data/cards/pt_BR/acessibilidade-ux.yaml b/_data/cards/pt_BR/acessibilidade-ux.yaml new file mode 100644 index 000000000..656be6a89 --- /dev/null +++ b/_data/cards/pt_BR/acessibilidade-ux.yaml @@ -0,0 +1,30 @@ +name: Acessibilidade em UX +logo: +short-description: +key-objectives: + - A acessibilidade garante que produtos digitais sejam inclusivos e utilizáveis por todas as pessoas, independentemente de limitações físicas, cognitivas ou sensoriais. Ao adotar boas práticas e diretrizes, criamos experiências mais equitativas e eficientes para todos. + - type: ARTICLE + title: "Web Content Accessibility Guidelines (WCAG) 2.1" + link: https://www.w3.org/TR/WCAG21/ + - type: ARTICLE + title: "Casa do Código: Acessibilidade na Web" + link: https://www.casadocodigo.com.br/products/livro-acessibilidade + - type: ARTICLE + title: "Como analisar dados de pesquisas e conhecer seus clientes (sem dores de cabeça)" + link: https://www.hotjar.com/pt-BR/blog/analise-de-dados-de-pesquisa/ +alura-contents: + - type: ARTICLE + title: "https://www.alura.com.br/artigos/acessibilidade-tecnologias-assistivas" + link: O que são acessibilidade e tecnologias assistivas + - type: COURSE + title: "Acessibilidade em UX: desvendando a WCAG" + link: https://cursos.alura.com.br/course/acessibilidade-ux-desvendando-wcag + - type: COURSE + title: "Acessibilidade em UX: realizando pesquisas inclusivas" + link: https://cursos.alura.com.br/course/acessibilidade-ux-realizando-pesquisas-inclusivas + - type: COURSE + title: "Acessibilidade em UX: tornando interfaces acessíveis" + link: https://cursos.alura.com.br/course/acessibilidade-ux-tornando-interfaces-acessiveis + - type: COURSE + title: "Handoff de acessibilidade: documentando comportamentos acessíveis" + link: https://cursos.alura.com.br/course/handoff-acessibilidade-documentando-comportamentos-acessiveis \ No newline at end of file diff --git a/_data/cards/pt_BR/data-driven-coleta-analise.yaml b/_data/cards/pt_BR/data-driven-coleta-analise.yaml new file mode 100644 index 000000000..7d69ac6c8 --- /dev/null +++ b/_data/cards/pt_BR/data-driven-coleta-analise.yaml @@ -0,0 +1,27 @@ +name: Coletando dados de um produto +logo: +short-description: +key-objectives: + - Para criar experiências mais eficientes e alinhadas às necessidades dos usuários, é importante realizar a análise de dados como base para decisões estratégicas. Ao interpretar métricas de uso, feedbacks e comportamentos, conseguimos identificar padrões, validar hipóteses e aprimorar continuamente o produto, garantindo que ele evolua de forma objetiva e orientada por evidências. + - type: ARTICLE + title: "Como usar mapas de calor para melhorar a UX do seu site" + link: https://www.hotjar.com/pt-BR/blog/mapa-de-calor-ux/ + - type: ARTICLE + title: "Coleta de dados: o que é, importância, métodos e ferramentas" + link: https://pm3.com.br/blog/coleta-de-dados/ + - type: ARTICLE + title: "Como analisar dados de pesquisas e conhecer seus clientes (sem dores de cabeça)" + link: https://www.hotjar.com/pt-BR/blog/analise-de-dados-de-pesquisa/ +alura-contents: + - type: ARTICLE + title: "O que é uma cultura Data Driven e qual é a sua importância" + link: https://www.alura.com.br/artigos/data-driven + - type: COURSE + title: "UX Design: coletando dados para o meu produto" + link: https://cursos.alura.com.br/course/ux-design-coletando-dados-produto + - type: COURSE + title: "UX Design: coletando e analisando dados com Hotjar" + link: https://cursos.alura.com.br/course/ux-design-coletando-analisando-dados-hotjar + - type: COURSE + title: "UX Design: coletando e analisando dados com Google Analytics 4" + link: https://cursos.alura.com.br/course/ux-design-coletando-analisando-dados-google-analytics-4 \ No newline at end of file diff --git a/_data/cards/pt_BR/data-driven-interpretando.yaml b/_data/cards/pt_BR/data-driven-interpretando.yaml new file mode 100644 index 000000000..66a4240bc --- /dev/null +++ b/_data/cards/pt_BR/data-driven-interpretando.yaml @@ -0,0 +1,30 @@ +name: Interpretando dados +logo: +short-description: +key-objectives: + - Interpretar dados é essencial para entender o comportamento dos usuários e tomar decisões embasadas. Ao analisar métricas, padrões e feedbacks, é possível otimizar a experiência do produto de forma estratégica e eficiente. + - type: ARTICLE + title: "Storytelling no trabalho de UX: guia de estudo" + link: https://www.nngroup.com/articles/storytelling-study-guide/ + - type: VIDEO + title: "STORYTELLING e UX Design no POWER BI" + link: https://www.youtube.com/watch?v=2uuPpzAsGJM +alura-contents: + - type: ARTICLE + title: "O que é uma cultura Data Driven e qual é a sua importância" + link: https://www.alura.com.br/artigos/data-driven + - type: COURSE + title: "UX Design: construindo dados com tabelas" + link: https://cursos.alura.com.br/course/ux-design-construindo-dados-tabelas + - type: COURSE + title: "UX Design: construindo dashboard com Power BI" + link: https://cursos.alura.com.br/course/ux-design-construindo-dashboard-power-bi + - type: COURSE + title: "UX Design: criando um storytelling com dados" + link: https://cursos.alura.com.br/course/ux-design-criando-storytelling-dados + - type: ARTICLE + title: "Como desenvolver storytelling através de dados" + link: https://www.alura.com.br/artigos/storytelling-atraves-de-dados + - type: ARTICLE + title: "Storytelling com dados: transforme seus dados em narrativas envolventes" + link: https://www.alura.com.br/artigos/storytelling-com-dados \ No newline at end of file diff --git a/_data/cards/pt_BR/design-system.yaml b/_data/cards/pt_BR/design-system.yaml index c87f53f99..598064ea6 100644 --- a/_data/cards/pt_BR/design-system.yaml +++ b/_data/cards/pt_BR/design-system.yaml @@ -43,8 +43,14 @@ alura-contents: title: "Layers.tech: Design System – Layers ponto tech 36" link: https://www.alura.com.br/podcast/layerstech-design-system-layers-ponto-tech-36-a1056 - type: COURSE - title: "Formação Design System" - link: https://www.alura.com.br/formacao-design-system + title: "Design System: definindo estilos e tokens" + link: https://cursos.alura.com.br/course/design-system-definindo-estilos-tokens + - type: COURSE + title: "Design System: projetando e construindo componentes" + link: https://cursos.alura.com.br/course/design-system-projetando-construindo-componentes + - type: COURSE + title: "Design System: documentando um design system" + link: https://cursos.alura.com.br/course/design-system-documentando-design-system - type: CHALLENGE title: "Experimente o que é ser um(a) profissional de Ux" link: https://www.alura.com.br/challenges/ux-4 diff --git a/_data/cards/pt_BR/pd-user-interface.yaml b/_data/cards/pt_BR/pd-user-interface.yaml index 85621d488..aa1b2fb77 100644 --- a/_data/cards/pt_BR/pd-user-interface.yaml +++ b/_data/cards/pt_BR/pd-user-interface.yaml @@ -1,4 +1,4 @@ -name: Fundamentos do UI +name: User Interface logo: short-description: key-objectives: diff --git a/_data/cards/pt_BR/product-design.yaml b/_data/cards/pt_BR/product-design.yaml new file mode 100644 index 000000000..8dedbf582 --- /dev/null +++ b/_data/cards/pt_BR/product-design.yaml @@ -0,0 +1,28 @@ +name: Product Design +logo: +short-description: +key-objectives: + - O primeiro passo para explorarmos a área de Product Design é compreender seu significado, como ela se manifesta na criação de produtos digitais, como os profissionais da área a percebem e, principalmente, sua importância para a construção de soluções funcionais e desejáveis. +contents: + - type: ARTICLE + title: "Product Designer: o que faz a pessoa de Design de Produto?" + link: https://pm3.com.br/blog/product-designer-o-que-faz-a-pessoa-de-design-de-produto/ + - type: ARTICLE + title: "Introdução ao Product Design" + link: https://brasil.uxdesign.cc/introdu%C3%A7%C3%A3o-ao-product-design-6b78e691f7bf +alura-contents: + - type: COURSE + title: "Product Design: o papel do designer de produtos" + link: https://cursos.alura.com.br/course/product-design-papel-designer-produtos + - type: COURSE + title: "Product Design: realizando o processo de Product Discovery" + link: https://cursos.alura.com.br/course/product-design-processo-product-discovery + - type: COURSE + title: "Design emocional: tornando um produto amável" + link: https://cursos.alura.com.br/course/design-emocional-tornando-produto-amavel + - type: COURSE + title: "User Interface: conceitos de UI para Product Designers" + link: https://cursos.alura.com.br/course/user-interface-conceitos-ui-product-designer + - type: COURSE + title: "Product Design: métricas e ciclo de vida do produto" + link: https://cursos.alura.com.br/course/product-design-metricas-ciclo-vida-produto \ No newline at end of file diff --git a/_data/cards/pt_BR/product-management.yaml b/_data/cards/pt_BR/product-management.yaml new file mode 100644 index 000000000..255a81888 --- /dev/null +++ b/_data/cards/pt_BR/product-management.yaml @@ -0,0 +1,40 @@ +name: Gestão de Produtos Digitais +logo: +short-description: +key-objectives: + - Gestão de produtos digitais envolve o desenvolvimento, lançamento e otimização de produtos digitais, como aplicativos e plataformas online, para atender às necessidades dos usuários e alcançar objetivos de negócios. + - Colocar as necessidades dos usuários no centro do processo de desenvolvimento. + - Definir uma visão clara e estratégia para o produto digital. + - Mapear e otimizar a jornada do usuário no produto. + - Coletar e analisar feedback dos usuários para melhorias. + - Adotar metodologias ágeis para entregas rápidas e iterativas. + - Utilizar dados para tomar decisões informadas sobre o produto. +contents: + - type: ARTICLE + title: "Gestão de produtos digitais: entenda a importância" + link: https://www.cursospm3.com.br/blog/gestao-de-produtos-digitais-entenda-a-importancia/ + - type: ARTICLE + title: "Gestão de Produtos: a área que está brilhando aos olhos do mercado" + link: https://www.cursospm3.com.br/blog/gestao-de-produtos-a-area-que-esta-brilhando-os-olhos-do-mercado/ + - type: ARTICLE + title: "Gestão de produtos digitais: o que é e como fazer" + link: https://herospark.com/blog/gestao-de-produtos-digitais/ + - type: ARTICLE + title: "Gestão de Produtos como você nunca viu" + link: https://www.casadocodigo.com.br/products/livro-mulheres-de-produto + - type: SITE + title: "FIAP - Pós Tech em Digital Product Management" + link: https://postech.fiap.com.br/curso/digital-product-management/ +alura-contents: + - type: COURSE + title: "Gestão de produtos digitais: Produto vs. Projeto" + link: https://cursos.alura.com.br/course/gestao-produtos-digitais-produto-vs-projeto + - type: COURSE + title: "Gestão de produtos digitais: priorização" + link: https://cursos.alura.com.br/course/gestao-produtos-priorizacao + - type: COURSE + title: "Gestão de produtos digitais: validação" + link: https://cursos.alura.com.br/course/gestao-produtos-digitais-validacao + - type: COURSE + title: "Gestão de produtos digitais: aceleração" + link: https://cursos.alura.com.br/course/gestao-produtos-aceleracao \ No newline at end of file diff --git a/_data/cards/pt_BR/starting-ux-research.yaml b/_data/cards/pt_BR/starting-ux-research.yaml index 00d0566af..3f00f5f51 100644 --- a/_data/cards/pt_BR/starting-ux-research.yaml +++ b/_data/cards/pt_BR/starting-ux-research.yaml @@ -1,4 +1,4 @@ -name: Imersão no problema - UX Research +name: Imersão no problema logo: short-description: key-objectives: @@ -25,4 +25,4 @@ alura-contents: link: https://cursos.alura.com.br/course/ux-research-metodologias-imersao-pesquisa - type: COURSE title: "UX Research: entrevistando pessoas usuárias" - link: https://cursos.alura.com.br/course/ux-research-entrevistando-usuarias + link: https://cursos.alura.com.br/course/ux-research-entrevistando-usuarias \ No newline at end of file diff --git a/_data/cards/pt_BR/ux-lead.yaml b/_data/cards/pt_BR/ux-lead.yaml new file mode 100644 index 000000000..d03cbc1a2 --- /dev/null +++ b/_data/cards/pt_BR/ux-lead.yaml @@ -0,0 +1,28 @@ +name: UX Lead +logo: +short-description: +key-objectives: + - O UX Lead é o profissional que guia times de design na criação de experiências centradas no usuário. Além de definir estratégias e processos, ele atua como facilitador, alinhando objetivos de negócio, tecnologia e design para garantir produtos eficientes e impactantes. +contents: + - type: ARTICLE + title: "Os diferentes tipos de líderes de UX" + link: https://brasil.uxdesign.cc/os-diferentes-tipos-de-l%C3%ADderes-de-ux-25bcc6db187 + - type: ARTICLE + title: "User Experience Lead" + link: https://www.intelligentpeople.co.uk/user-experience-lead/ +alura-contents: + - type: COURSE + title: "As diferenças entre Tech Lead e UX Lead na construção de um produto" + link: https://www.alura.com.br/artigos/diferenca-entre-tech-lead-e-ux-lead + - type: COURSE + title: "UX Lead: assumindo uma liderança estratégica de UX" + link: https://cursos.alura.com.br/course/ux-lead-assumindo-lideranca-estrategica-ux + - type: COURSE + title: "UX Lead: liderando um time de design" + link: https://cursos.alura.com.br/course/ux-lead-liderando-time-design + - type: COURSE + title: "UX Lead: acompanhando dados de performance e qualidade" + link: https://cursos.alura.com.br/course/ux-lead-acompanhando-dados-performance-qualidade + - type: COURSE + title: "UX Lead: promovendo inovação continua no produto" + link: https://cursos.alura.com.br/course/ux-lead-promovendo-inovacao-continua-produto \ No newline at end of file diff --git a/_data/guides/pt_BR/product-design.yaml b/_data/guides/pt_BR/product-design.yaml index b9d282203..03a80e147 100644 --- a/_data/guides/pt_BR/product-design.yaml +++ b/_data/guides/pt_BR/product-design.yaml @@ -2,33 +2,35 @@ name: Product Design tags: - design expertise: - - name: UX Design + - name: Fundamentos cards: - - first-contact-with-ux: + - product-design: priority: 10 - - starting-ux-strategy: - priority: 9 - - ux-interaction-strategy-and-design: - priority: 9 - - design-thinking: + - first-contact-with-ux: priority: 10 - - name: UI Design - cards: - - user-interface: + - pd-user-interface: priority: 10 - - visual-design-principles: - priority: 9 - figma: - priority: 10 - - design-system: priority: 9 - - name: UX Research + - name: Aprofundamento cards: - starting-ux-research: priority: 10 - diving-in-ux-research: - priority: 9 + priority: 10 - deep-dive-ux-research: + priority: 10 + - data-driven-coleta-analise: + priority: 9 + - data-driven-interpretando: + priority: 9 + - acessibilidade-ux: + priority: 10 + - name: Especialização + cards: + - ux-lead: + priority: 10 + - design-system: priority: 9 collaboration: - name: Front-end @@ -43,6 +45,8 @@ collaboration: cards: - product-management-fundamentals: priority: 10 + - product-management: + priority: 10 - roadmap: priority: 9 - Strategic-Management-and-Decision-Making: From 0b4b1e28f5ad9f8c5153e8823454dfb2e61cdfd3 Mon Sep 17 00:00:00 2001 From: Mateus Villain Date: Tue, 25 Mar 2025 11:36:56 -0300 Subject: [PATCH 17/17] Management and business update for product design guide --- _data/guides/pt_BR/product-design.yaml | 2 -- 1 file changed, 2 deletions(-) diff --git a/_data/guides/pt_BR/product-design.yaml b/_data/guides/pt_BR/product-design.yaml index 03a80e147..4b3102f5e 100644 --- a/_data/guides/pt_BR/product-design.yaml +++ b/_data/guides/pt_BR/product-design.yaml @@ -49,8 +49,6 @@ collaboration: priority: 10 - roadmap: priority: 9 - - Strategic-Management-and-Decision-Making: - priority: 9 - agile-culture: priority: 9 video: \ No newline at end of file