EuraStudy
Resumos/Oficina de Artes/Área de desenvolvimento: Design Gráfico
Resumos · Oficina de ArtesPT · Secundário

Área de desenvolvimento: Design Gráfico

O design gráfico é o design da comunicação visual: resolve problemas de comunicação com imagem e texto. Este tópico apresenta as suas áreas, a tipografia (anatomia e classificação da letra), a composição e o layout (a grelha, a hierarquia, a Gestalt) e a identidade visual e o processo de design. É uma das áreas de desenvolvimento da disciplina. É matéria de avaliação interna (Oficina de Artes não tem Exame Final Nacional).

4 secções·~15 min de leitura·2 competências·Nível Base 1 · Padrão 2 · Aprofundamento 1

T·111111 / 16
Perfil de exame
Experimentação e criação: projetar comunicação visualInterpretação e comunicação: usar a linguagem gráfica com eficácia
Operadores:projetacompõedistinguehierarquizadescreverelaciona

nível básico

Reconhecer as áreas do design gráfico, a classificação tipográfica e a grelha.

nível avançado

Projetar comunicação visual com tipografia, composição e conceito, resolvendo um briefing.

Profundidade

Profundidade de leitura: Aprofundado

Texto

Tamanho do texto: Padrão

Conteúdo · 4 secções▾
  1. Área de desenvolvimento: Design Gráfico
    • 01O design gráfico e a comunicação visual○
    • 02A tipografia◐
    • 03A composição e o layout◐
    • 04Identidade visual e o processo de design●
§ 01

O design gráfico e a comunicação visual#

●○○BaseLPAE-oficina-artes-design-grafico

Pontos-chave

O design gráfico (ou design de comunicação) é a disciplina que projeta a comunicação visual — que organiza imagem e texto para transmitir uma mensagem a um público, com eficácia. Ao contrário da arte, que exprime, o design gráfico serve: resolve problemas de comunicação concretos (identificar uma empresa, orientar num aeroporto, vender um produto, informar). O seu ponto de partida é sempre um briefing, e o seu critério de êxito é a eficácia — a mensagem chega, é compreendida, funciona (ver Fig. 1).

As áreas do design gráfico

Áreas do design gráficoGrafo, Design gráfico → Identidade visual (marcas), Design gráfico → Editorial (livros, revistas), Design gráfico → Publicidade (cartazes), Design gráfico → Sinalética (orientar), Design gráfico → Digital (web, interfaces)Design gráficoIdentidadevisual (marcas)Editorial(livros,revistas)Publicidade(cartazes)Sinalética(orientar)Digital (web,interfaces)
Fig. 1Fig. 1 — O design gráfico organiza-se em áreas — identidade, editorial, publicidade, sinalética, digital —, todas ao serviço da comunicação.
O designer gráfico trabalha, essencialmente, com dois materiais: a imagem (fotografia, ilustração, símbolo) e o texto (a tipografia). A sua arte está em organizá-los — escolher, dispor, hierarquizar — para que a mensagem seja clara, apelativa e adequada ao público. Recorre a todos os elementos da linguagem visual estudados (ponto, linha, plano, forma, cor, composição) e aos códigos da comunicação (denotação e conotação, tipos de signo): um bom design gráfico é linguagem visual aplicada com intenção comunicativa.
O campo do design gráfico é vasto e organiza-se em áreas (ver Fig. 1). A identidade visual (ou branding) cria a imagem das marcas e instituições (logótipos, identidades). O design editorial paginа livros, revistas, jornais. A publicidade cria cartazes e anúncios. A sinalética (wayfinding) orienta nos espaços (setas, pictogramas, mapas). O design de embalagem veste os produtos. E o design digital projeta interfaces, sítios e aplicações. Cada área tem os seus problemas e convenções, mas todas partilham o objetivo de comunicar visualmente.
O design gráfico é uma linguagem omnipresente na vida contemporânea: quase tudo o que lemos e vemos — um livro, um site, uma embalagem, um sinal, um logótipo — foi projetado por alguém. Por isso, saber ler design (perceber por que um cartaz funciona, por que uma marca comunica) é uma forma de literacia visual essencial, e saber fazê-lo é uma competência prática muito valorizada. Compreender o design gráfico como comunicação visual ao serviço de um objetivo é a base para projetar bem nesta área.
Exemplo resolvido

Situar um problema de design gráfico

