{"id":10030,"date":"2013-12-20T08:00:12","date_gmt":"2013-12-20T08:00:12","guid":{"rendered":"http:\/\/www2.internetinnovation.com.br\/?p=10030"},"modified":"2013-12-20T08:00:12","modified_gmt":"2013-12-20T08:00:12","slug":"entenda-o-que-e-design-responsivo","status":"publish","type":"post","link":"https:\/\/www.internetinnovation.com.br\/blog\/entenda-o-que-e-design-responsivo\/","title":{"rendered":"Entenda o que \u00e9 design responsivo"},"content":{"rendered":"<p>Hoje em dia, nos conectamos a internet pelos mais diversos dispositivos, de monitores e telas widescreen a pequenos displays de celulares.<br \/>\n<figure id=\"attachment_12143\" aria-describedby=\"caption-attachment-12143\" style=\"width: 560px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-12143  lazy\" alt=\"\" src=\"http:\/\/www2.internetinnovation.com.br\/wp-content\/uploads\/2013\/12\/1-entenda-o-que-e-design-responsivo.jpg\" width=\"560\" height=\"341\" srcset=\"https:\/\/www.internetinnovation.com.br\/blog\/wp-content\/uploads\/2013\/12\/1-entenda-o-que-e-design-responsivo.jpg 800w, https:\/\/www.internetinnovation.com.br\/blog\/wp-content\/uploads\/2013\/12\/1-entenda-o-que-e-design-responsivo-300x183.jpg 300w, https:\/\/www.internetinnovation.com.br\/blog\/wp-content\/uploads\/2013\/12\/1-entenda-o-que-e-design-responsivo-768x468.jpg 768w, https:\/\/www.internetinnovation.com.br\/blog\/wp-content\/uploads\/2013\/12\/1-entenda-o-que-e-design-responsivo-514x313.jpg 514w, https:\/\/www.internetinnovation.com.br\/blog\/wp-content\/uploads\/2013\/12\/1-entenda-o-que-e-design-responsivo-450x274.jpg 450w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><figcaption id=\"caption-attachment-12143\" class=\"wp-caption-text\"><span class=\"credit\"><a title=\"Depositphotos.com\/SergeyNivens\" href=\"http:\/\/www2.internetinnovation.com.br\/fonte\/url=http:\/\/pt.depositphotos.com\/30240549\/stock-photo-technology-concept.html\" target=\"_blank\" rel=\"noopener\">Depositphotos.com\/SergeyNivens<\/a><\/span> O design responsivo garante a adapta\u00e7\u00e3o do conte\u00fado aos mais diversos tipos de dispositivos.<\/figcaption><\/figure><br \/>\nCom o crescimento dos acessos via tablets e smartphones \u2013 que t\u00eam tamanhos e resolu\u00e7\u00f5es cada vez mais variadas \u2013, um dos assuntos mais comentados na \u00e1rea de web atualmente \u00e9 o conceito de design responsivo.<br \/>\nWeb Design Responsivo \u00e9 uma t\u00e9cnica de estrutura\u00e7\u00e3o HTML e CSS em que o site se adapta aos diferentes browsers e tamanhos de tela, garantindo uma \u00f3tima experi\u00eancia de visualiza\u00e7\u00e3o, leitura e navega\u00e7\u00e3o, com o m\u00ednimo de redimensionamento.<br \/>\nCom essa t\u00e9cnica, ao inv\u00e9s de criar sites separados para cada plataforma \u2013 mobiles, desktops, tablets, TVs e notebooks \u2013, voc\u00ea projeta apenas um layout que vai se ajustar automaticamente a qualquer tela em que for carregado.<br \/>\nEm tempos de alta concorr\u00eancia, a preocupa\u00e7\u00e3o com a usabilidade deve estar presente em qualquer projeto web, seja ele grande ou pequeno. Isso inclui as adequa\u00e7\u00f5es aos diferentes tipos de dispositivos.<br \/>\nN\u00e3o adianta oferecer um website com boa leitura e f\u00e1cil navega\u00e7\u00e3o para desktops, se este apresentar ilegibilidade, bot\u00f5es pequenos e estrutura deformada quando acessado de um smartphone, por exemplo.<br \/>\n\u00c9 preciso lembrar que para muitas pessoas estes aparelhos se tornaram o principal meio de acesso \u00e0 internet, portanto, se a experi\u00eancia for ruim, provavelmente desistir\u00e3o de conhecer o seu neg\u00f3cio.<br \/>\nPor este motivo, a aplica\u00e7\u00e3o do design responsivo tem se tornado tend\u00eancia. Essa nova t\u00e9cnica, al\u00e9m de assegurar ao usu\u00e1rio uma boa experi\u00eancia de navega\u00e7\u00e3o, tamb\u00e9m \u00e9 indicada para a \u00e1rea de SEO (Search Engine Optimization).<br \/>\nIsso porque, utilizar um mesmo c\u00f3digo HTML para todos os dispositivos evita que os mecanismos do Google interpretem as informa\u00e7\u00f5es de cada vers\u00e3o como conte\u00fado duplicado.<br \/>\n&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoje em dia, nos conectamos a internet pelos mais diversos dispositivos, de monitores e telas widescreen a pequenos displays de celulares. Com o crescimento dos acessos via tablets e smartphones \u2013 que t\u00eam tamanhos e resolu\u00e7\u00f5es cada vez mais variadas \u2013, um dos assuntos mais comentados na \u00e1rea de web atualmente \u00e9 o conceito de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12143,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"class_list":["post-10030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-glossario"],"_links":{"self":[{"href":"https:\/\/www.internetinnovation.com.br\/blog\/wp-json\/wp\/v2\/posts\/10030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.internetinnovation.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.internetinnovation.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.internetinnovation.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.internetinnovation.com.br\/blog\/wp-json\/wp\/v2\/comments?post=10030"}],"version-history":[{"count":0,"href":"https:\/\/www.internetinnovation.com.br\/blog\/wp-json\/wp\/v2\/posts\/10030\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.internetinnovation.com.br\/blog\/wp-json\/wp\/v2\/media\/12143"}],"wp:attachment":[{"href":"https:\/\/www.internetinnovation.com.br\/blog\/wp-json\/wp\/v2\/media?parent=10030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.internetinnovation.com.br\/blog\/wp-json\/wp\/v2\/categories?post=10030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.internetinnovation.com.br\/blog\/wp-json\/wp\/v2\/tags?post=10030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}