65 Design Terms You Should Know | FREE COURSE

65 Design Terms You Should Know | FREE COURSE

65 Termos de Design Gráfico que Você Deve Conhecer

Introdução ao Curso

  • Laura Kyung apresenta o curso, destacando sua experiência de 12 anos na área de design.
  • O curso abordará termos básicos e complexos do design, incluindo palavras essenciais como composição e equilíbrio, além de termos técnicos como dpi e ppi.

Princípios Essenciais do Design

  • A primeira lição foca em 10 termos fundamentais do design que são regras a serem seguidas para criar composições eficazes.
  • Composição: Refere-se à disposição visual dos elementos de design que formam uma imagem completa. Utiliza princípios de design para criar um layout funcional.

Conceitos Importantes

  • Equilíbrio: Elementos em uma página têm peso visual afetado por forma, tamanho, cor e textura. É necessário ajustar a escala para alcançar um layout equilibrado.
  • Alinhamento: Posicionamento dos elementos no layout; pode ser justificado à esquerda, direita ou centralizado.
  • Repetição: Cria consistência ao repetir elementos dentro de um layout (exemplo: números de página).

Hierarquia e Espaço Negativo

  • Espaço Negativo: Área em branco ao redor dos elementos que enfatiza partes específicas do layout.
  • Hierarquia: Organização dos elementos por nível de importância; contraste é essencial para destacar imagens maiores.

Simetria e Grade

  • Simetria vs. Assimetria: Simetria envolve a igualdade dos elementos refletidos em uma página; assimetria pode resultar em designs desequilibrados.
  • Grade: Conjunto de linhas verticais e horizontais que ajuda a estruturar o conteúdo da página, mantendo-o organizado.

Definições Importantes sobre Cores

Introdução às Cores no Design Gráfico

  • A segunda lição aborda 11 definições importantes sobre cores no design gráfico, ressaltando a complexidade desse tema.

Modos de Cor

  • CMYK vs. RGB: CMYK (ciano, magenta, amarelo e preto - key), usado para impressão; RGB (vermelho, verde e azul), utilizado apenas em telas. CMYK é subtrativo enquanto RGB é aditivo.

Outros Conceitos Relacionados à Cor

  • Escala de Cinza: Paleta monocromática composta por até 256 combinações diferentes de tons cinzas.
  • Opacidade: Nível de transparência; opacidade baixa significa mais transparência enquanto 100% indica solidez.

Saturação e Matiz

  • Saturação: Intensidade da cor; imagens saturadas parecem mais brilhantes enquanto as não saturadas são quase sem cor.
  • Matiz, Tono e Sombra:
  • Matiz descreve uma cor pura sem adição de branco ou preto;
  • Tono refere-se a matizes com cinza adicionado;
  • Tintura adiciona branco à matiz;
  • Sombra adiciona preto à matiz.

Paletas e Sistema Pantone

  • Paleta de Cores: Grupo específico de cores usadas em projetos que representam uma marca harmoniosamente.

65 Termos de Design que Você Deve Conhecer

O que é Resolução em Design Gráfico?

  • A resolução de uma imagem determina a qualidade do arquivo; imagens de alta resolução são nítidas e com bordas definidas.
  • Imagens de baixa resolução aparecem pixeladas e borradas, afetando a clareza visual.

O que são Pixels?

  • Um pixel é a menor unidade básica de cor em um computador, formando imagens; a quantidade de pixels define se a imagem é de alta ou baixa resolução.

Diferença entre PPI e DPI

  • PPI (pixels por polegada) mede a resolução da tela, enquanto DPI (pontos por polegada) refere-se à impressão, impactando na qualidade da imagem impressa.

O que é Crop e Closed Crop?

  • "Crop" refere-se à remoção de partes desnecessárias da imagem, alterando sua ênfase e composição. "Closed crop" envolve o tamanho guiado pelas marcas de corte em uma folha impressa.