Um hospital novo precisa de que os utentes se orientem facilmente entre serviços, pisos e saídas. Que área do design gráfico resolve este problema, e o que a distingue?

  1. 01Identificar o problema

    O problema é orientar pessoas num espaço complexo — um problema de comunicação no espaço, não de identidade nem de publicidade.

  2. 02A área

    É a sinalética (wayfinding): o sistema de sinais, setas, pictogramas, cores e mapas que guia as pessoas de forma clara e imediata.

  3. 03O critério

    O êxito mede-se pela eficácia: se as pessoas — incluindo idosos e estrangeiros — se orientam sem se perderem. A clareza e a universalidade dos sinais prevalecem sobre a mera beleza.

Resultado: O problema resolve-se com sinalética (wayfinding), cujo critério é a eficácia da orientação. Situar o problema na área certa do design gráfico é o primeiro passo para o resolver — e mostra que o design serve um objetivo, não só a estética.

Foco no Exame Nacional

  • Definir design gráfico como projeto da comunicação visual, ao serviço de um objetivo (eficácia).
  • Distingui-lo da arte (serve/resolve vs exprime) e reconhecer os seus materiais: imagem e texto.
  • Identificar as áreas do design gráfico: identidade, editorial, publicidade, sinalética, embalagem, digital.

Erros frequentes

  • Confundir design gráfico (comunicar, resolver) com arte (exprimir), ou julgá-lo mera «decoração».
  • Julgar que o design gráfico é só imagem, esquecendo o papel central do texto (a tipografia).
  • Avaliar um trabalho de design só pela beleza, e não pela eficácia comunicativa.

Revisão ativa

Escolhe um objeto de design gráfico do teu dia a dia (uma embalagem, um cartaz, um site) e identifica a sua área, a mensagem e o público a que se dirige.

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Oficina de Artes — Área de desenvolvimento: Design Gráfico (Direção-Geral da Educação (DGE))

§ 02

A tipografia#

●●○PadrãoLPAE-oficina-artes-design-grafico

Pontos-chave

A tipografia é a arte e a técnica de compor com tipos de letra — de escolher, dispor e organizar o texto. É um dos saberes centrais do design gráfico, porque o texto é omnipresente e a forma como se apresenta afeta profundamente a comunicação: a mesma palavra numa letra ou noutra comunica coisas diferentes. Começar pela anatomia da letra dá o vocabulário para falar dela com rigor: a haste (o traço principal), a serifa ou patilha (o pequeno remate nas extremidades), a altura-x (a altura das minúsculas sem hastes), os ascendentes e descendentes (as partes que sobem e descem), a contraforma (o espaço interior fechado, como o do «o»).
Os tipos de letra classificam-se em grandes famílias, pela sua forma (ver Fig. 2). As serifadas (ou romanas) têm serifas/patilhas nas extremidades; são a tradição da tipografia impressa e favorecem a leitura de textos longos (os livros). As sem serifa (ou não-serifadas, sans-serif, lineares, grotescas) não têm patilhas; são de aspeto mais moderno e limpo, muito usadas em títulos, sinalética e ecrãs (a Helvetica, de 1957, é o exemplo maior). Há ainda as egípcias (slab, de serifas grossas), as manuscritas (script, que imitam a caligrafia) e as decorativas (display/fantasia, para títulos e efeitos).

Classificação dos tipos de letra

Classificação tipográficaTabela com 3 colunas e 5 linhas, Dados: Classe · Características · Uso; Serifada (romana) · Tem serifas/patilhas nas extremidades · Texto longo (livros); tradicional; Sem serifa (grotesca) · Sem patilhas; limpa e moderna · Títulos, sinalética, ecrã; Egípcia (slab) · Serifas grossas e retangulares · Títulos, cartazes, impacto; Manuscrita (script) · Imita a caligrafia à mão · Convites, marcas; usar com cuidado; Decorativa (display) · Formas expressivas ou fantasistas · Só títulos; má em texto longo, célula destacada: Títulos, sinalética, ecrãCLASSECARACTERÍSTICASUSOSERIFADA (ROMANA)Tem serifas/patilhas nasextremidadesTexto longo (livros);tradicionalSEM SERIFA(GROTESCA)Sem patilhas; limpa emodernaTítulos, sinalética, ecrãEGÍPCIA (SLAB)Serifas grossas eretangularesTítulos, cartazes, impactoMANUSCRITA(SCRIPT)Imita a caligrafia à mãoConvites, marcas; usar comcuidadoDECORATIVA(DISPLAY)Formas expressivas oufantasistasSó títulos; má em textolongo
Fig. 2Fig. 2 — As grandes famílias tipográficas, pela forma, características e uso adequado.
Além da forma, uma letra descreve-se por outras propriedades. A família é o conjunto de todas as variações de um mesmo tipo (por exemplo, a família Helvetica). O estilo ou variante inclui o regular, o negrito (bold, mais grosso), o itálico (inclinado), o condensado; o peso é a espessura do traço. O corpo é o tamanho da letra, medido em pontos tipográficos. E há o espaçamento: entre letras (o tracking/kerning) e entre linhas (a entrelinha ou leading). Todas estas variáveis são ferramentas de composição.
Dois conceitos práticos guiam o uso da tipografia. A legibilidade e a leiturabilidade — a facilidade de reconhecer as letras e de ler um texto — devem orientar as escolhas (uma letra decorativa pode ser bela mas ilegível num texto longo). E a hierarquia tipográfica — organizar o texto por níveis de importância, variando o corpo, o peso, a cor e a posição (o título maior e mais forte, o subtítulo médio, o texto corrente) — guia o leitor e torna a informação clara. Escolher e compor a tipografia com intenção, respeitando a legibilidade e a hierarquia, é uma competência decisiva do design gráfico.
Exemplo resolvido

