5 diferenças essenciais entre Web Design e Design Gráfico

Web Design e Design Gráfico são mais diferentes do que você imagina. Saiba quais são essas diferenças e qual das duas áreas você deve escolher!

Se você está tentando decidir qual área cursar ou simplesmente não sabe o que é feito em cada uma dessas áreas, certamente as informações nesse post irão te ajudar.

Inclusive, tenho experiência nas duas áreas (Web Design e Design Gráfico) e posso dizer as diferenças são bem mais do que apenas cinco.

Mas, pra facilitar e irmos direto ao ponto, vamos focar apenas nas diferenças cruciais que separam as duas áreas!

Web Design e Design Gráfico: quais as diferenças?

web design e design grafico

Como disse acima, são muitas! Mas vamos às mais relevantes:

1. Digital x Impresso

O que é Web Design? É, literalmente, Design para a web: ou seja, design de sites, banners, até mesmo algumas animações etc.

O que é Design Gráfico? É Design para meios impressos: ou seja, design de revistas, cartões de visita, até mesmo anúncios etc.

Com esse resumo de cada área, já conseguimos entender que cada uma é feita para uma mídia distinta, basicamente, e cada mídia tem suas caractetísticas.

Ou seja, enquanto na web você deve fazer X, provavelmente no meio impresso você fará Y. Lendo o restante da lista você entenderá melhor!

2. Medidas

Em Web Design trabalhamos com pixels. Já no código ainda podemos trabalhar com outras unidades de medida, como porcentagem.

No Design Gráfico trabalhamos com centímetros e milímetros, essencialmente. E essas unidades de medidas não podem ser aplicadas na web.

Na web, o que você vê em seu monitor são vários quadradinhos unidos uns aos outros, formando as imagens que você está vendo – esses quadradinhos são chamados pixels. Ou seja, a forma ideal de se “medir” algo na web é contar esses pixels.

O design impresso é aplicado a nossa “vida real”, e uma das formas mais comuns de medirmos coisas no dia-a-dia é por centímetros (a não ser que você more nos EUA).

Essa é uma maneira bem didática de explicar essa diferença.

Outro tipo de medida levado em consideração na criação é a resolução da imagem. Esse assunto é um pouco complicado, mas vamos resumir de forma básica: DPI (dots per inch – pontos por polegada) tem a ver com a qualidade da image.

Na web, 72dpi é o número utilizado. Já no meio impresso recomenda-se em média 300dpi, pois uma impressora precisa de muito mais pontos por polegada para imprimir com qualidade semelhante à mostrada em um monitor.

Se você tentar imprimir uma imagem com 72dpi e outra com 300dpi, verá que a diferença é gritante. E se você usar uma imagem de 300dpi na web, isso só irá deixar as coisas mais pesadas, porque não haverá diferença na qualidade em si.

3. Formatos

No Web Design os formatos mais comuns de imagem são JPG, PNG e GIF, além de SVG e WebP.

No Design Gráfico trabalha-se com JPG, PDF e TIFF, fora os vetores como AI, EPS e CDR.

Cada formato tem suas particularidades e você deve entender melhor sobre cada um para saber como salvar seus arquivos.

Se você utilizar uma imagem TIFF na internet, ela não vai funcionar. Assim como se você tentar imprimir um PNG, o resultado poderá ser um desastre.

4. Cores

Essa é uma das diferenças que mais geram dores de cabeça.

No Web Design é utilizado o modo de cores RGB (red green blue – vermelho verde azul: são as cores primárias de luz).

No Design Gráfico o modo é CMYK (cyan magenta yellow black – ciano magenta amarelo preto: são as cores primárias de pigmento). Sim, o que você aprendeu na escola sobre cores está um pouco errado.

Além de algumas técnicas para se trabalhar as cores (como colocar 10% de ciano para um preto mais forte), há algumas diferenças gritantes e limitações entre cores em cada um dos modos. Por exemplo, em alguns casos não é possível atingir as mesmas tonalidades na tela e no impresso.

Além disso, se seu monitor estiver descalibrado, você ainda corre o risco de imprimir sua arte e se deparar com cores bem diferentes do que estavam na tela.

Da mesma forma que você pode trabalhar algumas tonalidades para web e as pessoas acabarem vendo as cores de outra forma.

5. Usabilidade

Na web você deve usar o Design a favor do usuário, facilitando sua navegação e interação com a página. Além disso, o peso de imagens faz toda a diferença, já que quanto mais pesada mais demorado é o carregamento de uma imagem.

No meio impresso você deve pensar em coisas como distância (um outdoor, por exemplo, precisa ter uma leitura boa a longa distância também), entre outras possibilidades que podem dificultar a leitura, e não precisa se preocupar com o peso das imagens.

As duas áreas trabalham com usabilidade, mas com preocupações diferentes.

Tenha sempre em mente que o design não é “algo bonito”, ele é usabilidade. Não somos artistas, somos profissionais trabalhando com comunicação.

Se o público teve dificuldades em entender a mensagem porque você exagerou nas cores ou nos efeitos, pode ser o trabalho mais bonito do mundo, mas falhou com seu propósito.

Bônus: Conhecimentos “extra”

No geral, qualquer área pede por conhecimentos “extra” – ou seja, você deve ter conhecimento de algumas coisas além da sua área em si.

No Web Design, é essencial que você tenha noções de HTML e CSS. Você precisa saber como um código é montado, mas não é necessário dominar os códigos. Isso porque na hora de criar um layout você tem que ter em mente todas as limitações e tudo o que é possível ser reproduzido em um navegador.

Na web você não pode criar uma imagem de fundo “grande” e parar por aí. E se o monitor do usuário for maior que a imagem que você fez, o que ele verá? E se a página em si for maior, você trabalhou uma continuidade para esse fundo?

Trabalhar uma diagramação “maluca” também pode ser um problema, tanto pra leitura do usuário (vide item 5) quanto para o desenvolvimento dela. São vários aspectos que você só terá em mente quando aprender o processo de desenvolvimento.

No Design Gráfico, quanto mais você souber sobre processos de impressão, materiais para impressão e cores, menos dor de cabeça terá. Saber calibrar um monitor também pode ser uma boa.

O ideal é aproximar as duas áreas para oferecer a solução completa sempre!

Não é permitida a reprodução integral desse conteúdo. A cópia pode ser ruim para você!

Do que você está precisando?

Um site novo? Suporte para WordPress? Criação de logo? Outra coisa? Fale comigo!

Quero um orçamento

Leia também...

...alguns textos que têm a ver com o assunto:

Eu sou Web Designer

Oi, eu sou o Fabio Lobo, e sou Web Designer! Veja meus trabalhos de criação e desenvolvimento de sites e blogs. Caso queira um orçamento, é sem compromisso!

10 coisas que um web designer faz

O que faz um Web Designer? Se interessa pela área, quer trabalhar em uma agência mas não sabe o que faz um profissional do web design?

Tudo sobre layout para site, loja virtual e blog

Saiba mais sobre layout: o que é, como é feito, como deve ser e como pedir um para seu projeto. Veja alguns exemplos de meus trabalhos de web design!

Deixe seu comentário

Se você deseja um orçamento, entre em contato clicando aqui.

Quero um orçamento