Regra dos Terços

  • A regra dos terços utiliza uma grade 3x3 sobreposta à imagem; os pontos onde as linhas se cruzam indicam os focos principais onde elementos importantes devem ser posicionados.

Termos Importantes em Tipografia

Diferença entre Serif e Sans Serif

  • Serifas são pequenos traços no final das letras; fontes serifadas são mais legíveis para textos longos.
  • Fontes sans-serif não possuem esses traços e são preferidas para leitura em telas devido à sua simplicidade.

O que é Fonte Script?

  • As fontes script imitam caligrafia, podendo ser históricas ou modernas, geralmente usadas para exibições devido à sua fluidez.

O que é Slab Serif?

  • Slab serifs têm traços mais grossos comparados às serifas regulares; podem ser quadrados, angulares ou arredondados dependendo do tipo.

Espaçamento e Legibilidade

Diferença entre Kerning e Tracking

  • Kerning ajusta o espaço entre pares específicos de letras para melhorar legibilidade. Tracking aplica-se ao espaçamento geral entre grupos de letras.

O que é Leading?

  • Leading determina a distância entre linhas múltiplas de texto, garantindo conforto na leitura sem linhas tocando umas nas outras.

Medidas Tipográficas

O que é Peso em Design de Fonte?

  • Peso refere-se à espessura do caractere em relação à sua altura; fontes podem ter várias opções de peso como normal e negrito.

Tamanho do Ponto

  • Tamanhos tipográficos são medidos em pontos; há 72 pontos em uma polegada (2.54 cm).

Conceitos Adicionais em Tipografia

Diferença entre Maiúsculas e Minúsculas

  • Letras maiúsculas iniciam frases ou nomes próprios; minúsculas compõem o restante do texto. Os termos vêm da antiga prática tipográfica onde maiúsculas eram armazenadas na parte superior das prensas.

O que são Small Caps?

  • Small caps são caracteres maiúsculos menores do que os normais, frequentemente usados para dar destaque sem alterar muito o layout visual.

Texto Substituto: Lorem Ipsum

  • Lorem Ipsum é um texto substituto usado para mostrar designs sem conteúdo significativo durante as fases iniciais do projeto até a cópia final estar disponível.

Legibilidade vs. Compreensibilidade

  • Legibilidade diz respeito ao arranjo dos blocos de texto na página enquanto compreensibilidade refere-se à distinção clara entre caracteres individuais.

Viúvas e Órfãs na Tipografia

  • Uma viúva é uma linha curta no final de um parágrafo causando muito espaço branco abaixo dela. Uma órfã é uma palavra isolada no início da coluna ou página.

65 Termos de Design que Você Deve Conhecer

Estilos de Design de Logotipo

  • Letter Mark ou Monograma: Um logotipo baseado em letras, geralmente utilizando as iniciais da empresa para simplificar o nome composto.
  • Word Mark: Foca apenas no nome do negócio, sem reduzi-lo a uma única letra.
  • Pictorial Mark: Um logotipo gráfico que representa a marca através de um ícone estilizado e simplificado.
  • Abstract Mark: Representação geométrica abstrata que não se baseia em objetos reais, ao contrário do pictorial mark.
  • Emblem Logo: O nome da empresa está contido dentro de uma forma única; usado por escolas e times esportivos além do mundo corporativo.

Tipos de Logotipos Adicionais

  • Mascot Logos: Personagens ilustrados estilizados que podem ser animados e atuar como porta-vozes da marca.
  • Combination Mark: Mistura entre word mark e pictorial/abstract mark ou mascote, com layout variável conforme os elementos utilizados.
  • Favicon: Ícone atalho baseado no logotipo principal, utilizado em websites e redes sociais para branding.

Formatos de Arquivo Imagem

Introdução aos Formatos Raster

  • Imagem Raster: Composta por pixels em uma grade; esticar a imagem resulta em pixelização e perda de qualidade.