Escolher a tipografia para um fim

Tens de escolher a letra (a) para o texto corrido de um romance de 300 páginas e (b) para a sinalética de uma estação de metro. Que classe escolhes em cada caso e porquê?

  1. 01O romance (a)

    Para 300 páginas de texto corrido, escolhe-se uma serifada (romana): as serifas guiam o olho ao longo da linha e favorecem a leitura prolongada e confortável.

  2. 02A sinalética (b)

    Para a sinalética, escolhe-se uma sem serifa (grotesca): limpa, legível à distância e em movimento, sem pormenores que se percam — daí o seu uso universal em sinalética.

  3. 03O critério

    Em ambos os casos, o critério é a legibilidade adequada à situação de leitura (texto longo e próximo vs palavra curta e distante), não o gosto pessoal.

Resultado: Para o romance, uma serifada (leitura longa confortável); para a sinalética, uma sem serifa (legível de longe e em movimento). A escolha tipográfica segue a situação de leitura — o critério é a eficácia comunicativa, como em todo o design.

Foco no Exame Nacional

  • Reconhecer a anatomia da letra (haste, serifa/patilha, altura-x, ascendente/descendente, contraforma).
  • Classificar os tipos de letra: serifadas (romanas), sem serifa (grotescas), egípcias, manuscritas, decorativas.
  • Distinguir família, estilo, peso e corpo, e reconhecer a legibilidade e a hierarquia tipográfica.

Erros frequentes

  • Confundir serifada (com patilhas) com sem serifa (sem patilhas).
  • Confundir corpo (o tamanho) com peso (a espessura) ou com estilo (regular/negrito/itálico).
  • Usar uma letra decorativa/ilegível em texto longo, sacrificando a leiturabilidade à «beleza».

Revisão ativa

Compõe o mesmo título em três tipos de letra diferentes (uma serifada, uma sem serifa e uma decorativa) e comenta o que cada um comunica e a sua legibilidade.

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Oficina de Artes — Área de desenvolvimento: Design Gráfico (Direção-Geral da Educação (DGE))

§ 03

A composição e o layout#

●●○PadrãoLPAE-oficina-artes-design-grafico

Pontos-chave

O layout (ou paginação, ou composição) é a organização dos elementos — texto, imagens, espaços — numa página ou num ecrã. Um bom layout não é decoração: é a estrutura que torna a informação clara, hierarquizada e agradável de ler. A ferramenta fundamental do layout é a grelha (ou retícula): uma estrutura invisível de linhas, colunas e margens que organiza o espaço e alinha os elementos (ver Fig. 3). A grelha dá ordem, coerência e ritmo, e foi teorizada pelo Estilo Internacional Suíço (Josef Müller-Brockmann) como a base de um design racional e legível.

A grelha de um layout

