{"id":881,"date":"2016-09-21T16:58:59","date_gmt":"2016-09-21T19:58:59","guid":{"rendered":"https:\/\/www.postdigital.cc\/blog\/os-3-maiores-mitos-do-design-responsivo\/"},"modified":"2023-11-17T16:46:23","modified_gmt":"2023-11-17T19:46:23","slug":"os-3-maiores-mitos-do-design-responsivo","status":"publish","type":"post","link":"https:\/\/www.postdigital.cc\/blog\/artigo\/os-3-maiores-mitos-do-design-responsivo","title":{"rendered":"Os 3 maiores mitos do Design Responsivo"},"content":{"rendered":"

A difus\u00e3o de diferentes dispositivos m\u00f3veis com acesso a internet trouxe aos Designers uma nova preocupa\u00e7\u00e3o: a visualiza\u00e7\u00e3o do conte\u00fado online em smartphones e tablets. O design responsivo, devido a sua capacidade de adapta\u00e7\u00e3o a tela, atualmente \u00e9 utilizado por sites de diversas empresas, jornais, entre outros. Representando um avan\u00e7o na forma com que as p\u00e1ginas s\u00e3o acessadas por dispositivos m\u00f3veis, ele pode ser aplicado como uma estrat\u00e9gia de marketing digital<\/em>. No entanto, \u00e9 necess\u00e1rio esclarecer alguns mitos do design responsivo<\/em> antes de come\u00e7ar a trabalhar com o modelo.<\/p>\n

O que \u00e9 o Design Responsivo?<\/h2>\n

\"O<\/p>\n

O design responsivo<\/a> \u00e9 uma t\u00e9cnica onde o layout de um site se adapta ao tamanho da tela em que est\u00e1 sendo exibido. Isto \u00e9, apesar de possuir uma vers\u00e3o tradicional para desktop, caso seja aberto em smartphones ou tablets, o site dispensar\u00e1 os recursos de zoom, reorganizando sua disposi\u00e7\u00e3o de acordo com as dimens\u00f5es dispon\u00edveis para a sua visualiza\u00e7\u00e3o. Assim, abrir um site em dispositivos alternativos n\u00e3o \u00e9 um problema, pois ele pode ser utilizado normalmente. Agora que voc\u00ea j\u00e1 sabe o que \u00e9 design responsivo, vamos ver quais s\u00e3o os seus principais mitos?<\/p>\n

#1 O design fica igual em todos os dispositivos<\/h2>\n

Um dos mitos do design responsivo<\/em> \u00e9 que a disposi\u00e7\u00e3o dos elementos da p\u00e1gina fica igual em todos os dispositivos, ou seja, independente do dispositivo em que fosse aberto, o layout traria os mesmos elementos do que a p\u00e1gina aberta no desktop. No entanto, apesar da efic\u00e1cia do design responsivo, os elementos que aparecer\u00e3o na tela depender\u00e3o do tamanho que ela possui.<\/p>\n

\u00c9 praticamente imposs\u00edvel organizar o layout de uma tela de 15 polegadas em um smartphone, por exemplo. Por este motivo, apesar da proposta tentadora, o design responsivo \u00e9 eficiente ao facilitar a visualiza\u00e7\u00e3o, por\u00e9m, isto n\u00e3o significa que o conte\u00fado n\u00e3o ser\u00e1 prejudicado.<\/p>\n

#2 Design Responsivo economiza tempo<\/h2>\n

Ao inv\u00e9s de desenvolver um layout para cada tipo de tela, o site responsivo<\/a> precisaria apenas de ajustes, o que economizaria o tempo dos Designers. Obviamente, criar uma organiza\u00e7\u00e3o de p\u00e1gina para cada dispositivo parece bastante trabalhoso. No entanto, isso n\u00e3o signifca que o design responsivo n\u00e3o demande de v\u00e1rias altera\u00e7\u00f5es tamb\u00e9m.<\/p>\n

Apesar de sua capacidade de adapta\u00e7\u00e3o, os in\u00fameros dispositivos dispon\u00edveis no mercado com as mais variadas resolu\u00e7\u00f5es de tela implicam em diferentes atualiza\u00e7\u00f5es para cada tipo de equipamento, ou seja, os sites responsivos facilitam neste processo, por\u00e9m nem todo o problema est\u00e1 resolvido. Os Web Designers ainda gastar\u00e3o muito tempo at\u00e9 que todos os sites tenham adapta\u00e7\u00f5es para todos os dispositivos.<\/p>\n

#3 As p\u00e1ginas do site carregam mais r\u00e1pido<\/h2>\n

\"As<\/p>\n

Ao contr\u00e1rio do que muitos pensam, os sites com design responsivo n\u00e3o carregam mais r\u00e1pido. Embora possuam um layout adaptado, com a exclus\u00e3o de alguns elementos para melhor organiza\u00e7\u00e3o, o tamanho de imagens e do pr\u00f3prio design da p\u00e1gina continua o mesmo. Portanto, a p\u00e1gina abrir\u00e1 em dispositivos alternativos na mesma velocidade em que abre na web, visto que, mesmo n\u00e3o mostrando uns elementos, eles ser\u00e3o carregados da mesma forma.<\/p>\n

Apesar destas caracter\u00edsticas, a utiliza\u00e7\u00e3o de um design responsivo \u00e9 uma forma mais pr\u00e1tica de adaptar as p\u00e1ginas da web aos diversos equipamentos dispon\u00edveis no mercado. Ainda existem algumas altera\u00e7\u00f5es que s\u00e3o necess\u00e1rias, ou seja, o design responsivo n\u00e3o atua de forma autom\u00e1tica. Por\u00e9m, acompanhando a evolu\u00e7\u00e3o da tecnologia, esta t\u00e9cnica facilita a visualiza\u00e7\u00e3o de conte\u00fado e oferece mais qualidade ao p\u00fablico, al\u00e9m de facilitar o trabalho do Designer, que n\u00e3o precisa mais trabalhar com o desenvolvimento de um layout individual para cada plataforma.<\/p>\n

Atualmente, o m\u00e9todo \u00e9 uma das estrat\u00e9gias digitais<\/em> mais pr\u00e1ticas e eficientes para os sites mobile se bem utilizado. Ap\u00f3s esclarecer os mitos do design responsivo<\/em>, n\u00e3o deixe de conferir nossas dicas para efetuar a mudan\u00e7a de forma efetiva. Para saber mais, fa\u00e7a o download gratuito do nosso e-book ‘O passo a passo para desenvolver um site de sucesso’<\/a> e veja como fazer um site que d\u00ea resultados para sua empresa!<\/p>\n

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

Voc\u00ea sabia que ainda existem alguns mitos do Design Responsivo rondando a cabe\u00e7a dos empres\u00e1rios? Veja quais s\u00e3o eles e fa\u00e7a um site responsivo que d\u00ea resultados positivos para sua empresa!<\/p>\n","protected":false},"author":1,"featured_media":882,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,6,7],"tags":[],"acf":[],"yoast_head":"\nOs 3 maiores mitos do Design Responsivo - Blog da Post Digital<\/title>\n<meta name=\"description\" content=\"Representando um avan\u00e7o na forma com que as p\u00e1ginas s\u00e3o acessadas por dispositivos m\u00f3veis, ele pode ser aplicado como uma estrat\u00e9gia de marketing digital. No entanto, \u00e9 necess\u00e1rio esclarecer alguns mitos do design responsivo antes de come\u00e7ar a trabalhar com o modelo.\" \/>\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\/os-3-maiores-mitos-do-design-responsivo\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Os 3 maiores mitos do Design Responsivo - Blog da Post Digital\" \/>\n<meta property=\"og:description\" content=\"Representando um avan\u00e7o na forma com que as p\u00e1ginas s\u00e3o acessadas por dispositivos m\u00f3veis, ele pode ser aplicado como uma estrat\u00e9gia de marketing digital. No entanto, \u00e9 necess\u00e1rio esclarecer alguns mitos do design responsivo antes de come\u00e7ar a trabalhar com o modelo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.postdigital.cc\/blog\/artigo\/os-3-maiores-mitos-do-design-responsivo\" \/>\n<meta property=\"og:site_name\" content=\"Blog da Post Digital\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-21T19:58:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-17T19:46:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2022\/08\/os-3-maiores-mitos-do-design-responsivo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"584\" \/>\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\/os-3-maiores-mitos-do-design-responsivo\",\"url\":\"https:\/\/www.postdigital.cc\/blog\/artigo\/os-3-maiores-mitos-do-design-responsivo\",\"name\":\"Os 3 maiores mitos do Design Responsivo - Blog da Post Digital\",\"isPartOf\":{\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#website\"},\"datePublished\":\"2016-09-21T19:58:59+00:00\",\"dateModified\":\"2023-11-17T19:46:23+00:00\",\"author\":{\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/7c1bf9d6cbd2eb649cbe2b2f3448476a\"},\"description\":\"Representando um avan\u00e7o na forma com que as p\u00e1ginas s\u00e3o acessadas por dispositivos m\u00f3veis, ele pode ser aplicado como uma estrat\u00e9gia de marketing digital. No entanto, \u00e9 necess\u00e1rio esclarecer alguns mitos do design responsivo antes de come\u00e7ar a trabalhar com o modelo.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.postdigital.cc\/blog\/artigo\/os-3-maiores-mitos-do-design-responsivo#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.postdigital.cc\/blog\/artigo\/os-3-maiores-mitos-do-design-responsivo\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.postdigital.cc\/blog\/artigo\/os-3-maiores-mitos-do-design-responsivo#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.postdigital.cc\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Os 3 maiores mitos do Design Responsivo\"}]},{\"@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":"Os 3 maiores mitos do Design Responsivo - Blog da Post Digital","description":"Representando um avan\u00e7o na forma com que as p\u00e1ginas s\u00e3o acessadas por dispositivos m\u00f3veis, ele pode ser aplicado como uma estrat\u00e9gia de marketing digital. No entanto, \u00e9 necess\u00e1rio esclarecer alguns mitos do design responsivo antes de come\u00e7ar a trabalhar com o modelo.","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\/os-3-maiores-mitos-do-design-responsivo","og_locale":"pt_BR","og_type":"article","og_title":"Os 3 maiores mitos do Design Responsivo - Blog da Post Digital","og_description":"Representando um avan\u00e7o na forma com que as p\u00e1ginas s\u00e3o acessadas por dispositivos m\u00f3veis, ele pode ser aplicado como uma estrat\u00e9gia de marketing digital. No entanto, \u00e9 necess\u00e1rio esclarecer alguns mitos do design responsivo antes de come\u00e7ar a trabalhar com o modelo.","og_url":"https:\/\/www.postdigital.cc\/blog\/artigo\/os-3-maiores-mitos-do-design-responsivo","og_site_name":"Blog da Post Digital","article_published_time":"2016-09-21T19:58:59+00:00","article_modified_time":"2023-11-17T19:46:23+00:00","og_image":[{"width":800,"height":584,"url":"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2022\/08\/os-3-maiores-mitos-do-design-responsivo.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\/os-3-maiores-mitos-do-design-responsivo","url":"https:\/\/www.postdigital.cc\/blog\/artigo\/os-3-maiores-mitos-do-design-responsivo","name":"Os 3 maiores mitos do Design Responsivo - Blog da Post Digital","isPartOf":{"@id":"https:\/\/www.postdigital.cc\/blog\/#website"},"datePublished":"2016-09-21T19:58:59+00:00","dateModified":"2023-11-17T19:46:23+00:00","author":{"@id":"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/7c1bf9d6cbd2eb649cbe2b2f3448476a"},"description":"Representando um avan\u00e7o na forma com que as p\u00e1ginas s\u00e3o acessadas por dispositivos m\u00f3veis, ele pode ser aplicado como uma estrat\u00e9gia de marketing digital. No entanto, \u00e9 necess\u00e1rio esclarecer alguns mitos do design responsivo antes de come\u00e7ar a trabalhar com o modelo.","breadcrumb":{"@id":"https:\/\/www.postdigital.cc\/blog\/artigo\/os-3-maiores-mitos-do-design-responsivo#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.postdigital.cc\/blog\/artigo\/os-3-maiores-mitos-do-design-responsivo"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.postdigital.cc\/blog\/artigo\/os-3-maiores-mitos-do-design-responsivo#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.postdigital.cc\/blog\/"},{"@type":"ListItem","position":2,"name":"Os 3 maiores mitos do Design Responsivo"}]},{"@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\/881"}],"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=881"}],"version-history":[{"count":4,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/posts\/881\/revisions"}],"predecessor-version":[{"id":8367,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/posts\/881\/revisions\/8367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/media\/882"}],"wp:attachment":[{"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/media?parent=881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/categories?post=881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/tags?post=881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}