{"id":777,"date":"2018-08-01T16:32:59","date_gmt":"2018-08-01T19:32:59","guid":{"rendered":"https:\/\/www.postdigital.cc\/blog\/design-web-e-design-grafico-quais-suas-diferencas\/"},"modified":"2023-09-20T22:02:08","modified_gmt":"2023-09-21T01:02:08","slug":"design-web-e-design-grafico-quais-suas-diferencas","status":"publish","type":"post","link":"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas","title":{"rendered":"Design Web e Design Gr\u00e1fico: quais suas diferen\u00e7as?"},"content":{"rendered":"

Qualquer empresa que queira se destacar no mercado deve fazer uso do marketing digital. Isso \u00e9 imperativo, independente do porte ou ramo de atua\u00e7\u00e3o da empresa, uma vez que o pr\u00f3prio paradigma do mundo est\u00e1 obrigando as empresas a atuarem tamb\u00e9m na web, pois \u00e9 l\u00e1 onde as pessoas se encontram grande parte do tempo. E se estamos falando de estrat\u00e9gia digital<\/em>, temos que falar de design, pois ele \u00e9 o elemento de diferencia\u00e7\u00e3o da empresa, ou seja, \u00e9 ele o respons\u00e1vel por fazer com que as marcas e produtos sejam reconhecidos como aquela marca espec\u00edfica. Existem diversas modalidades de design, tais como design de produto, de ambientes, de servi\u00e7os, de web e o design gr\u00e1fico. E s\u00e3o estas duas \u00faltimas modalidades em seus mais diferentes aspectos, ou seja, a diferen\u00e7a entre design web e design gr\u00e1fico<\/em>, que este artigo se dedicar\u00e1.<\/p>\n

Design Web<\/h2>\n

Antes de vermos as diferen\u00e7as entre Design Web e Design Gr\u00e1fico<\/em>, vamos ver a defini\u00e7\u00e3o de cada tipo de Design. Como o pr\u00f3prio nome nos indica, o Design Web diz respeito a toda parte do design relacionada a web. \u00c0 primeira vista pode parecer uma defini\u00e7\u00e3o bastante simples e mesmo superficial, mas \u00e9 esta a defini\u00e7\u00e3o de Design Web. Vamos refin\u00e1-la um pouco mais: se estamos falando de comunica\u00e7\u00e3o corporativa na web, estamos falando de sites, aplicativos e documentos web (para circular neste meio espec\u00edfico). E \u00e9 justamente no processo de desenvolvimento destes produtos que o Design Web entra. Isso significa que ele \u00e9 um campo necessariamente multidisciplinar, pois envolve acessibilidade, usabilidade, arquitetura da informa\u00e7\u00e3o, programa\u00e7\u00e3o e, claro, o design.<\/p>\n

Dentre os requisitos b\u00e1sicos de Web Designer (o profissional especializado em Design Web), est\u00e1 o conhecimento de linguagens de formata\u00e7\u00e3o\/programa\u00e7\u00e3o mais utilizadas na constru\u00e7\u00e3o de produtos web, como HTML, CSS e mesmo C+.<\/p>\n

Design Gr\u00e1fico<\/h2>\n

Fazendo um paralelo t\u00e3o simples quanto eficaz com tudo o que foi dito acima, se o Design Web tem como foco a tela, o Design Gr\u00e1fico tem como ponto de interesse o papel. E quando se diz papel se considera algo muito mais amplo que uma folha de A4, pois absolutamente tudo em Design Gr\u00e1fico \u00e9 relacionado ao layout, ou seja, a distribui\u00e7\u00e3o de textos e imagens em determinada superf\u00edcie (que n\u00e3o seja a tela, pois a\u00ed trata-se de Design Web). Logo flyers, outdoors, revistas, jornais, encartes diversos, embalagens e tudo mais que \u00e9 f\u00edsico.<\/p>\n

Diferen\u00e7a entre Design Web e Design Gr\u00e1fico<\/h2>\n

O primeiro ponto em que as formas de design abordadas aqui diferem diz respeito ao n\u00edvel de liberdade de cria\u00e7\u00e3o. \u00c9 \u00f3bvio que ambos os profissionais das referidas \u00e1reas possuem restri\u00e7\u00f5es em seu trabalho. Tendo isso em mente, podemos dizer que o Design Web e o Design Gr\u00e1fico possuem algumas diferen\u00e7as. O Design Gr\u00e1fico por exemplo tem maior liberdade de cria\u00e7\u00e3o, pelos pr\u00f3prios suportes que usa. J\u00e1 o Design Web, al\u00e9m das restri\u00e7\u00f5es do pr\u00f3prio meio, deve atender a uma s\u00e9rie de requisitos inerentes ao usu\u00e1rio, como o usabilidade e acessibilidade. Em termos de diferen\u00e7as propriamente t\u00e9cnicas entre as duas \u00e1reas, a lista \u00e9 bastante extensa. Aqui destacaremos tr\u00eas, a saber:<\/p>\n

Formato<\/strong><\/h3>\n

Enquanto o tipo de produto final do Design Gr\u00e1fico \u00e9 determinado antes mesmo de ser executado – um flyer, um cat\u00e1logo, um outdoor, uma revista, dentre outros, no Design Web n\u00e3o \u00e9 bem assim, pois o modo como o usu\u00e1rio ir\u00e1 acessar o produto final s\u00e3o os mais variados<\/a> – tablet, celular, uma infinidade de navegadores web, etc. Assim, o formato dos produtos do primeiro ser\u00e1 geralmente um JPEG (mais rica em cores e detalhes) e do segundo GIF (reconhecido pela maioria dos navegadores);<\/p>\n

Interatividade<\/strong><\/h3>\n

\"Interatividade\"<\/p>\n

Apesar de existirem exemplos bastante famosos e bem sucedidos de materiais impressos capazes de interagir com o consumidor, o Design Web propicia maneiras muito mais f\u00e9rteis e diversas de intera\u00e7\u00e3o com o usu\u00e1rio<\/a>. Coment\u00e1rios, menus suspensos, gifs e anima\u00e7\u00f5es s\u00e3o apenas algumas das formas de intera\u00e7\u00e3o do Design Web;<\/p>\n

Fontes<\/strong><\/h3>\n

\"Fontes\"<\/p>\n

Apesar de parecer algo bastante banal, este \u00e9 um elemento de diferencia\u00e7\u00e3o de extrema import\u00e2ncia. No Design Gr\u00e1fico, depois de escolhida a melhor fonte para o projeto, n\u00e3o \u00e9 preciso mais se preocupar, pois a impress\u00e3o nunca ir\u00e1 alter\u00e1-la. J\u00e1 no Design Web, de acordo com o navegador e com as configura\u00e7\u00f5es da m\u00e1quina do usu\u00e1rio, a fonte pode ser alterada – isso geralmente acontece pois o software n\u00e3o possui aquela fonte instalada.<\/p>\n

Entendeu quais as diferen\u00e7as entre Design Web e Design Gr\u00e1fico<\/em>? Esperamos que este artigo tenha agregado conhecimento a voc\u00ea. Se quiser saber mais, \u00e9 s\u00f3 navegar pelo restante dos artigos da Post Digital, com conte\u00fados pensados especialmente para voc\u00ea e para levar ainda mais sucesso \u00e0 sua estrat\u00e9gia de marketing digital<\/em>. N\u00e3o deixe de baixar o nosso e-book gratuito ‘Design, cores e experi\u00eancia do usu\u00e1rio’<\/a> e saiba como fazer o design do seu site, conseguindo \u00f3timos resultados!<\/p>\n

\"Design,<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Voc\u00ea sabe a diferen\u00e7a entre Design Web e Design Gr\u00e1fico? \u00c9 muito importante voc\u00ea saber para planejar suas a\u00e7\u00f5es de divulga\u00e7\u00e3o. Veja no post de hoje esses 2 tipos de Design e melhore seus resultados!<\/p>\n","protected":false},"author":1,"featured_media":778,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"acf":[],"yoast_head":"\nDesign Web e Design Gr\u00e1fico: quais suas diferen\u00e7as? - Blog da Post Digital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Web e Design Gr\u00e1fico: quais suas diferen\u00e7as? - Blog da Post Digital\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea sabe a diferen\u00e7a entre Design Web e Design Gr\u00e1fico? \u00c9 muito importante voc\u00ea saber para planejar suas a\u00e7\u00f5es de divulga\u00e7\u00e3o. Veja no post de hoje esses 2 tipos de Design e melhore seus resultados!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas\" \/>\n<meta property=\"og:site_name\" content=\"Blog da Post Digital\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-01T19:32:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-21T01:02:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2022\/08\/design-web-e-design-grafico-quais-suas-diferencas.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"641\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Andr\u00e9 Cintra\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andr\u00e9 Cintra\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas\",\"url\":\"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas\",\"name\":\"Design Web e Design Gr\u00e1fico: quais suas diferen\u00e7as? - Blog da Post Digital\",\"isPartOf\":{\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#website\"},\"datePublished\":\"2018-08-01T19:32:59+00:00\",\"dateModified\":\"2023-09-21T01:02:08+00:00\",\"author\":{\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/7c1bf9d6cbd2eb649cbe2b2f3448476a\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.postdigital.cc\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Web e Design Gr\u00e1fico: quais suas diferen\u00e7as?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#website\",\"url\":\"https:\/\/www.postdigital.cc\/blog\/\",\"name\":\"Blog da Post Digital\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.postdigital.cc\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/7c1bf9d6cbd2eb649cbe2b2f3448476a\",\"name\":\"Andr\u00e9 Cintra\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d84bf2a7fbc83e100057cfda5d91e7f2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d84bf2a7fbc83e100057cfda5d91e7f2?s=96&d=mm&r=g\",\"caption\":\"Andr\u00e9 Cintra\"},\"sameAs\":[\"https:\/\/www.postdigital.cc\/blog\"],\"url\":\"https:\/\/www.postdigital.cc\/blog\/author\/geeks\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Web e Design Gr\u00e1fico: quais suas diferen\u00e7as? - Blog da Post Digital","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas","og_locale":"pt_BR","og_type":"article","og_title":"Design Web e Design Gr\u00e1fico: quais suas diferen\u00e7as? - Blog da Post Digital","og_description":"Voc\u00ea sabe a diferen\u00e7a entre Design Web e Design Gr\u00e1fico? \u00c9 muito importante voc\u00ea saber para planejar suas a\u00e7\u00f5es de divulga\u00e7\u00e3o. Veja no post de hoje esses 2 tipos de Design e melhore seus resultados!","og_url":"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas","og_site_name":"Blog da Post Digital","article_published_time":"2018-08-01T19:32:59+00:00","article_modified_time":"2023-09-21T01:02:08+00:00","og_image":[{"width":1000,"height":641,"url":"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2022\/08\/design-web-e-design-grafico-quais-suas-diferencas.jpg","type":"image\/jpeg"}],"author":"Andr\u00e9 Cintra","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Andr\u00e9 Cintra","Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas","url":"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas","name":"Design Web e Design Gr\u00e1fico: quais suas diferen\u00e7as? - Blog da Post Digital","isPartOf":{"@id":"https:\/\/www.postdigital.cc\/blog\/#website"},"datePublished":"2018-08-01T19:32:59+00:00","dateModified":"2023-09-21T01:02:08+00:00","author":{"@id":"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/7c1bf9d6cbd2eb649cbe2b2f3448476a"},"breadcrumb":{"@id":"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.postdigital.cc\/blog\/artigo\/design-web-e-design-grafico-quais-suas-diferencas#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.postdigital.cc\/blog\/"},{"@type":"ListItem","position":2,"name":"Design Web e Design Gr\u00e1fico: quais suas diferen\u00e7as?"}]},{"@type":"WebSite","@id":"https:\/\/www.postdigital.cc\/blog\/#website","url":"https:\/\/www.postdigital.cc\/blog\/","name":"Blog da Post Digital","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.postdigital.cc\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/7c1bf9d6cbd2eb649cbe2b2f3448476a","name":"Andr\u00e9 Cintra","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d84bf2a7fbc83e100057cfda5d91e7f2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d84bf2a7fbc83e100057cfda5d91e7f2?s=96&d=mm&r=g","caption":"Andr\u00e9 Cintra"},"sameAs":["https:\/\/www.postdigital.cc\/blog"],"url":"https:\/\/www.postdigital.cc\/blog\/author\/geeks"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/posts\/777"}],"collection":[{"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/comments?post=777"}],"version-history":[{"count":5,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/posts\/777\/revisions"}],"predecessor-version":[{"id":6950,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/posts\/777\/revisions\/6950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/media\/778"}],"wp:attachment":[{"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/media?parent=777"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/categories?post=777"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/tags?post=777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}