Grelha / retículaFigura geométrica, colunas, páginax1x2páginacolunas
Fig. 3Fig. 3 — A grelha (retícula): uma estrutura de colunas e linhas que organiza e alinha os elementos da página.
A grelha define margens (o espaço em volta), colunas (as faixas verticais onde assenta o texto), e módulos (a divisão em unidades). Os elementos alinham-se pela grelha, o que cria uma ordem visível e uma sensação de rigor. Mas a grelha é um instrumento, não uma prisão: serve para organizar e, quando dominada, também para se quebrar com intenção. O alinhamento (à esquerda, à direita, centrado, justificado) e a consistência dos alinhamentos são decisivos para a leitura.
A composição obedece a princípios de organização visual, muitos deles estudados pela psicologia da Gestalt (a teoria da forma). A proximidade (elementos próximos leem-se como um grupo), a semelhança (elementos parecidos leem-se como relacionados), a continuidade (o olho segue linhas e percursos), o fecho (a mente completa formas incompletas) e a relação figura-fundo explicam como percebemos a organização de uma página. O designer usa estes princípios para agrupar, separar e relacionar a informação de forma intuitiva.
Dois recursos completam o layout. O espaço em branco (ou espaço negativo) — as zonas vazias — não é «espaço desperdiçado»: é o que dá respiro, destaca o essencial e organiza a leitura (um layout cheio até às margens cansa e confunde). E a hierarquia visual — tornar evidente o que é mais e menos importante, pelo tamanho, pela posição, pelo contraste — guia o olhar pela ordem certa. Dominar a grelha, os princípios da Gestalt, o espaço em branco e a hierarquia é o que permite compor páginas claras, ordenadas e eficazes.
Exemplo resolvido

Aplicar os princípios da composição

Num cartaz, o título, três parágrafos de texto e o logótipo estão espalhados sem ordem, todos do mesmo tamanho, ocupando a página inteira. Que princípios de composição aplicarias para o melhorar?

  1. 01Estabelecer hierarquia

    Dar ao título maior corpo e peso, ao texto um corpo menor e ao logótipo um lugar próprio — para o olhar saber por onde começar (hierarquia visual).

  2. 02Usar a grelha e a proximidade

    Alinhar tudo a uma grelha e agrupar os elementos relacionados (os parágrafos juntos, o logótipo à parte), usando a proximidade da Gestalt para os ler como grupos.

  3. 03Introduzir espaço em branco

    Deixar margens e espaços vazios, para dar respiro, destacar o título e evitar a sensação de página cheia e confusa.

Resultado: Melhora-se o cartaz com hierarquia (título forte), grelha e proximidade (alinhar e agrupar) e espaço em branco (respiro). Aplicar estes princípios transforma uma página desordenada numa composição clara e legível — a essência do layout.

Foco no Exame Nacional

  • Explicar a função da grelha/retícula (organizar, alinhar, dar coerência) no layout.
  • Reconhecer os princípios da Gestalt (proximidade, semelhança, continuidade, fecho) na composição.
  • Valorizar o espaço em branco e a hierarquia visual na organização da página.

Erros frequentes

  • Compor sem grelha, gerando desalinhamento e desordem, ou tratar a grelha como prisão.
  • Encher a página até às margens, desprezando o espaço em branco.
  • Não estabelecer hierarquia visual (tudo com o mesmo peso), deixando o leitor sem guia.

Revisão ativa

Constrói uma grelha simples de três colunas e compõe nela um pequeno cartaz, estabelecendo uma hierarquia clara entre título, texto e imagem.

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Oficina de Artes — Área de desenvolvimento: Design Gráfico (Direção-Geral da Educação (DGE))

§ 04

Identidade visual e o processo de design#

●●●AprofundamentoLPAE-oficina-artes-design-grafico

Pontos-chave

A identidade visual (ou identidade corporativa, ou branding) é o sistema de elementos gráficos que dá a uma marca, empresa ou instituição uma imagem reconhecível e coerente. O seu núcleo é o logótipo — a assinatura visual —, que pode ser um logótipo tipográfico (o nome desenhado, como a Coca-Cola), um símbolo/ícone (a maçã da Apple), ou a combinação de ambos. Mas a identidade é muito mais do que o logótipo: é um sistema (ver Fig. 4) que inclui a tipografia, as cores, o estilo de imagem e as regras de aplicação.

O sistema de identidade visual

