Arte digital: como criar ilustrações digitais - Mailchimp
Adobe Photoshop: O Adobe Photoshop é um dos programas de design gráfico e ilustrativo mais populares disponíveis em todo o mundo. · GIMP: O GIMP é outro dos ...
web design vs. design gráfico
Quando estiver familiarizado com <anchor>web design vs. design gráfico</anchor>, você pode começar a implementar sua própria arte de ilustração digital diretamente em seu site, páginas de redes sociais, blog e presença on-line. Se você está procurando uma solução completa que seja adequada para criar sites, adicionar ilustrações e comercializar seu conteúdo, o Mailchimp é uma das melhores opções para indivíduos e empresas.
Web design x design gráfico: o que você precisa saber | Mailchimp
Web design x design gráfico: o que você precisa saber \| Mailchimp[Ir para conteúdo principal](#content)

- [Intuit](https://www.intuit.com/)
- [Turbo Tax](https://turbotax.intuit.com/)
- [Credit Karma](https://www.creditkarma.com/)
- [Quickbooks](https://quickbooks.intuit.com/)
- [Mailchimp](https://mailchimp.com/)

Experimente o Mailchimp sem riscos com uma avaliação de 7 dias. [Comece gratuitamente hoje.](/pricing/marketing/)

Experimente o Mailchimp sem riscos com uma avaliação de 14 dias. [Comece gratuitamente hoje.](/pricing/marketing/)

Olá! Está disponível uma avaliação gratuita dos planos Standard e Essentials. [Comece grátis hoje mesmo.](/pricing/marketing/)

Olá! Está disponível uma avaliação gratuita dos planos Standard e Essentials. [Comece grátis hoje mesmo.](/pricing/marketing/)

- [Página inicial do Mailchimp](/pt-br/)
- Soluções e serviços









  ### Soluções e serviços

  [Veja o que há de novo](/pt-br/whats-new/)







- [![](https://eep.io/images/yzco4xsimv0y/2EvDJXqDgIVckbKrLPgDjZ/63d4cbf9781d344009da5698af79578c/email_marketing_24.png?w=44&q=70)\
\
Marketing por e-mail \
Envie e-mails personalizados que convertem](/pt-br/solutions/email-marketing-platform/)
- [![](https://eep.io/images/yzco4xsimv0y/2os3DbyfPBwx6UwlDzVe3F/c3300b035e2ce9e056025f055fe70575/websites_domains_24.png?w=44&q=70)\
\
Sites \
Crie uma presença para sua marca na web](/pt-br/solutions/website-builder/)
- [![](https://eep.io/images/yzco4xsimv0y/7jfI9p1rdJlJENAzOcKzbj/f14f2539b7148591f01d6791085ecf47/social_media_marketing_24.png?w=44&q=70)\
\
Marketing de redes sociais \
Amplifique a conversa em vários canais](/pt-br/solutions/social-media-marketing-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/4h46zUIg4SsFAWf53J7eeT/e85fa8b0389f78a038ac06a9a2c73956/templates_24.png?w=44&q=70)\
\
Modelos \
Personalize layouts pré-projetados](/pt-br/solutions/digital-marketing-templates/)

- [![](https://eep.io/images/yzco4xsimv0y/55fWmZGOKfiqwVbHE6zXGh/a861860dba0d5f1a890ca2be12d94f47/sms_marketing_24.png?w=44&q=70)\
\
Marketing por SMS \
Alcance seus clientes em todos os dispositivos](/pt-br/solutions/sms-marketing-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/2nfGhZwlVMwAgZEbCE9nzW/fd90497423c4bb0605deba94ef7bb943/marketing_automations_24.png?w=44&q=70)\
\
Automação de marketing \
Transmita a mensagem certa na hora certa](/pt-br/solutions/marketing-automation-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/7oYiOvSkWPs6f9dUjS0lZn/93bf28c6a5cb5d099b0d454612d7f104/reporting_analyitics_24.png?w=44&q=70)\
\
Relatórios e análises \
Acompanhe as vendas e o desempenho da campanha](/pt-br/solutions/analytics-reporting-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/2ic8O1v9d3Zm7VS0JsY3Dn/ec95a46c8ffefe6293a7722d1153259b/audience_management_24.png?w=44&q=70)\
\
Gerenciamento de público \
Direcione e segmente clientes](/pt-br/solutions/audience-segmentation-tools/)

- [![](https://eep.io/images/yzco4xsimv0y/4ZXf8v8C40R1lA5iDbk4BI/0f847228d2d2a7c97d5e9dbf116b8576/Brain.png?w=44&q=70)\
\
Ferramentas de marketing com tecnologia de ia \
Conheça o assistente de crescimento com tecnologia de IA](/pt-br/solutions/ai-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/2HHdb0miuJAYaLmrVI8PcX/8261c38cf1b5c623ff30750929bb62d8/content_creation_24.png?w=44&q=70)\
\
Ferramentas de criação de conteúdo \
Crie conteúdo que cativa e converte](/pt-br/solutions/content-creation-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/ITIyvkEAeQ4b47MiR5Z4q/8fda7455bb1fa812a6a0df8272b1cc15/marketing-crm__2_.png?w=44&q=70)\
\
Veja todos os recursos \
Veja todas as nossas ofertas de produtos em um só lugar](/pt-br/features/)

#### INTEGRE SEUS APLICATIVOS

[Ver as mais de 300 integrações](/pt-br/integrations/)

- [![](https://eep.io/images/yzco4xsimv0y/6Ns6mxyvejFzeijcqJrLw4/7a65546886affcf74e034cafb9943e62/Frame_369953__5_.png?w=544&q=70)\
\
Shopify](https://mailchimp.com/integrations/shopify-mailchimp/)
- [![](https://eep.io/images/yzco4xsimv0y/6asPsXEGz56ec4GVXYbQ4o/62a2881aeac9ba23fb6f5c6502734b54/Wix-logo-Black-Rounded-Corners.png?w=544&q=70)\
\
Wix](https://mailchimp.com/integrations/wix/)
- [![](https://eep.io/images/yzco4xsimv0y/1pZWdDoAjTI6RQqxj7aOrR/09d7ad6fe326a3a2c59aacd11034045b/Frame_369953__7_.png?w=544&q=70)\
\
Salesforce](/pt-br/integrations/mailchimp-for-salesforce/)
- [![](https://eep.io/images/yzco4xsimv0y/D1cbj8QX4rOSmf90cMoYI/242d03047c719ffe4690a6e0b0573e4f/Frame_369953__8_.png?w=544&q=70)\
\
Canva](/pt-br/integrations/canva/)
- [![](https://eep.io/images/yzco4xsimv0y/2eMzWNlaMXP7s8cx7jf8J6/140e4e986b9eb67faa9225928ad31430/Frame_369953__6_.png?w=544&q=70)\
\
WooCommerce](/pt-br/integrations/woocommerce-mailchimp/)

#### Para o seu setor

- [E-commerce e varejo](/pt-br/solutions/ecommerce-marketing-tools/)
- [Negócios baseados em serviços](/pt-br/solutions/lead-generation-platform/)
- [Aplicativos móveis e on-line](/pt-br/solutions/mobile-app-marketing-tools/)
- [Start-ups](/pt-br/solutions/marketing-tools-startups/)
- [Agências e profissionais autônomos](/pt-br/andco/)
- [Desenvolvedores](https://mailchimp.com/developer/)

#### Serviços profissionais

- [Contrate um especialista](/pt-br/experts/)
- [Integração personalizada](/pt-br/services/onboarding/)
- [Sucesso do cliente](/pt-br/services/customer-success-management/)

- Recursos









  ### Recursos

  [Veja todos os recursos](/pt-br/resources/)







  #### Comece com o Mailchimp



- [E-commerce](/pt-br/resources/e-commerce/)
- [Conteúdo digital](/pt-br/resources/digital-content/)
- [Automações de marketing](/pt-br/resources/marketing-automations/)
- [Gerenciamento de público](/pt-br/resources/crm/)
- [Sites](/pt-br/resources/websites/)
- [Marketing por e-mail](/pt-br/resources/email/)
- [Redes sociais](/pt-br/resources/social-media/)

#### Mailchimp Presents

- [Podcasts](https://mailchimp.com/presents/)
- [Séries](https://mailchimp.com/presents/)
- [Vídeos](https://mailchimp.com/presents/)

#### Para desenvolvedores

- [API de marketing](https://mailchimp.com/developer/marketing/guides/quick-start/)
- [API transacional](https://mailchimp.com/developer/guides/transactional-api-quick-start/)
- [Observações da versão](https://mailchimp.com/developer/release-notes/)
- [E-mail transacional](/pt-br/features/transactional-email/)

- [![](https://eep.io/images/yzco4xsimv0y/6yOoWumPafwms8aFyhVDpB/28b603ee944a4de671436f1262756ac2/Union__21_.png?w=44&q=70)\
\
Central de Ajuda](/pt-br/help/)
- [![](https://eep.io/images/yzco4xsimv0y/69av0PWqSZzhriZAnAPqM/cfb9023d9ce0a53b34f3328077e9fc79/Union__22_.png?w=44&q=70)\
\
Estudos de caso](/pt-br/case-studies/)
- [![](https://eep.io/images/yzco4xsimv0y/uBOBSCLmkrfN3Pf6AdouT/f185b21f794aa494a538bcfedaf74193/Union__23_.png?w=44&q=70)\
\
Eventos](/pt-br/events/)

#### Serviços profissionais

- [Contrate um especialista](/pt-br/experts/)
- [Integração personalizada](/pt-br/services/onboarding/)
- [Sucesso do cliente](/pt-br/why-mailchimp/customer-success/)

- [Mude para o Mailchimp](/pt-br/switch-to-mailchimp/)
- [Preços](/pt-br/pricing/marketing/)

- [Pesquisar](/pt-br/search/)
- [Começar grátis](/pt-br/pricing/marketing/)
- Agora, esta página está disponível em outros idiomas.BR

- [EN\
  \
   English](/resources/web-design-vs-graphic-design/)
- [ES\
  \
   Español](/es/resources/web-design-vs-graphic-design/)
- [FR\
  \
   Français](/fr/resources/web-design-vs-graphic-design/)
- [BR\
  \
   Português](/pt-br/resources/web-design-vs-graphic-design/)
- [DE\
  \
   Deutsch](/de/resources/web-design-vs-graphic-design/)
- [IT\
  \
   Italiano](/it/resources/web-design-vs-graphic-design/)

- [Vendas:+1 (800) 315-5939](tel:+18003155939)
- [Conectar](https://login.mailchimp.com/?locale=pt-br)
- [Começar grátis](/pt-br/pricing/marketing/)
- Olá, %s


  ### Conta











- [Audiência](https://admin.mailchimp.com/audience/?ref=plums_nav)
- [Campanhas](https://admin.mailchimp.com/campaigns/?ref=plums_nav)
- [Conta](https://admin.mailchimp.com/account/?ref=plums_nav)

[Exibir painel de controle](https://admin.mailchimp.com/?ref=plums_nav)

- Menu principal

Fechar menu principal

## Menu principal

- Soluções e serviços

VoltarFechar menu principal





### Soluções e serviços





- [![](https://eep.io/images/yzco4xsimv0y/2EvDJXqDgIVckbKrLPgDjZ/63d4cbf9781d344009da5698af79578c/email_marketing_24.png?w=44&q=70)\
\
Marketing por e-mail \
Envie e-mails personalizados que convertem](/pt-br/solutions/email-marketing-platform/)
- [![](https://eep.io/images/yzco4xsimv0y/2os3DbyfPBwx6UwlDzVe3F/c3300b035e2ce9e056025f055fe70575/websites_domains_24.png?w=44&q=70)\
\
Sites \
Crie uma presença para sua marca na web](/pt-br/solutions/website-builder/)
- [![](https://eep.io/images/yzco4xsimv0y/7jfI9p1rdJlJENAzOcKzbj/f14f2539b7148591f01d6791085ecf47/social_media_marketing_24.png?w=44&q=70)\
\
Marketing de redes sociais \
Amplifique a conversa em vários canais](/pt-br/solutions/social-media-marketing-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/4h46zUIg4SsFAWf53J7eeT/e85fa8b0389f78a038ac06a9a2c73956/templates_24.png?w=44&q=70)\
\
Modelos \
Personalize layouts pré-projetados](/pt-br/solutions/digital-marketing-templates/)

- [![](https://eep.io/images/yzco4xsimv0y/55fWmZGOKfiqwVbHE6zXGh/a861860dba0d5f1a890ca2be12d94f47/sms_marketing_24.png?w=44&q=70)\
\
Marketing por SMS \
Alcance seus clientes em todos os dispositivos](/pt-br/solutions/sms-marketing-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/2nfGhZwlVMwAgZEbCE9nzW/fd90497423c4bb0605deba94ef7bb943/marketing_automations_24.png?w=44&q=70)\
\
Automação de marketing \
Transmita a mensagem certa na hora certa](/pt-br/solutions/marketing-automation-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/7oYiOvSkWPs6f9dUjS0lZn/93bf28c6a5cb5d099b0d454612d7f104/reporting_analyitics_24.png?w=44&q=70)\
\
Relatórios e análises \
Acompanhe as vendas e o desempenho da campanha](/pt-br/solutions/analytics-reporting-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/2ic8O1v9d3Zm7VS0JsY3Dn/ec95a46c8ffefe6293a7722d1153259b/audience_management_24.png?w=44&q=70)\
\
Gerenciamento de público \
Direcione e segmente clientes](/pt-br/solutions/audience-segmentation-tools/)

- [![](https://eep.io/images/yzco4xsimv0y/4ZXf8v8C40R1lA5iDbk4BI/0f847228d2d2a7c97d5e9dbf116b8576/Brain.png?w=44&q=70)\
\
Ferramentas de marketing com tecnologia de ia \
Conheça o assistente de crescimento com tecnologia de IA](/pt-br/solutions/ai-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/2HHdb0miuJAYaLmrVI8PcX/8261c38cf1b5c623ff30750929bb62d8/content_creation_24.png?w=44&q=70)\
\
Ferramentas de criação de conteúdo \
Crie conteúdo que cativa e converte](/pt-br/solutions/content-creation-tools/)
- [![](https://eep.io/images/yzco4xsimv0y/ITIyvkEAeQ4b47MiR5Z4q/8fda7455bb1fa812a6a0df8272b1cc15/marketing-crm__2_.png?w=44&q=70)\
\
Veja todos os recursos \
Veja todas as nossas ofertas de produtos em um só lugar](/pt-br/features/)

[Veja o que há de novo](/pt-br/whats-new/)

Para o seu setor

VoltarFechar menu principal

#### Para o seu setor

- [E-commerce e varejo](/pt-br/solutions/ecommerce-marketing-tools/)
- [Negócios baseados em serviços](/pt-br/solutions/lead-generation-platform/)
- [Aplicativos móveis e on-line](/pt-br/solutions/mobile-app-marketing-tools/)
- [Start-ups](/pt-br/solutions/marketing-tools-startups/)
- [Agências e profissionais autônomos](/pt-br/andco/)
- [Desenvolvedores](https://mailchimp.com/developer/)

Serviços profissionais

VoltarFechar menu principal

#### Serviços profissionais

- [Contrate um especialista](/pt-br/experts/)
- [Integração personalizada](/pt-br/services/onboarding/)
- [Sucesso do cliente](/pt-br/services/customer-success-management/)

Integre seus aplicativos

VoltarFechar menu principal

### Integre seus aplicativos

- [Shopify](https://mailchimp.com/integrations/shopify-mailchimp/)
- [Wix](https://mailchimp.com/integrations/wix/)
- [Salesforce](/pt-br/integrations/mailchimp-for-salesforce/)
- [Canva](/pt-br/integrations/canva/)
- [WooCommerce](/pt-br/integrations/woocommerce-mailchimp/)
- [Ver as mais de 300 integrações](/pt-br/integrations/)

- Recursos

VoltarFechar menu principal





### Recursos



Comece com o Mailchimp

VoltarFechar menu principal





#### Comece com o Mailchimp



- [E-commerce](/pt-br/resources/e-commerce/)
- [Conteúdo digital](/pt-br/resources/digital-content/)
- [Automações de marketing](/pt-br/resources/marketing-automations/)
- [Gerenciamento de público](/pt-br/resources/crm/)
- [Sites](/pt-br/resources/websites/)
- [Marketing por e-mail](/pt-br/resources/email/)
- [Redes sociais](/pt-br/resources/social-media/)

Mailchimp Presents

VoltarFechar menu principal

#### Mailchimp Presents

- [Podcasts](https://mailchimp.com/presents/)
- [Séries](https://mailchimp.com/presents/)
- [Vídeos](https://mailchimp.com/presents/)

Para desenvolvedores

VoltarFechar menu principal

#### Para desenvolvedores

- [API de marketing](https://mailchimp.com/developer/marketing/guides/quick-start/)
- [API transacional](https://mailchimp.com/developer/guides/transactional-api-quick-start/)
- [Observações da versão](https://mailchimp.com/developer/release-notes/)
- [E-mail transacional](/pt-br/features/transactional-email/)

[Veja todos os recursos](/pt-br/resources/)

- [![](https://eep.io/images/yzco4xsimv0y/6yOoWumPafwms8aFyhVDpB/28b603ee944a4de671436f1262756ac2/Union__21_.png?w=44&q=70)\
\
Central de Ajuda](/pt-br/help/)
- [![](https://eep.io/images/yzco4xsimv0y/69av0PWqSZzhriZAnAPqM/cfb9023d9ce0a53b34f3328077e9fc79/Union__22_.png?w=44&q=70)\
\
Estudos de caso](/pt-br/case-studies/)
- [![](https://eep.io/images/yzco4xsimv0y/uBOBSCLmkrfN3Pf6AdouT/f185b21f794aa494a538bcfedaf74193/Union__23_.png?w=44&q=70)\
\
Eventos](/pt-br/events/)

Serviços profissionais

VoltarFechar menu principal

#### Serviços profissionais

- [Contrate um especialista](/pt-br/experts/)
- [Integração personalizada](/pt-br/services/onboarding/)
- [Sucesso do cliente](/pt-br/why-mailchimp/customer-success/)

- [Mude para o Mailchimp](/pt-br/switch-to-mailchimp/)
- [Preços](/pt-br/pricing/marketing/)

- [Pesquisar](/pt-br/search/)
- Agora, esta página está disponível em outros idiomas.Português

- [EN\
\
English](/resources/web-design-vs-graphic-design/)
- [ES\
\
Español](/es/resources/web-design-vs-graphic-design/)
- [FR\
\
Français](/fr/resources/web-design-vs-graphic-design/)
- [BR\
\
Português](/pt-br/resources/web-design-vs-graphic-design/)
- [DE\
\
Deutsch](/de/resources/web-design-vs-graphic-design/)
- [IT\
\
Italiano](/it/resources/web-design-vs-graphic-design/)

- [Fale com a equipe de vendas:+1 (800) 315-5939](tel:+18003155939)
- Olá, %s


VoltarFechar menu principal







### Conta











- [Audiência](https://admin.mailchimp.com/audience/?ref=plums_nav)
- [Campanhas](https://admin.mailchimp.com/campaigns/?ref=plums_nav)
- [Conta](https://admin.mailchimp.com/account/?ref=plums_nav)

[Exibir painel de controle](https://admin.mailchimp.com/?ref=plums_nav)

- [Conectar](https://login.mailchimp.com/?locale=pt-br)
- [Começar grátis](/pt-br/pricing/marketing/)
  - [Intuit](https://www.intuit.com/)
  - [Turbo Tax](https://turbotax.intuit.com/)
  - [Credit Karma](https://www.creditkarma.com/)
  - [Quickbooks](https://quickbooks.intuit.com/)
  - [Mailchimp](https://mailchimp.com/)

## [Biblioteca de Marketing](/pt-br/resources/)

Confira os tópicos

### Confira os tópicos

#### Táticas de marketing—

- [Redes sociais](/pt-br/resources/social-media/)
- [E-Commerce](/pt-br/resources/e-commerce/)
- [CRM](/pt-br/resources/crm/)
- [Sites](/pt-br/resources/websites/)
- [Conteúdo digital](/pt-br/resources/digital-content/)
- [Automações de marketing](/pt-br/resources/marketing-automations/)
- [E-mail](/pt-br/resources/email/)

#### Fases do negócio—

- [Preparação e início](/pt-br/resources/prep-and-start/)
- [Gestão e administração](/pt-br/resources/manage-and-run/)
- [Expansão e vendas](/pt-br/resources/grow-and-scale/)

# Web design x design gráfico: o que você deve saber

Design web x gráfico são funções diversas que trabalham juntas. Saiba mais sobre desenvolvimento gráfico x desenvolvimento web, quando você precisa, e como eles funcionam.

Quando se trata de web design x [design gráfico](/pt-br/resources/what-is-graphic-design/), é importante conhecer as diferenças. Ambos funcionam juntos, mas também podem ser independentes. Embora a maioria das pessoas ache que são a mesma coisa, há conjuntos de competências específicas para cada um que são importantes de entender. Se você está escolhendo um plano de carreira específico ou é um proprietário de empresa que deseja renovar seu website, saber as diferenças entre web design e design gráfico pode ajudar a encontrar a carreira ou o designer certo.

Neste artigo, vamos explorar as diferenças entre [design gráfico e desenvolvimento web](/pt-br/resources/web-design-vs-web-development/), suas semelhanças e como eles podem trabalhar juntos.

## Design gráfico x web design

As competências técnicas necessárias para cada profissão são diferentes o suficiente para exigir conhecimento e treinamento adicionais. Os web designers devem conhecer a programação, enquanto os designers gráficos devem ter um forte conhecimento em aplicar criatividade e design para criar conceitos. Os designers gráficos devem ser consultados sobre anúncios impressos, materiais de marketing, um logo, imagens de redes sociais e boletins informativos. Por outro lado, os web designers criam sites, tornam os sites compatíveis com dispositivos móveis e são as pessoas que devem ser consultadas quando você quiser fazer alterações para acelerar seu site. Se você quer [projetar um belo site](/pt-br/resources/how-to-design-a-beautiful-website/), precisa de um web designer.

![](https://eep.io/images/yzco4xsimv0y/7GhML4npazW6gS9144DZla/4607abc36e46c1f9e0a5f8da697005e9/Row_52_MailChimp_Longform_-32_Graphic_3-01_PT.png?w=980&q=70)

Vejamos abaixo definições mais detalhadas de design gráfico e web design.

## O que é design gráfico?

Uma definição de design gráfico simples refere-se ao design gráfico como a prática de produzir conteúdo visual para transmitir uma mensagem específica. O design gráfico pode ser usado como uma forma de expressar ideias e pensamentos artisticamente, ou pode ser usado de uma forma mais comercial para comunicar visualmente mensagens e ideias usando elementos gráficos e textuais. O design gráfico ajuda a comunicar com o público, transmitindo o significado e a mensagem de um produto, campanha, projeto ou evento.

## O que é o web design?

[Web design](/pt-br/resources/web-design/) é a arte de planejar, conceituar e organizar conteúdo e elementos para acessar e compartilhar on-line. Isso trata da funcionalidade geral de como o site funciona e inclui o design da interface do usuário em aplicativos móveis e da web.

![](https://eep.io/images/yzco4xsimv0y/4Vke354mv8CXLnPaLYbeIA/b85cddad60bb56b6c1ee88395173f401/Row_52_MailChimp_Longform_-32_Graphic_2-01_PT.png?w=980&q=70)

O web design trata da aparência de um site, contando uma história para aprimorar a experiência do usuário. Ele também se concentra na funcionalidade de um site, assumindo tarefas como testar e otimizar sites; além de garantir que os sites estejam funcionando sem problemas e com eficiência.

Dê vida à sua marca criando seu próprio site. Projete a partir do zero, conecte um domínio, analise o tráfego e otimize para SEO.

[Cadastrar-se](/pt-br/pricing/marketing/)

## Web design x design gráfico: 8 diferenças principais

Uma das principais diferenças entre web design e design gráfico é a mídia na qual são usados. O web design está criando um design para uso na web e on-line, enquanto o design gráfico é projetado principalmente para impressão. O design gráfico não precisa conhecer programação, velocidade e outras questões técnicas relacionadas ao web design. Embora os designs gráficos possam ser usados em um site web, a funcionalidade geral e o posicionamento desses designs gráficos dependem do web designer. Estas são as principais diferenças entre os dois:

1. **O nível de competência técnica é diferente**: Os web designers devem conhecer programação e estar familiarizados com vários programas que suportam a criação web. O design gráfico não requer esse tipo de conhecimento porque, na maioria das vezes, ele é permanente. Os designs podem ser personalizados sem ter que passar por muitas limitações como no web design.
2. **Web é dinâmico, gráfico é permanente**: O web design tem seu próprio ritmo e fluxo, com a flexibilidade de se adaptar e mudar conforme necessário. Na maioria das vezes, o design gráfico cria imagens permanentes que em geral permanecem inalteradas depois de impressas ou produzidas.
3. **O design gráfico é estático e o web design é interativo**: O design gráfico não é tão interativo quanto o web design. Embora você possa vê-lo e tocá-lo, o gráfico não muda, a menos que seja animado. O web design exige que o usuário interaja completamente com o design clicando em botões e outros recursos de navegação para aumentar sua funcionalidade.
4. **Requisitos de tamanho de arquivo**: Se alguém estiver projetando um gráfico para a web, pixels e DPI podem ser um fator a considerar. As imagens para a web têm diretrizes específicas de tamanho e pixels, mas fora da web, a imagem requer mais pixels para ser exibida corretamente. O web design deve se concentrar nessas restrições técnicas, como tempo de carregamento e tamanho de arquivo, para manter o site funcionando corretamente.
5. **Limitações tipográficas**: Embora haja inúmeros avanços no web design, ainda há limitações para a tipografia. Se o navegador de um usuário não reconhecer o tipo de fonte em seu CSS, a letra será diferente do design inicial. Embora o web designer possa ter a fonte em seu computador e usá-la no design, isso pode causar problemas se não for uma fonte de tipo padrão. No design gráfico, se você tiver a fonte no seu computador e usá-la para imprimir o design, o resultado será o mesmo.
6. **Com o web design, é necessário um relacionamento contínuo**: Quando um site é concluído, não termina ali. Há atualizações e manutenção constantes necessárias para a manutenção. O web design exige envolvimento contínuo. O design gráfico não é tão exigente. Depois que o design é concluído, ele está pronto, a menos que haja alterações necessárias no design original. É fácil fazer uma alteração rápida em um site, mas fazer alterações em um design gráfico depois de impresso pode ser caro.
7. **Eles usam softwares diferentes**: Os web designers usam ferramentas de programação e criação web, enquanto os designers gráficos usam ferramentas como Adobe ou Canva para fazer suas criações.
8. **Os web designers trabalham com desenvolvedores web**: Os web designers trabalham com os desenvolvedores para dar vida às suas ideias na forma de código. Os desenvolvedores ajudam os designers a entender as limitações que podem existir, com base no design que estão tentando criar. Os web designers trabalham em conjunto com outras pessoas para descobrir as metas e objetivos do site, dando seus protótipos e delineados a um desenvolvedor web. A relação do desenvolvimento web com o design gráfico é diferente porque, diversamente de seu processo, os designers gráficos são os únicos envolvidos na criação. São a ideia por trás da visão criativa.

### Treinamento e experiência

Web designers e designers gráficos necessitam de treinamentos e experiências diferentes para realizar seu trabalho. Os web designers normalmente precisam das seguintes competências:

- **Design visual**: Você precisa de algum conhecimento de design para implementar corretamente o visual de um site. Isso inclui entender sistemas de grade, teoria das cores, proporções e tipografia.
- **Experiência do usuário (UX)**: Isso é crucial, pois aborda como as pessoas se sentirão ao interagir com o site. As competências de uma mentalidade de usuário em primeiro lugar devem ser aplicadas. Isso ajuda a criar delineados e projetar protótipos e modelos no design de cada página web.
- **Conhecimento de software**: Você deve usar as ferramentas certas para ter sucesso como web designer. Os designers do setor usam o Adobe Illustrator, Photoshop e Sketch tanto para web design quanto para design gráfico que exige maquetes, recursos de design e modificação de fotos.
- **CSS**: Conhecimento de folhas de estilo em cascata (cascading style sheets, CSS) é obrigatório, pois funciona diretamente com HTML. Esta é uma linguagem de código usada para conversar com navegadores sobre como formatar e estilizar o HTML em uma página web. O CSS permite alterar as fontes, cores e fundo. É o verdadeiro elemento de design de um site web.
- **HTML**: Há muitos criadores de sites no mercado que simplificam a construção de sites, mas o padrão do setor é ter conhecimento de HTML. HTML também é conhecido como HyperText Markup Language. Ele é usado para dar estrutura ao conteúdo da página da web. Um web designer também precisa ter algum conhecimento de JavaScript, que é um software usado em todo o setor.

Por outro lado, designers gráficos precisam de um conjunto diferente de competências, que inclui:

- **Tipografia**: Um designer gráfico deve ser capaz de organizar letras e palavras de forma esteticamente atraente.
- **[Princípios de design](/pt-br/resources/gestalt-principles-of-design/)**: Conhecimento prático de como usar espaço em branco, cor, hierarquia e [outros fundamentos](/pt-br/resources/principles-of-design-websites/).
- **[Design da experiência do usuário](/pt-br/resources/ux-design-process/)**: Uma compreensão do design simples da experiência do usuário ajuda a criar designs descomplicados para ajudar web designers e desenvolvedores.
- **Fontes**: A aparência do design é afetada pela escolha de fonte, tamanho e peso. Criar uma aparência atraente com as fontes certas ajuda a envolver os públicos.
- **RGB e CMYK**: Usar o conjunto de cores correto é fundamental. O RGB geralmente é usado para designs digitais, enquanto o CMYK é usado para projetos de impressão.
- **Uso das diretrizes da marca**: Ser capaz de seguir diretrizes da marca excepcionais é uma obrigação. Estes são padrões para uma organização e a apresentação da sua marca.
- **Edição de fotos**: É importante poder [editar fotos de bancos de imagens](/pt-br/resources/how-to-edit-photos/) ou tirar fotos para editar, pois muitos projetos exigem o uso de fotografia.
- **Tecnologia digital**: As competências tecnológicas são muito úteis para designers gráficos que também operam como designers visuais. O conhecimento prático de HTML, CSS e JavaScript é útil.

Ambas as profissões precisam de competências interpessoais que se sobreponham, como competências de colaboração, competências de comunicação, gestão de tempo, criatividade, resolução de problemas, conhecimento de tendências de design, redes sociais e gestão de clientes.

### Sua função geral

O papel geral de um web designer é projetar o layout e a estética de sites. Isso inclui codificação, design, construção de interface e navegação. Os web designers criam o esquema de cores do site para combinar com a identidade da marca, projetam botões e outros controles, criam maquetes para os desenvolvedores, corrigem problemas de funcionalidade e atualizam e mantêm o site.

A função geral de um designer gráfico é tornar a empresa ou organização visível e reconhecida pelo público. São usados imagens, texto, mídia e outros conteúdos para comunicar mensagens e ideias por meio do uso de peças criativas. Eles definem requisitos de design, visualizam e criam gráficos, incluindo layouts, ilustrações e logos para fins de marketing e publicidade, além dos aspectos visuais de sites, exposições, estandes, livros e muito mais. Os designers gráficos são fundamentais para redefinir uma ideia para indivíduos com todos os estilos de aprendizagem. Ele trabalha para dar vida a mensagens que evocam emoções e estimulam a comprar.

### Quais tarefas eles realizam para a sua empresa

Os designers gráficos criam uma identidade visual para uma empresa. Isso inclui criar paletas de cores, logos e tipografias que funcionam juntos. Eles criam imagens para livros e outras publicações, imagens para anúncios e campanhas, comerciais, [embalagens de produtos](/pt-br/resources/product-packaging/), interfaces de usuário em aplicativos e sites e muito mais. Eles também criam sinalização digital, layouts e peças criativas em redes sociais. Eles acompanham as tendências de design para garantir que a sua marca esteja sempre alinhada.

![](https://eep.io/images/yzco4xsimv0y/dWaaIRJGmOE5cqHHvdr7u/9ea4a2728c7e65e9c098ccf87c8a7458/Row_52_MailChimp_Longform_-32_Graphic_1-01_PT.png?w=980&q=70)

Por outro lado, um web designer pode ajudar a criar um site para a sua empresa e incorporar elementos-chave, como logos, cores da marca e outros recursos importantes.

## Como o design gráfico e o web design funcionam juntos

O design gráfico desempenha um papel importante no web design e desenvolvimento web porque comunica as ideias ou histórias da marca visualmente no site de uma empresa. Sua contribuição ajuda a aumentar a conscientização da marca para elevar e aprimorar a experiência do usuário. Por exemplo, ao considerar o [design do blog](/pt-br/resources/blog-design/), essas duas funções trabalham juntas para garantir uma experiência do usuário correta, usando a criatividade e a imaginação de um designer gráfico para reunir todos os elementos. Se não trabalham em conjunto, eles não são tão eficazes.

O objetivo geral dessas duas funções é manter o público em mente à medida que os designs e gráficos funcionam em conjunto. Descobrir o que eles querem e precisam e, traduzir isso em imagens cativantes em um site altamente funcional funciona maravilhosamente. As funções e o foco dos dois são diferentes, mas eles trabalham juntos para criar sinergia e equilíbrio. Isso garante que os aspectos visuais e funcionais sejam abordados, proporcionando um site de alta qualidade que atenda ou exceda as expectativas.

## Você precisa de um web designer e de um designer gráfico?

Isso depende. Embora a maioria dos designers gráficos tenham algum conhecimento da logística por trás da criação de um site, um web designer e desenvolvedor tem mais experiência nessa área. Se o designer gráfico não tiver experiência em criar um site e o web designer não tiver experiência como designer gráfico, ambos devem trabalhar juntos para garantir que a experiência do usuário seja memorável.

Embora você não precise de um web designer e um designer gráfico, se uma pessoa consegue fazer tudo isso, pode ser um processo difícil e tedioso. Ter os recursos e o conhecimento de ambas as funções pode fazer a diferença na maneira como as coisas são apresentadas ao seu público. Cada função tem as suas próprias especialidades. Se as funções estiverem sobrepostas, pode-se encontrar dificuldades ao tentar assumir muita responsabilidade. Cada função tem sua própria experiência, portanto, ter um web designer e um designer gráfico faz sentido se for financeiramente viável.

Dê vida à sua marca criando seu próprio site. Projete a partir do zero, conecte um domínio, analise o tráfego e otimize para SEO.

[Cadastrar-se](/pt-br/pricing/marketing/)

## Crie um site com a Mailchimp

Se você não tiver acesso a um web designer ou designer gráfico, há ferramentas disponíveis que ajudam você a [criar um site gratuitamente](/pt-br/features/website-builder/). As ferramentas da Mailchimp são robustas, com muitos recursos que ajudam a elevar o nível de seu site e ativos de marketing. O [Assistente Criativo](/pt-br/features/creative-assistant/) cria e redimensiona designs que ajudam a elevar o padrão da sua marca. Embora você talvez não tenha um designer gráfico na equipe, essa ferramenta com tecnologia de IA ajuda a criar designs multicanal para obter um visual coeso e profissional.

Este programa tem configurações de personalidade da marca para controlar o visual de cada ativo e garantir que as cores e mensagens da sua marca permaneçam consistentes. Os usuários podem editar cada peça criativa para canais específicos, como e-mail, Facebook, Instagram e até mesmo páginas de destino. Isso reduz parte da necessidade de um designer gráfico, ao mesmo tempo em que cria designs simples que atraem e envolvem seu público.

O [Estúdio de Conteúdo](/pt-br/features/content-studio/) da Mailchimp sincroniza todos os arquivos e ativos da sua marca para ajudar a criar campanhas consistentes. Usado em conjunto com o Assistente Criativo, os designs ficam facilmente acessíveis e prontos para serem incluídos na criação do site. O Estúdio de Conteúdo tem muitos benefícios:

- **Gerenciamento de ativos digitais**: Com tantas plataformas e conteúdos que precisam ser distribuídos, pode ser difícil encontrar o que você precisa completo em um só lugar. Se você não tiver uma estrutura de nomenclatura sólida, os itens podem se perder rapidamente. Documentos, arquivos, fotos e outros conteúdos relacionados à marca podem ser conectados às suas contas de redes sociais para que tudo seja armazenado e acessado em um único lugar.
- **Coesão**: O Estúdio de Conteúdo é a maneira perfeita de criar uma experiência da marca coesa. Você pode definir um logo padrão para cada campanha de marketing e reutilizar ativos em vários canais e campanhas.
- **Colaboração**: Seja uma equipe de 2 ou 10 pessoas, você pode usar o Estúdio de Conteúdo para compartilhar, encontrar e adaptar conteúdo rapidamente sem a preocupação de não usar a marca. Isso facilita a configuração de campanhas e ativos.
- **Da concepção à publicação**: Os ativos são facilmente adicionados a qualquer campanha em questão de segundos depois que as imagens são carregadas.

Ambas as ferramentas são essenciais para apoiar o uso e o desenvolvimento de um site para representar sua marca. O Criador de Sites da Mailchimp foi concebido para ajudar a criar, personalizar e promover sites visualmente agradáveis que são simples, mas funcionais. Embora um web designer ou desenvolvedor seja necessário para codificar sites e dar vida à sua visão, o Criador de Sites não requer experiência em design ou código. Os sites podem estar criados e funcionando dentro de uma hora, dependendo dos recursos criativos e das mensagens que você escolher para o seu site.

A Mailchimp facilita a adoção de um visual e uma sensação dos quais você pode se orgulhar. Com layouts profissionais pré-criados que podem ser usados para qualquer seção, você pode revisar e reorganizar como quiser. Ao criar seu site, você poderá ver suas alterações à medida que elas ocorrem e usar imagens da biblioteca de bancos de imagens para complementar o seu design.

Munido de ferramentas de alto nível que permitem agendar compromissos, agendar as redes sociais, produzir peças criativas e aumentar seu público com formulários, segmentação e relatórios para analisar os dados, você estará no caminho certo para construir uma marca forte e memorável com ou sem a necessidade de um web designer ou designer gráfico. Para obter mais informações sobre as ferramentas da Mailchimp, comece a criar um site gratuitamente hoje mesmo.

Dê vida à sua marca criando seu próprio site. Projete a partir do zero, conecte um domínio, analise o tráfego e otimize para SEO.

[Cadastrar-se](/pt-br/pricing/marketing/)

Compartilhar este artigo

[Compartilhe este artigo no Twitter](http://twitter.com/share?url=https://mailchimp.com/pt-br/resources/web-design-vs-graphic-design/) [Compartilhe este artigo no Linkedin](https://www.linkedin.com/shareArticle?mini=true&url=https://mailchimp.com/pt-br/resources/web-design-vs-graphic-design/) [Compartilhe este artigo no Facebook](https://www.facebook.com/sharer/sharer.php?u=https://mailchimp.com/pt-br/resources/web-design-vs-graphic-design/) [Enviar este artigo por e-mail](mailto:?subject=Web design x design gráfico: o que você deve saber&body=https%3A%2F%2Fmailchimp.com%2Fpt-br%2Fresources%2Fweb-design-vs-graphic-design%2F)

- ### Links relacionados:

- [Design de site para leigos](https://mailchimp.com/pt-br/resources/how-to-design-a-beautiful-website/)

- [6 melhores ferramentas de design de UI/UX](https://mailchimp.com/pt-br/resources/ui-ux-design-tools/)

- [13 sites de Design Gráfico para você se inspirar](https://mailchimp.com/pt-br/resources/graphic-design-website-inspiration/)


* * *

### Produtos

- [Por que o Mailchimp?](/pt-br/why-mailchimp/)
- [Atualizações de produtos](/pt-br/whats-new/)
- [Marketing por e-mail](/pt-br/features/email/)
- [Sites](/pt-br/features/website-builder/)
- [E-mail transacional](/pt-br/features/transactional-email/)
- [Nossos diferenciais](/pt-br/resources/mailchimp-comparisons/)
- [Conformidade com o RGPD](/pt-br/gdpr/)
- [Segurança](/pt-br/about/security/)
- [Status](https://status.mailchimp.com/)
- [Aplicativo móvel](/pt-br/features/mailchimp-mobile/)

### Recursos

- [Dicas de marketing](/pt-br/resources/)
- [Ferramentas de marketing gratuitas](/pt-br/resources/free-marketing-features-overview/)
- [Glossário de marketing](/pt-br/marketing-glossary/)
- [Diretório de integrações](/pt-br/integrations/)

### Comunidade

- [Agências e profissionais autônomos](/pt-br/andco/)
- [Desenvolvedores](https://mailchimp.com/developer/)
- [Eventos](/pt-br/events/)

### A empresa

- [Nossa história](/pt-br/about/)
- [Sala de imprensa](/pt-br/newsroom/)
- [Doe para quem está perto de você](https://mailchimp.com/givewhereyoulive)
- [Carreiras](/pt-br/jobs/)
- [Acessibilidade](https://www.intuit.com/accessibility/)

### Ajuda

- [Fale conosco](/pt-br/contact/)
- [Contrate um especialista](/pt-br/experts/)
- [Central de Ajuda](/pt-br/help/)
- [Equipe de vendas](https://mailchimp.com/sales/)

- [![Mailchimp Presents](https://eep.io/images/yzco4xsimv0y/73ZAoe8O3Y7SXQLeCNTq5u/8ddf1f63b4abdf7f67149d3a9d74a0bd/MCP.svg?w=260&q=70)](https://mailchimp.com/presents/)


Vídeos, podcasts e séries originais que exaltam o espírito empreendedor.



[Confira](https://mailchimp.com/presents/)


* * *

- [Intuit](https://www.intuit.com/)
- [Turbo Tax](https://turbotax.intuit.com/)
- [Credit Karma](https://www.creditkarma.com/)
- [Quickbooks](https://quickbooks.intuit.com/)
- [Mailchimp](https://mailchimp.com/)

- [![Baixar na App Store](https://eep.io/images/yzco4xsimv0y/1u3hha7FE0Q402e2qsMu6a/faf99ba9e5fe7c0693371fec2c1ea35a/Download_on_the_App_Store_Badge_PTBR_RGB_blk_092917.svg?w=160&q=70)](https://mailchimp.app.link/9v17ZhaeNR)
- [![Pegue no Google Play](https://eep.io/images/yzco4xsimv0y/64EpnI4RsQI66c2y2O60G2/7747ffda782a7fdd5cd1116475bf497b/google-play-badge-PT-BR.svg?w=160&q=70)](https://mailchimp.app.link/dxK9lDeHTR)

- [![Facebook](https://eep.io/images/yzco4xsimv0y/5daYAeMRSgIUUiSquGwsgI/c4f1bcaa7f06c0dbf66158331144eaf5/icon-facebook-21-20.svg?w=160&q=70)](https://www.facebook.com/mailchimp/)
- [![X (formerly Twitter) Logo](https://eep.io/images/yzco4xsimv0y/3VjJhbqftKuok6gqYuUQKy/b19aae83616891ee31ca7f801dcbb77d/icon-twitter-20-20.svg?w=160&q=70)](https://twitter.com/Mailchimp)
- [![Instagram](https://eep.io/images/yzco4xsimv0y/RlNw7Xkw8uKYAUoYU4aQw/e6b336e1e536e5ffccdc1654448d3c79/icon-instagram-21-20.svg?w=160&q=70)](https://www.instagram.com/mailchimp/)
- [![LinkedIn](https://eep.io/images/yzco4xsimv0y/n5saFR4miW4U4ygUIQo0A/f396bbf6610cc219e2e50a130010378c/icon-linkedin-20-20.svg?w=160&q=70)](https://www.linkedin.com/company/mailchimp)
- [![YouTube](https://eep.io/images/yzco4xsimv0y/2z1ra9BrgQewIqMQckMasg/61893a8beccd98808e4f8083d5a19764/icon-youtube-29-20-White__1_.svg?w=160&q=70)](https://www.youtube.com/user/Mailchimp)
- [![Pinterest](https://eep.io/images/yzco4xsimv0y/7nawBEArBKpxRukK66OZtN/2f0650df51c47298c6612737af44f22d/pinterest-logo-20-20.svg?w=160&q=70)](https://www.pinterest.com/mailchimp/)

[![Ferramentas compatíveis com RGPD](https://eep.io/images/yzco4xsimv0y/5YvMZrsHz6u8Xl3dbjlPWD/841c6b6c0a470f538c24b2651816868a/PT.svg?w=1600&q=70)](/pt-br/gdpr/)

Agora, esta página está disponível em outros idiomas.

English
Español
Français
Português
Deutsch
Italiano

©2001-2024 Todos os direitos reservados. Mailchimp® é marca registrada da The Rocket Science Group. Apple e o logotipo da Apple são marcas registadas da Apple Inc. Mac App Store é marca de serviços da Apple Inc. Google Play e o logotipo do Google Play são marcas registradas da Google Inc. [Privacidade](/pt-br/legal/privacy/) \| [Termos](/pt-br/legal/terms/) \| [Avisos legais](/pt-br/legal/) \| [Preferências de cookies](/pt-br/legal/cookies/#optanon-toggle-display/)