From 7fb997868f2823d80850de5c12e46ffc2f6481c1 Mon Sep 17 00:00:00 2001 From: Yasmin de Matos Date: Wed, 13 Nov 2024 11:57:35 -0300 Subject: [PATCH 1/3] att-ref-ux-writing MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Atualizações em pastas referente a guide de UX Writing --- _data/cards/pt_BR/accessibility-in-ux.yaml | 34 +++++++++++++ _data/cards/pt_BR/design-thinking.yaml | 3 -- _data/cards/pt_BR/introducing-ux-writing.yaml | 32 +++++++++++++ .../pt_BR/nlp-qea-e-geracao-de-textos.yaml | 31 ++++++++++++ _data/cards/pt_BR/starting-ux-writing.yaml | 19 ++++---- _data/cards/pt_BR/technical-writing.yaml | 27 +++++++++++ _data/guides/pt_BR/ux-writing.yaml | 48 +++++++++++++++++++ 7 files changed, 180 insertions(+), 14 deletions(-) create mode 100644 _data/cards/pt_BR/accessibility-in-ux.yaml create mode 100644 _data/cards/pt_BR/introducing-ux-writing.yaml create mode 100644 _data/cards/pt_BR/nlp-qea-e-geracao-de-textos.yaml create mode 100644 _data/cards/pt_BR/technical-writing.yaml create mode 100644 _data/guides/pt_BR/ux-writing.yaml diff --git a/_data/cards/pt_BR/accessibility-in-ux.yaml b/_data/cards/pt_BR/accessibility-in-ux.yaml new file mode 100644 index 000000000..fbb199ccf --- /dev/null +++ b/_data/cards/pt_BR/accessibility-in-ux.yaml @@ -0,0 +1,34 @@ +name: Acessibilidade em UX +logo: +short-description: +key-objectives: + - Capacitar profissionais a criar produtos digitais inclusivos, assegurando que todas as fases do desenvolvimento priorizem a acessibilidade. + - Aplicar as diretrizes WCAG (Web Content Accessibility Guidelines) para garantir conformidade com os padrões internacionais de acessibilidade. + - Conduzir pesquisas com um mindset inclusivo, garantindo que desde as primeiras etapas a acessibilidade seja considerada. + - Elaborar handoffs eficientes entre equipes, mantendo o foco na acessibilidade durante o desenvolvimento. +contents: + - type: ARTICLE + title: "Web Content Accessibility Guidelines" + link: https://www.w3.org/TR/WCAG21/ + - type: ARTICLE + title: "Acessibilidade e UX Writing: como criar conteúdos inclusivos?" + link: https://brasil.uxdesign.cc/acessibilidade-e-ux-writing-como-criar-conteudos-inclusivos-3bd123c83e68 + - type: ARTICLE + title: "O UX Writing de Mãos Dadas com a Acessibilidade Digital" + link: https://medium.com/uxmpretas/o-ux-writing-de-m%C3%A3os-dadas-com-a-acessibilidade-digital-50ec1944a9cf + - type: ARTICLE + title: "Checklist de acessibilidade para UX Writing" + link: https://brasil.uxdesign.cc/check-list-de-acessibilidade-para-ux-writing-c3f6f4d8b639 +alura-contents: + - type: ARTICLE + title: "O que são acessibilidade e tecnologias assistivas" + link: https://www.alura.com.br/artigos/acessibilidade-tecnologias-assistivas + - type: ARTICLE + title: "Design Universal, Acessível e Inclusivo são a mesma coisa?" + link: https://www.alura.com.br/artigos/design-universal-acessivel-inclusivo-sao-a-mesma-coisa + - type: COURSE + title: "Acessibilidade em UX: realizando pesquisas inclusivas" + link: https://www.alura.com.br/curso-online-acessibilidade-ux-realizando-pesquisas-inclusivas + - type: VIDEO + title: "O poder da acessibilidade com Alura Para Empresas e Itaú | Versão com Audiodescrição" + link: https://www.youtube.com/watch?v=rZuKdOaXbR0 \ No newline at end of file diff --git a/_data/cards/pt_BR/design-thinking.yaml b/_data/cards/pt_BR/design-thinking.yaml index c202b67fa..80404bc5a 100644 --- a/_data/cards/pt_BR/design-thinking.yaml +++ b/_data/cards/pt_BR/design-thinking.yaml @@ -18,9 +18,6 @@ contents: - type: ARTICLE title: "Design Thinking: uma forma inovadora de pensar e resolver problemas" link: https://rockcontent.com/br/blog/design-thinking/ - - type: ARTICLE - title: "Design Thinking: o que é, como aplicar e passo a passo" - link: https://fia.com.br/blog/design-thinking/ alura-contents: - type: PODCAST title: "Design Thinking - Hipsters #139" diff --git a/_data/cards/pt_BR/introducing-ux-writing.yaml b/_data/cards/pt_BR/introducing-ux-writing.yaml new file mode 100644 index 000000000..0cd3a2e3f --- /dev/null +++ b/_data/cards/pt_BR/introducing-ux-writing.yaml @@ -0,0 +1,32 @@ +name: UX Writing +logo: +short-description: +key-objectives: + - A experiência de uma pessoa com um produto ou serviço envolve muitos aspectos diferentes e cada um precisa ser estudado detalhadamente. Um dos aspectos mais importantes é a escrita, pois é através dos textos e palavras que conseguimos nos comunicar, nos conectar, ajudar e orientar as pessoas usuárias através de sua vivência com um produto ou serviço. + - A redação para UX vai muito além de palavras bonitas e bem posicionadas: abrange também usabilidade e acessibilidade, além de gerar conexões fortíssimas com quem utiliza os produtos ou serviços. As palavras tocam os sentimentos das pessoas, o que é crucial para uma experiência ser considerada positiva. +contents: + - type: ARTICLE + title: "Sete modelos mentais para UX Writing" + link: https://brasil.uxdesign.cc/7-racionais-na-vida-de-uma-ux-writer-e3e5476ed04d + - type: ARTICLE + title: "UX Writing: 9 dicas para quem está começando" + link: https://brasil.uxdesign.cc/ux-writing-dicas-para-quem-t%C3%A1-come%C3%A7ando-db5579f36d9e +alura-contents: + - type: COURSE + title: "UX Writing: pesquisa e testagem em UX Writing" + link: https://cursos.alura.com.br/course/ux-writing-pesquisa-testagem + - type: ARTICLE + title: "Arquitetura de Mensagem: construindo a comunicação ideal para seus textos" + link: https://www.alura.com.br/artigos/arquitetura-de-mensagem-comunicacao-ideal-para-textos + - type: ARTICLE + title: "As quatro dimensões do tom de voz" + link: https://www.alura.com.br/artigos/as-quatro-dimensoes-tom-de-voz + - type: COURSE + title: "UX Writing: Arquitetura da Informação em Writing" + link: https://cursos.alura.com.br/course/ux-writing-arquitetura-informacao-writing + - 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: ARTICLE + title: "Como o design thinking é aplicado como ferramenta estratégica nos negócios?" + link: https://www.alura.com.br/artigos/como-o-design-thinking-e-aplicado-como-ferramenta-estrategica-nos-negocios \ No newline at end of file diff --git a/_data/cards/pt_BR/nlp-qea-e-geracao-de-textos.yaml b/_data/cards/pt_BR/nlp-qea-e-geracao-de-textos.yaml new file mode 100644 index 000000000..b221f1c1b --- /dev/null +++ b/_data/cards/pt_BR/nlp-qea-e-geracao-de-textos.yaml @@ -0,0 +1,31 @@ +name: NLP Q&A e Geração de Textos +logo: +short-description: +key-objectives: + - NLP (Natural Language Processing), Q&A (Question and Answering) e geração de textos são termos relacionados à área de processamento de linguagem natural. +contents: + - type: SITE + title: "Exemplos e aplicações de NLP utilizando Keras" + link: https://keras.io/examples/nlp/ + - type: ARTICLE + title: "Geração de texto usando Fnet com Fourier" + link: https://arxiv.org/abs/2105.03824v3 + - type: YOUTUBE + title: "Video explicando o paper" + link: https://www.youtube.com/watch?v=j7pWPdGEfMA + - type: COURSE + title: "Aprofundamento sobre o BERT, algoritmo base para realização de diversas aplicações" + link: https://www.udemy.com/course/bert-nlp-algorithm/ + - type: PODCAST + title: "Bom podcast falando de NLP de maneira geral, com algumas aplicações" + link: https://podcasts.apple.com/br/podcast/o-que-%C3%A9-natural-language-processing-o-tal-do-nlp-data/id1436619995?i=1000487407860 + - type: SITE + title: "Acessando o ChatGPT" + link: https://chat.openai.com/auth/login + - type: YOUTUBE + title: "O que são Transformers? - Processamento de Linguagem Natural (NLP)" + link: https://www.youtube.com/watch?v=8NOitdReamM +alura-contents: + - type: BOOK + title: "Inteligência Artificial e ChatGPT: Da revolução dos modelos de IA generativa à Engenharia de Prompt" + link: https://www.casadocodigo.com.br/products/livro-inteligencia-artificial-chatgpt \ No newline at end of file diff --git a/_data/cards/pt_BR/starting-ux-writing.yaml b/_data/cards/pt_BR/starting-ux-writing.yaml index 570ab61f6..0e88e25f1 100644 --- a/_data/cards/pt_BR/starting-ux-writing.yaml +++ b/_data/cards/pt_BR/starting-ux-writing.yaml @@ -5,22 +5,19 @@ key-objectives: - A experiência de uma pessoa com um produto ou serviço envolve muitos aspectos diferentes e cada um precisa ser estudado detalhadamente. Um dos aspectos mais importantes é a escrita, pois é através dos textos e palavras que conseguimos nos comunicar, nos conectar, ajudar e orientar as pessoas usuárias através de sua vivência com um produto ou serviço. - A redação para UX vai muito além de palavras bonitas e bem posicionadas: abrange também usabilidade e acessibilidade, além de gerar conexões fortíssimas com quem utiliza os produtos ou serviços. As palavras tocam os sentimentos das pessoas, o que é crucial para uma experiência ser considerada positiva. contents: - - type: ARTICLE - title: "Sete modelos mentais para UX Writing" - link: https://brasil.uxdesign.cc/7-racionais-na-vida-de-uma-ux-writer-e3e5476ed04d - - type: ARTICLE - title: "UX Writing: 9 dicas para quem está começando" - link: https://brasil.uxdesign.cc/ux-writing-dicas-para-quem-t%C3%A1-come%C3%A7ando-db5579f36d9e - type: ARTICLE title: "UX Writing na Prática: Notificações push" link: https://brasil.uxdesign.cc/ux-writing-na-pr%C3%A1tica-1-notifica%C3%A7%C3%A3o-de-push-8e4a4f4fa546 alura-contents: + - type: ARTICLE + title: "Diferença entre UX Writing, Copywriting e Content Writing" + link: https://www.alura.com.br/artigos/diferenca-ux-writing-copywriting-content-writing - type: ARTICLE title: "O que é UX Writing, a famosa Redação para UX?" link: https://www.alura.com.br/artigos/o-que-e-ux-writing-redacao-para-ux - - 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: PODCAST + title: "UX Writing" + link: https://www.alura.com.br/podcast/ux-writing-layers-ponto-tech-48-a1159 - type: PODCAST title: "UX Writing" link: https://www.alura.com.br/podcast/ux-writing-layers-ponto-tech-48-a1159 @@ -28,7 +25,7 @@ alura-contents: title: "UX Writing: escrevendo textos para usuários" link: https://cursos.alura.com.br/course/ux-writing-escrevendo-textos-usuarios - type: COURSE - title: "UX Writing: pesquisa e testagem em UX Writing" - link: https://cursos.alura.com.br/course/ux-writing-pesquisa-testagem + title: "UX Writing: definindo o tom e voz da sua marca" + link: https://cursos.alura.com.br/course/ux-writing-tom-voz-sua-marca diff --git a/_data/cards/pt_BR/technical-writing.yaml b/_data/cards/pt_BR/technical-writing.yaml new file mode 100644 index 000000000..968df4394 --- /dev/null +++ b/_data/cards/pt_BR/technical-writing.yaml @@ -0,0 +1,27 @@ +name: Technical Writing +logo: +short-description: +key-objectives: + - Aprimorar a documentação técnica ao desenvolver habilidades de escrita técnica para criar documentos claros e precisos, garantindo que conceitos complexos sejam traduzidos de forma acessível a todos os públicos, desde desenvolvedores até usuários finais. + - Compreender como a clareza e acessibilidade da documentação técnica impactam diretamente a experiência do usuário e como o UX Writing pode ser integrado à produção de documentação. + - Aplicar o método Document Development Life Cycle para garantir a qualidade e consistência das documentações, usando técnicas de revisão e feedback contínuo, melhorando a colaboração entre as equipes de UX e desenvolvimento. +contents: + - type: ARTICLE + title: "8 dicas de tech writing para textos eficazes" + link: https://brasil.uxdesign.cc/8-dicas-de-tech-writing-para-textos-eficazes-d3aad0617177 + - type: ARTICLE + title: "UX Writing e Technical Writing: semelhanças e diferenças" + link: https://www.techwriting.com.br/ux-writing-e-technical-writing-semelhancas-e-diferencas/ + - type: ARTICLE + title: "What Is Technical Writing? Definition, Examples and Steps" + link: https://www.indeed.com/career-advice/career-development/technical-writing +alura-contents: + - type: ARTICLE + title: "A importância da technical writing nas empresas: como aplicar e obter benefícios na gestão do conhecimento" + link: https://www.alura.com.br/empresas/artigos/technical-writing + - type: COURSE + title: "Technical Writing: aprenda estratégias, ferramentas e boas práticas" + link: https://cursos.alura.com.br/course/technical-writing-estrategias-ferramentas-boas-praticas + - type: COURSE + title: "Technical Writing: crie uma documentação do zero com DDLC" + link: https://cursos.alura.com.br/course/technical-writing-crie-documentacao-zero-ddlc \ No newline at end of file diff --git a/_data/guides/pt_BR/ux-writing.yaml b/_data/guides/pt_BR/ux-writing.yaml new file mode 100644 index 000000000..df946ea87 --- /dev/null +++ b/_data/guides/pt_BR/ux-writing.yaml @@ -0,0 +1,48 @@ +name: UX Writing +tags: + - design +expertise: + - name: UX writing Jr + cards: + - introducing-ux-writing: + priority: 10 + - starting-ux-writing: + priority: 10 + - design-thinking: + priority: 10 + - name: UX writing Mid + cards: + - diving-in-ux-writing: + priority: 9 + - technical-writing: + priority: 9 + - accessibility-in-ux: + priority: 9 + - name: UX writing in depth + cards: + - deep-dive-ux-writing: + priority: 8 + - ux-documentation-and-portfolio: + priority: 8 + - nlp-qea-e-geracao-de-textos: + priority: 8 +collaboration: + - name: UI Design + cards: + - visual-design-principles: + priority: 9 + - ui-fundamentals: + priority: 9 + - design-tools: + priority: 9 + - name: UX Design + cards: + - first-contact-with-ux: + priority: 9 + - ux-research: + priority: 9 + - ux-strategy: + priority: 9 + - roadmap: + priority: 9 +video: From 670967ce6f31b6bc22777e1a5c3df34945ebfb2d Mon Sep 17 00:00:00 2001 From: Yasmin de Matos Date: Tue, 26 Nov 2024 02:06:47 -0300 Subject: [PATCH 2/3] =?UTF-8?q?Adi=C3=A7=C3=A3o=20de=20techguide=20de=20De?= =?UTF-8?q?sign=20Grafico?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adição de guia e cards de Design Grafico --- .../pt_BR/advanced-diagramming-layout.yaml | 29 +++++++++++ .../cards/pt_BR/creation-and-composition.yaml | 28 +++++++++++ .../pt_BR/design-for-digital-products.yaml | 27 +++++++++++ _data/cards/pt_BR/essential-elements.yaml | 26 ++++++++++ .../pt_BR/free-tools-in-graphic-design.yaml | 36 ++++++++++++++ _data/cards/pt_BR/packaging-design.yaml | 21 ++++++++ .../pt_BR/printing-in-graphic-design.yaml | 34 +++++++++++++ _data/cards/pt_BR/visual-identity.yaml | 28 +++++++++++ _data/cards/pt_BR/whats-design.yaml | 37 ++++++++++++++ _data/guides/pt_BR/design-grafico.yaml | 48 +++++++++++++++++++ 10 files changed, 314 insertions(+) create mode 100644 _data/cards/pt_BR/advanced-diagramming-layout.yaml create mode 100644 _data/cards/pt_BR/creation-and-composition.yaml create mode 100644 _data/cards/pt_BR/design-for-digital-products.yaml create mode 100644 _data/cards/pt_BR/essential-elements.yaml create mode 100644 _data/cards/pt_BR/free-tools-in-graphic-design.yaml create mode 100644 _data/cards/pt_BR/packaging-design.yaml create mode 100644 _data/cards/pt_BR/printing-in-graphic-design.yaml create mode 100644 _data/cards/pt_BR/visual-identity.yaml create mode 100644 _data/cards/pt_BR/whats-design.yaml create mode 100644 _data/guides/pt_BR/design-grafico.yaml diff --git a/_data/cards/pt_BR/advanced-diagramming-layout.yaml b/_data/cards/pt_BR/advanced-diagramming-layout.yaml new file mode 100644 index 000000000..0819da431 --- /dev/null +++ b/_data/cards/pt_BR/advanced-diagramming-layout.yaml @@ -0,0 +1,29 @@ +name: Diagramação e layout avançado +logo: +short-description: +key-objectives: + - Dominar técnicas avançadas de diagramação: Crie layouts que facilitam a leitura e oferecem uma experiência visual agradável em diferentes tipos de publicações, como revistas, livros e e-books. + - Estruturar e organizar conteúdos em escala: Explore como lidar com massas de texto e aplicar estilos de parágrafo e caractere para garantir a uniformidade e a coesão visual em projetos editoriais de grande escala, como revistas, livros e relatórios. +contents: + - type: ARTICLE + title: "Como criar máscaras de recorte em arquivos do InDesign" + link: https://pdf.wondershare.com.br/indesign/clipping-mask-indesign.html + - type: ARTICLE + title: "Modificar, mascarar e exportar objetos e quadros" + link: https://helpx.adobe.com/br/indesign/using/frames-objects.html + - type: SITE + title: "InDesign" + link: https://www.adobe.com/br/products/indesign.html +alura-contents: + - type: COURSE + title: "Adobe InDesign: trabalhando com diagramação" + link: https://cursos.alura.com.br/course/indesign-introducao + - type: COURSE + title: "InDesign: diagramação em grande escala" + link: https://cursos.alura.com.br/course/indesign-escala-grande + - type: COURSE + title: "Adobe InDesign: trabalhando na diagramação de um eBook" + link: https://cursos.alura.com.br/course/indesign-ebook + - type: ARTICLE + title: "5 novidades do InDesign 2023" + link: https://www.alura.com.br/artigos/5-novidades-indesign-2023 \ No newline at end of file diff --git a/_data/cards/pt_BR/creation-and-composition.yaml b/_data/cards/pt_BR/creation-and-composition.yaml new file mode 100644 index 000000000..217ca97a6 --- /dev/null +++ b/_data/cards/pt_BR/creation-and-composition.yaml @@ -0,0 +1,28 @@ +name: Criação e composição +logo: +short-description: +key-objectives: + - Dominar os Princípios de Gestalt no design: Compreenda como conceitos como proximidade, continuidade e similaridade podem ser usados para criar harmonia e facilitar a interpretação visual em seus projetos. + - Aplicar técnicas de composição visual: Explore o uso de grids e a organização do conteúdo visual, aprendendo a construir layouts equilibrados tanto para telas quanto para impressão, utilizando conceitos da Gestalt para guiar a disposição dos elementos. + - Desenvolver processo criativo estruturado: Entenda como os princípios da Gestalt podem ser integrados ao processo de design, desde a concepção inicial até a finalização, garantindo que cada elemento tenha um propósito claro na composição. +aditional-objectives: +contents: + - type: ARTICLE + title: "O que é Gestalt?" + link: https://medium.com/chocoladesign/o-que-%C3%A9-gestalt-f3beb4a6af4a + - type: ARTICLE + title: "As Leis da Gestalt Aplicadas ao Design de Interfaces" + link: https://brasil.uxdesign.cc/as-leis-da-gestalt-aplicadas-ao-design-de-interfaces-efc480dc06ec +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?srsltid=AfmBOorliKu4rBm7cQfKD3UCXtN_yAZZp-wXDRa9jyiq2ucHSHoDBdkn + - 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: COURSE + title: "Design Gráfico com Gestalt: desenvolva um projeto gráfico" + link: https://cursos.alura.com.br/course/design-grafico-gestalt + - 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/ \ No newline at end of file diff --git a/_data/cards/pt_BR/design-for-digital-products.yaml b/_data/cards/pt_BR/design-for-digital-products.yaml new file mode 100644 index 000000000..e0d8b25d6 --- /dev/null +++ b/_data/cards/pt_BR/design-for-digital-products.yaml @@ -0,0 +1,27 @@ +name: Design para produtos digitais +logo: +short-description: +key-objectives: + - Criar interfaces visuais para aplicativos e sites: Aplique princípios de design gráfico e design para criar interfaces atraentes e funcionais, focando na experiência do usuário. + - Explorar design responsivo: Entenda como adaptar layouts para diferentes dispositivos e tamanhos de tela, garantindo uma experiência coesa em todos os formatos. + - Integrar design e prototipagem: Utilize ferramentas de design para criar protótipos interativos que simulam o comportamento do produto final. +contents: + - type: ARTICLE + title: "Design de produto: o que é, importância, métodos e etapas" + link: https://www.cursospm3.com.br/blog/design-de-produto/ + - type: ARTICLE + title: "Como criar um produto digital do zero?" + link:https://www.cursospm3.com.br/blog/como-criar-um-produto-digital/ +alura-contents: + - 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 + - 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: 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 diff --git a/_data/cards/pt_BR/essential-elements.yaml b/_data/cards/pt_BR/essential-elements.yaml new file mode 100644 index 000000000..d7876c11c --- /dev/null +++ b/_data/cards/pt_BR/essential-elements.yaml @@ -0,0 +1,26 @@ +name: Elementos essenciais +logo: +short-description: +key-objectives: + - Aprofundar conhecimento em cores e tipografias: Entenda as propriedades fundamentais das cores e das tipografias, aprendendo a aplicá-las de forma prática em projetos gráficos para criar composições harmoniosas. + - Tomar decisões informadas no design: Aprenda a tomar decisões estratégicas durante o processo criativo, entendendo como as escolhas de cores e tipografias impactam a comunicação visual de um projeto. +contents: + - type: ARTICLE + title: "Escolhendo as fontes e as cores certas" + link: https://support.squarespace.com/hc/pt/articles/212277957-Escolhendo-as-fontes-e-as-cores-certas + - type: ARTICLE + title: "Tipografia: o que é, benefícios, componentes e como aplicar" + link: https://www.cursospm3.com.br/blog/tipografia/ +alura-contents: + - type: ARTICLE + title: "Descubra qual a importância da tipografia para o design!" + link: https://www.alura.com.br/artigos/descubra-qual-a-importancia-da-tipografia-para-o-design?srsltid=AfmBOortu4jVGJ3aKD5abRYqyPfkQrQF1o5cAsgEZ5Jo6ml4TSYXTXLw + - type: ARTICLE + title: "10 tipografias gratuitas para um design incrível" + link: https://www.alura.com.br/artigos/10-tipografias-gratuitas-design-incrivel + - type: COURSE + title: "Cores no design: teoria e prática" + link: https://cursos.alura.com.br/course/cores-design-teoria-pratica + - type: COURSE + title: "Tipografia: conceitos e prática" + link: https://cursos.alura.com.br/course/tipografia-conceitos-pratica \ No newline at end of file diff --git a/_data/cards/pt_BR/free-tools-in-graphic-design.yaml b/_data/cards/pt_BR/free-tools-in-graphic-design.yaml new file mode 100644 index 000000000..dd6fa9222 --- /dev/null +++ b/_data/cards/pt_BR/free-tools-in-graphic-design.yaml @@ -0,0 +1,36 @@ +name: Ferramentas gratuitas em design gráfico +logo: +short-description: +key-objectives: + - Dominar ferramentas gratuitas para design: Conheça alternativas como GIMP, Inkscape, e Canva, que oferecem recursos robustos para criação de peças gráficas, identidades visuais e ilustrações. + - Criar identidades visuais com softwares acessíveis: Aprenda a desenvolver identidades visuais do zero, utilizando ferramentas gratuitas que garantem qualidade e flexibilidade para projetos de marcas. + - Explorar a versatilidade do design digital e impresso: Utilize plataformas gratuitas para criar peças de comunicação visual tanto para mídias digitais quanto para impressões, garantindo uma execução profissional sem necessidade de softwares pagos. +contents: + - type: ARTICLE + title: "10 Ferramentas de Design Grátis Para Aproveitar pela Web" + link: https://pt.wix.com/blog/2016/06/10-ferramentas-de-design-gratis-para-aproveitar-pela-web/ + - type: ARTICLE + title: "Quais os melhores softwares gratuitos para design gráfico?" + link: https://pixelshow.co/blog/melhores-softwares-gratuitos-para-design-grafico + - type: ARTICLE + title: "5 ferramentas de IA que todo designer precisa conhecer" + link: https://brasil.uxdesign.cc/5-ferramentas-de-ia-que-todo-designer-precisa-conhecer-dca695221214 + - type: ARTICLE + title: "Liberte sua criatividade mergulhando no mundo do IA design gráfico grátis" + link: https://www.capcut.com/pt-br/resource/ai-graphic-design-free +alura-contents: + - type: COURSE + title: "Inkscape: desenvolvendo uma identidade visual" + link: https://cursos.alura.com.br/course/inkscape-identidade-visual + - type: COURSE + title: "GIMP: edição e tratamento de imagens para identidade visual" + link: https://cursos.alura.com.br/course/gimp-edicao-tratamento-imagem + - type: COURSE + title: "GIMP e Inkscape: criando peças para uma identidade visual" + link: https://cursos.alura.com.br/course/gimp-inkscape-identidade-visual + - type: ARTICLE + title: "As 8 melhores ferramentas gratuitas de design" + link: https://www.alura.com.br/artigos/as-8-melhores-ferramentas-gratuitas-de-design + - type: COURSE + title: "Scribus: criando um manual de identidade visual" + link: https://cursos.alura.com.br/course/scribus-manual-identidade-visual \ No newline at end of file diff --git a/_data/cards/pt_BR/packaging-design.yaml b/_data/cards/pt_BR/packaging-design.yaml new file mode 100644 index 000000000..82e5fc515 --- /dev/null +++ b/_data/cards/pt_BR/packaging-design.yaml @@ -0,0 +1,21 @@ +name: Design de embalagens +logo: +short-description: +key-objectives: + - Desenvolver layouts complexos para embalagens: Aprenda a criar layouts que unam funcionalidade e estética, utilizando formas e design que se adaptam a diferentes tipos de produtos e suas necessidades. + - Trabalhar com cores na produção de embalagens: Explore a aplicação de modos de cor CMYK e RGB, entendendo como escolher o melhor para cada tipo de impressão, e descubra as particularidades de acabamentos que destacam suas criações. + - Dominar a criação de mockups: Aprenda a criar mockups tridimensionais usando Adobe Illustrator e Photoshop, ajustando sombras, iluminação e outros detalhes para apresentar suas embalagens de forma profissional e impactante. +contents: + - type: ARTICLE + title: "Entenda a diferença entre as cores RGB e CMYK" + link: https://www.saturno.com.br/modelo/blog/diferencas-entre-rgb-e-cmyk + - type: ARTICLE + title: "O papel do design de embalagens no branding de produtos" + link: https://midpropaganda.com.br/o-papel-do-design-de-embalagens-no-branding-de-produtos/ + - type: YOUTUBE + title: "Papel do Design na Criação de Embalagens com Fabio Mestriner" + link: https://www.youtube.com/watch?v=_3Iv9hAMxi4 +alura-contents: + - type: COURSE + title: "Design Gráfico: design de embalagens" + link: https://cursos.alura.com.br/course/design-grafico-embalagens diff --git a/_data/cards/pt_BR/printing-in-graphic-design.yaml b/_data/cards/pt_BR/printing-in-graphic-design.yaml new file mode 100644 index 000000000..cbf071d7d --- /dev/null +++ b/_data/cards/pt_BR/printing-in-graphic-design.yaml @@ -0,0 +1,34 @@ +name: Impressão no Design Gráfico +logo: +short-description: +key-objectives: + - Fechamento de arquivos para produção: Garanta a qualidade final dos seus impressos com técnicas de fechamento de arquivos, evitando problemas comuns como cores desbotadas e problemas com DPI. + - Utilizar cores Pantone e preparação para impressão: Conheça o sistema de cores Pantone, sua aplicação em impressos e como garantir a fidelidade das cores em seus projetos gráficos. + - Compreender os processos de impressão: Entenda as diferenças entre tipos de impressão, como offset e digital, e saiba quando aplicar cada um para obter melhores resultados em seus projetos. + - Selecionar materiais de impressão adequados: Aprenda a escolher papéis, tintas e acabamentos que valorizem o design e atendam às necessidades específicas de cada peça, seja para impressos de pequeno porte ou grandes formatos. +contents: + - type: ARTICLE + title: "Como escolher o papel ideal para o meu projeto impresso?" + link: https://quatrocor.com.br/blog/como-escolher-tipo-de-papel-ideal-projeto/ + - type: ARTICLE + title: "Gráfica Online: Quais são os 8 tipos de impressão do mercado?" + link: https://blog.zapgrafica.com.br/grafica-online-quais-sao-os-8-tipos-de-impressao-do-mercado/ + - type: ARTICLE + title: "História, conceitos e aplicações da Escala Pantone" + link: https://www.printi.com.br/blog/historia-conceitos-e-aplicacoes-da-escala-pantone + - type: YOUTUBE + title: "Como utilizar corretamente a escala Pantone" + link: https://www.youtube.com/watch?v=VvdIrtEqDNY + - type: ARTICLE + title: "O que é PDF/X-1A?" + link: https://instrucoes.graficadasgraficas.com.br/o-que-e-pdfx-1a-x/ + - type: ARTICLE + title: "Saiba como escolher a gramatura de papel para seu projeto gráfico" + link: https://www.offpaper.com.br/gramatura-de-papel-para-seu-projeto-grafico/#:~:text=Quanto%20mais%20alta%20for%20a,como%20desenhos%20profissionais%20e%20aquarela. +alura-contents: + - type: COURSE + title: "Design Gráfico: conhecimentos de impressão" + link: https://cursos.alura.com.br/course/design-grafico-conhecimento-de-impressao + - type: ARTICLE + title: "Design Gráfico: conhecimentos de impressão" + link: https://www.alura.com.br/conteudo/design-grafico-conhecimento-de-impressao?srsltid=AfmBOopPzqLgOPBuoe8TSYyAsUs0viOpONi1vIAIPFjw9WJsFrSjAOqN \ No newline at end of file diff --git a/_data/cards/pt_BR/visual-identity.yaml b/_data/cards/pt_BR/visual-identity.yaml new file mode 100644 index 000000000..6d657a814 --- /dev/null +++ b/_data/cards/pt_BR/visual-identity.yaml @@ -0,0 +1,28 @@ +name: Identidade visual +logo: +short-description: +key-objectives: + - Desenvolver identidades visuais: Aprenda a criar e aplicar elementos gráficos que representem visualmente uma marca, desde o conceito inicial até a implementação prática. + - Dominar ferramentas de design: Utilize softwares como Adobe Illustrator, Adobe InDesign e Photoshop para criar peças de comunicação visual profissionais para impressão ou para o digital. + - Construir manuais de marca: Estruture manuais de marca que definam diretrizes de uso de logotipos, tipografia e cores, assegurando consistência em diferentes canais e mídias. + - Aplicar técnicas de composição: Entenda como organizar elementos gráficos para criar layouts atrativos, garantindo que cada peça de comunicação reflita a identidade da marca de forma coesa. +contents: + - type: ARTICLE + title: Identidade visual: o que é, qual a importância e como criar uma" + link: https://www.cursospm3.com.br/blog/identidade-visual/ + - type: COURSE + title: "Design Gráfico" + link: https://www.eucapacito.com.br/cursos/design-grafico/ +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 + - type: COURSE + title: "Adobe Illustrator: compondo peças gráficas" + link: https://cursos.alura.com.br/course/adobe-illustrator-compondo-pecas-graficas + - 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 \ No newline at end of file diff --git a/_data/cards/pt_BR/whats-design.yaml b/_data/cards/pt_BR/whats-design.yaml new file mode 100644 index 000000000..d30c18304 --- /dev/null +++ b/_data/cards/pt_BR/whats-design.yaml @@ -0,0 +1,37 @@ +name: O que é design +logo: +short-description: +key-objectives: + - Compreender os Fundamentos do Design: Explorar a diferença entre design e arte, entendendo como o design impacta a criação de produtos visuais e digitais. + - Conhecer as Principais Áreas de Atuação: Identificar as diversas especialidades do design, incluindo design gráfico, interface, edição de vídeos e animação, ajudando a encontrar o melhor caminho para a sua carreira. + - Desenvolver Hard e Soft Skills: Descobrir as habilidades técnicas e interpessoais necessárias para um designer, desde o uso de softwares até a capacidade de comunicação com equipes multidisciplinares. + - Preparar-se para o Mercado de Trabalho: Entender as oportunidades de mercado e como se posicionar como designer, desde o início da carreira até a construção de um portfólio sólido. +contents: + - type: ARTICLE + title: "Designer gráfico: tudo o que precisa saber sobre a profissão!" + link: https://www.serasaexperian.com.br/carreiras/blog-carreiras/designer-grafico-tudo-o-que-precisa-saber-sobre-a-profissao/ + - type: ARTICLE + title: "Design digital: o que é e o que faz um profissional da área?" + link: https://www.cursospm3.com.br/blog/design-digital/?gad_source=1&gclid=CjwKCAjwjsi4BhB5EiwAFAL0YLH94vHR1oJCsTQVtObG_P5OZosCJTFNUxUG0LyxwOn_C2SD_hNOIxoCYeMQAvD_BwE + - type: ARTICLE + title: "O que é Design?" + link: https://brasil.uxdesign.cc/o-que-e-design-85af0d27a6c3 + - type: ARTICLE + title: "Guia do Design: Definição, Funções, Exemplos e Tutorial" + link: https://www.canva.com/pt_br/aprenda/o-que-e-design/ + - type: YOUTUBE + title: "Imersão em Design - Dia #1" + link: https://www.youtube.com/watch?v=AYTd-dvMgjY +alura-contents: + - type: COURSE + title: "Design: entenda e conheça a área" + link: https://cursos.alura.com.br/course/design-entenda-conheca-area + - type: PODCAST + title: "Profissão Designer – Layers ponto tech #88" + link: https://www.layerspontotech.com.br/2022/07/11/profissao-designer-layers-ponto-tech-88/ + - type: ARTICLE + title: "Ferramentas de pesquisa e inspiração essenciais para todo designer" + link: https://www.alura.com.br/artigos/ferramentas-de-pesquisa-e-inspiracao-essenciais-para-todo-design + - type: COURSE + title: "Design Gráfico: desenvolvendo identidade visual" + link: https://cursos.alura.com.br/course/design-grafico-identidade-visual \ No newline at end of file diff --git a/_data/guides/pt_BR/design-grafico.yaml b/_data/guides/pt_BR/design-grafico.yaml new file mode 100644 index 000000000..d94381ecf --- /dev/null +++ b/_data/guides/pt_BR/design-grafico.yaml @@ -0,0 +1,48 @@ +name: Design Gráfico +tags: + - design +expertise: + - name: graphic design Jr + cards: + - whats-design: + priority: 10 + - essential-elements: + priority: 10 + - creation-and-composition: + priority: 10 + - name: graphic design Mid + cards: + - visual-identity: + priority: 9 + - free-tools-in-graphic-design: + priority: 9 + - printing-in-graphic-design: + priority: 9 + - name: graphic design in depth + cards: + - packaging-design: + priority: 8 + - advanced-diagramming-layout: + priority: 8 + - design-for-digital-products: + priority: 8 +collaboration: + - name: Digital Marketing + cards: + - exploring-digital-marketing-concepts: + priority: 9 + - branding: + priority: 9 + - seo: + priority: 9 + - name: UI Design + cards: + - ui-fundamentals: + priority: 9 + - advancing-the-ui: + priority: 9 + - in-depth-ui: + priority: 9 + - roadmap: + priority: 9 +video: From 724659750d29c57dbee67b666de456e596523893 Mon Sep 17 00:00:00 2001 From: Yasmin de Matos Date: Tue, 26 Nov 2024 11:16:47 -0300 Subject: [PATCH 3/3] =?UTF-8?q?Corre=C3=A7=C3=A3o=20para=20Tech=20Guide=20?= =?UTF-8?q?de=20Design=20Grafico?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Correção para Tech Guide de Design Grafico --- _data/cards/pt_BR/design-for-digital-products.yaml | 2 +- _data/cards/pt_BR/visual-identity.yaml | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/_data/cards/pt_BR/design-for-digital-products.yaml b/_data/cards/pt_BR/design-for-digital-products.yaml index e0d8b25d6..379c198fd 100644 --- a/_data/cards/pt_BR/design-for-digital-products.yaml +++ b/_data/cards/pt_BR/design-for-digital-products.yaml @@ -11,7 +11,7 @@ contents: link: https://www.cursospm3.com.br/blog/design-de-produto/ - type: ARTICLE title: "Como criar um produto digital do zero?" - link:https://www.cursospm3.com.br/blog/como-criar-um-produto-digital/ + link: https://www.cursospm3.com.br/blog/como-criar-um-produto-digital/ alura-contents: - type: COURSE title: "Design Visual: estratégias para planejar e construir seu portfólio" diff --git a/_data/cards/pt_BR/visual-identity.yaml b/_data/cards/pt_BR/visual-identity.yaml index 6d657a814..fb9f6f083 100644 --- a/_data/cards/pt_BR/visual-identity.yaml +++ b/_data/cards/pt_BR/visual-identity.yaml @@ -8,7 +8,7 @@ key-objectives: - Aplicar técnicas de composição: Entenda como organizar elementos gráficos para criar layouts atrativos, garantindo que cada peça de comunicação reflita a identidade da marca de forma coesa. contents: - type: ARTICLE - title: Identidade visual: o que é, qual a importância e como criar uma" + title: "Identidade visual: o que é, qual a importância e como criar uma" link: https://www.cursospm3.com.br/blog/identidade-visual/ - type: COURSE title: "Design Gráfico"