Sistema de identidade visualTabela com 2 colunas e 6 linhas, Dados: Elemento · Função no sistema; Logótipo · A assinatura visual (símbolo e/ou nome); Cores · A paleta que identifica a marca; Tipografia · As letras que a marca usa; Estilo de imagem · O tom das fotografias e ilustrações; Aplicações · Cartão, site, sinal, embalagem…; Manual de normas · As regras de uso que garantem a coerência, célula destacada: A assinatura visual (símbolo e/ou nome)ELEMENTOFUNÇÃO NO SISTEMALOGÓTIPOA assinatura visual (símboloe/ou nome)CORESA paleta que identifica amarcaTIPOGRAFIAAs letras que a marca usaESTILO DE IMAGEMO tom das fotografias eilustraçõesAPLICAÇÕESCartão, site, sinal,embalagem…MANUAL DE NORMASAs regras de uso quegarantem a coerência
Fig. 4Fig. 4 — A identidade visual é um sistema: logótipo, cores, tipografia, imagem e normas de aplicação.
Um logótipo eficaz reúne, em geral, algumas qualidades: é simples (memorável e reprodutível), adequado (comunica os valores certos), distintivo (diferencia-se dos concorrentes), versátil (funciona a preto e a cor, em grande e em pequeno, em vários suportes) e duradouro (não depende de modas passageiras). Estas qualidades avaliam-se e testam-se ao longo do projeto — por exemplo, verificando se o logótipo continua legível reduzido ao tamanho de um ícone, ou impresso a uma só cor.
A coerência da identidade garante-se por um manual de normas gráficas: o documento que define como e onde os elementos podem ser usados (as versões do logótipo, as cores exatas, as tipografias, as margens de proteção, os usos proibidos). É o que faz uma marca «parecer sempre a mesma» em todos os suportes — do cartão de visita ao site, do sinal à embalagem. A identidade visual é, assim, um sistema regrado, e não uma imagem isolada.
Projetar uma identidade (ou qualquer trabalho de design) segue a metodologia do projeto já estudada: parte-se de um briefing e de uma investigação (o que é a marca, os valores, o público, a concorrência), define-se um conceito, geram-se e desenvolvem-se propostas (esboços, estudos), testa-se e afina-se, e executa-se, com o manual de normas e as aplicações. O que distingue o design é o rigor deste processo e a subordinação de todas as decisões (a forma, a cor, a letra) ao objetivo comunicativo e aos valores da marca. Dominar este processo é o cerne do design gráfico profissional.
Exemplo resolvido

Avaliar um logótipo

Um logótipo proposto tem muitos pormenores finos e quatro cores em degradê. Avalia-o pelas qualidades de um bom logótipo e sugere melhorias.

  1. 01Testar a versatilidade

    Muitos pormenores finos perdem-se quando o logótipo é reduzido (num ícone, num carimbo); quatro cores em degradê falham a uma só cor (fax, gravação, impressão barata).

  2. 02Identificar as falhas

    Falha na simplicidade (complexo demais) e na versatilidade (não funciona em pequeno nem a uma cor) — duas qualidades essenciais.

  3. 03Sugerir melhorias

    Simplificar a forma (menos pormenores), garantir que funciona a preto e reduzido, e limitar a paleta a poucas cores sólidas — mantendo a adequação aos valores da marca.

Resultado: O logótipo falha na simplicidade e na versatilidade (pormenores finos, degradês, muitas cores). Simplificá-lo e garantir que funciona em pequeno e a uma só cor torná-lo-ia eficaz. Avaliar pelas qualidades de um bom logótipo é o modo de o melhorar com critério.

Foco no Exame Nacional

  • Definir identidade visual como sistema (logótipo, tipografia, cores, imagem, normas), e não só o logótipo.
  • Reconhecer as qualidades de um bom logótipo (simples, adequado, distintivo, versátil, duradouro).
  • Relacionar o design de identidade com a metodologia do projeto (briefing → conceito → propostas → normas).

Erros frequentes

  • Reduzir a identidade visual ao logótipo, esquecendo o sistema (cores, tipografia, normas).
  • Fazer um logótipo complexo demais, que perde legibilidade em pequeno ou a uma só cor.
  • Projetar sem briefing nem conceito, criando uma imagem que não comunica os valores da marca.

Revisão ativa

Projeta uma identidade visual simples para um clube ou evento: um logótipo, duas cores e uma tipografia, e justifica as escolhas pelos valores a comunicar.

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Oficina de Artes — Área de desenvolvimento: Design Gráfico (Direção-Geral da Educação (DGE))

Conteúdo

Secção -- / 04

    • 01O design gráfico e a comunicação visual○
    • 02A tipografia◐
    • 03A composição e o layout◐
    • 04Identidade visual e o processo de design●

0/4 Lidos

Dos resumos à prática

Área de desenvolvimento: Design Gráfico

Consolida este tema com perguntas do banco de perguntas.

~15
min
2
Competências
Praticar

Referências e fontes

Fontes

Direção-Geral da Educação (DGE)

  • Aprendizagens Essenciais de Oficina de Artes — Área de desenvolvimento: Design Gráfico

Tópico anterior

Área de desenvolvimento: Escultura

Tópico seguinte

Área de desenvolvimento: Design de Equipamento

EuraStudy·Resumos T·11·MMXXVI

Continua com o tópico seguinte: o teu percurso é mantido.