Formatos Específicos

  • GIF (Graphic Interchange Format): Suporta animação e transparência, mas limita-se a 256 cores, ideal para arquivos pequenos na web.
  • JPEG (Joint Photographic Experts Group): O formato raster mais conhecido; adequado para web e impressão, mas não suporta transparência.
  • PNG (Portable Network Graphics): Mantém qualidade ao comprimir imagens; criado para melhorar o GIF com suporte à transparência.

Outros Formatos Importantes

  • TIFF (Tagged Image File Format): Usado principalmente em design gráfico; produz imagens de alta qualidade comparadas aos formatos anteriores.
  • PSD (Photoshop Document): Formato nativo do Adobe Photoshop para documentos gráficos complexos.

Gráficos Vetoriais

Definições e Aplicações

  • Vector Graphics: Feitos a partir de pontos, linhas e curvas; redimensionáveis sem perda de qualidade devido às equações matemáticas utilizadas.

Formatos Vetoriais Específicos

  • AI (Adobe Illustrator): Desenvolvido pela Adobe para desenhos vetoriais em uma única página.
  • EPS (Encapsulated Postscript): Formato redimensionável contendo vetores, ideal para logotipos escaláveis.

Conclusão do Curso

Resumo dos Conceitos Essenciais

Video description

Design has its own language, and understanding key design terms will help you communicate your ideas clearly. Here's a rundown of 65 design terms you should know. Here's a full rundown of this course: 00:00:00 1.0 65 Design Terms You Should Know 00:00:54 2.0 10 Essential Design Principles 00:03:58 3.0 11 Important Color Definitions 00:07:00 4.0 8 Important Technical Terms 00:09:08 5.0 18 Typography Terms 00:13:33 6.0 8 Logo Design Styles 00:15:38 7.0 10 Must-Know File Formats Here's where each term appears in the video: 01:18 - Composition and Layout 01:36 - Balance 01:50 - Alignment 02:02 - Repetition 02:12 - Contrast 02:25 - Negative Space 02:36 - Hierarchy 02:54 - Symmetry vs. Asymmetry 03:16 - Grid 04:20 - CMYK vs. RGB 04:56 - Grayscale 05:10 - Opacity 05:24 - Saturation 05:37 - Hue 05:50 - Tone 05:57 - Tint 06:09 - Shade 06:19 - Color Palette 06:33 - Pantone System 07:17 - Resolution 07:33 - Pixels 07:46 - PPI vs. DPI 08:11 - Crop vs. Close Crop 08:32 - Trim Size 08:43 - Rule of Thirds 09:25 - Serif vs. Sans Serif 10:02 - Scriptfont 10:16 - Slab Serif Font 10:30 - Monospace 10:43 - Kerning & Tracking 11:06 - Leading 11:19 - Weight 11:35 - Point Size 11:47 - Upper Case & Lower Case 12:21 - Small Caps 12:38 - Lorem Ipsum 12:51 - Readability vs. Legibility 13:05 - Widows & Orphans 13:49 - Lettermark or Monogram 14:07 - Wordmark 14:14 - Pictorial Mark 14:25 - Abstract Mark 14:36 - Emblem 14:53 - Mascots 15:01 - Combinations 15:12 - Favicon 15:55 - Raster Image 16:09 - GIF 16:25 - JPEG 16:41 - PNG 16:54 - TIFF 17:08 - PSD File 17:15 - Vector 17:32 - AI File 17:44 - EPS File 17:59 - PDF File Read more about Design Terms You Should Know on Envato Tuts+: https://design.tutsplus.com/articles/60-design-terms-you-should-know--cms-34238?utm_campaign=yt_tutsplus_PIa17rsNSEE&utm_medium=referral&utm_source=youtube.com&utm_content=description - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Envato Tuts+ Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_PIa17rsNSEE&utm_medium=referral&utm_source=youtube.com&utm_content=description Envato Elements All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_PIa17rsNSEE&utm_medium=referral&utm_source=youtube.com&utm_content=description ► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus ► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus ► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -