Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adiciona conteúdos sobre techguide de Design Gráfico #351

Merged
merged 5 commits into from
Nov 26, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions _data/cards/pt_BR/advanced-diagramming-layout.yaml
Original file line number Diff line number Diff line change
@@ -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
28 changes: 28 additions & 0 deletions _data/cards/pt_BR/creation-and-composition.yaml
Original file line number Diff line number Diff line change
@@ -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/
27 changes: 27 additions & 0 deletions _data/cards/pt_BR/design-for-digital-products.yaml
Original file line number Diff line number Diff line change
@@ -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
26 changes: 26 additions & 0 deletions _data/cards/pt_BR/essential-elements.yaml
Original file line number Diff line number Diff line change
@@ -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
36 changes: 36 additions & 0 deletions _data/cards/pt_BR/free-tools-in-graphic-design.yaml
Original file line number Diff line number Diff line change
@@ -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
21 changes: 21 additions & 0 deletions _data/cards/pt_BR/packaging-design.yaml
Original file line number Diff line number Diff line change
@@ -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
34 changes: 34 additions & 0 deletions _data/cards/pt_BR/printing-in-graphic-design.yaml
Original file line number Diff line number Diff line change
@@ -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
28 changes: 28 additions & 0 deletions _data/cards/pt_BR/visual-identity.yaml
Original file line number Diff line number Diff line change
@@ -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
37 changes: 37 additions & 0 deletions _data/cards/pt_BR/whats-design.yaml
Original file line number Diff line number Diff line change
@@ -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
48 changes: 48 additions & 0 deletions _data/guides/pt_BR/design-grafico.yaml
Original file line number Diff line number Diff line change
@@ -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:
Loading