{"id":184,"date":"2016-11-12T00:37:04","date_gmt":"2016-11-12T00:37:04","guid":{"rendered":"http:\/\/ltecnologia.com.br\/blog\/?p=184"},"modified":"2020-05-07T18:34:04","modified_gmt":"2020-05-07T18:34:04","slug":"be-water-my-friend-o-que-e-design-responsivo","status":"publish","type":"post","link":"http:\/\/ltecnologia.com.br\/blog\/be-water-my-friend-o-que-e-design-responsivo\/","title":{"rendered":"Be Water, My Friend : O que \u00e9 Design Responsivo?"},"content":{"rendered":"

O que \u00e9 um design responsivo?<\/strong><\/p>\n

Essa \u00e9 uma d\u00favida que muitos iniciantes em desenvolvimento Web e meus clientes t\u00eam e n\u00e3o imaginam que \u00e9 um requisito necess\u00e1rio para receber acessos em seu site de todos os tipos de dispositivos, e a\u00ed o que \u00e9 esse tal de design responsivo?<\/p>\n

\"DESIGN<\/p>\n

Um Website com Design responsivo<\/strong> \u00e9 aquele que ad\u00e9qua a sua apar\u00eancia ao tipo de dispositivo que est\u00e1 sendo acessado, ou seja, se voc\u00ea est\u00e1 acessando uma p\u00e1gina web no computador ele apresentar\u00e1 um formato para desktop, se est\u00e1 acessando esta mesma p\u00e1gina em um SmartPhone ele ter\u00e1 outro formato e resolu\u00e7\u00e3o de imagens diferentes, caso seja em um tablet, a resolu\u00e7\u00e3o ir\u00e1 se aplicar a tela do tablet… caso seja de uma geladeira … ops espera… acho que j\u00e1 captou a ideia n\u00e9 mestre?<\/p>\n

Eu vou lhe dizer a import\u00e2ncia de ter um site com design responsivo!<\/strong><\/p>\n

Os sites responsivos realmente s\u00e3o essenciais atualmente, sen\u00e3o obrigat\u00f3rios, al\u00e9m de  facilitar a vida do desenvolvedor que n\u00e3o precisar\u00e1 criar um layout do escopo do site para cada tipo diferente de dispositivo, trar\u00e1 mais acessibilidade e ganhar\u00e1 mais \u201cterreno\u201d no disputado PageRank dos motores de busca. Seguindo o aumento exponencial do uso de Smartphones e Tablets, a internet come\u00e7ou a se adaptar aos dispositivos m\u00f3veis de uma forma que quem est\u00e1 fora est\u00e1 perdendo muito acesso, e atualmente, \u00e9 fundamental que o seu site tenha uma responsividade adequada e funcional. Lembre-se \u00e9 preciso estar em todos os lugares<\/strong>!<\/p>\n

Gosto de parafrasear a responsividade com uma cita\u00e7\u00e3o do Grande Bruce Lee quando ele diz:<\/strong><\/p>\n

\u201cEsvazie sua mente.<\/em><\/p>\n

Seja amorfo, sem forma como a \u00e1gua.<\/em><\/p>\n

Se voc\u00ea coloca \u00e1gua em um copo,ela se torna um copo.<\/em><\/p>\n

Se voc\u00ea a coloca em uma garrafa ela se torna uma garrafa.<\/em><\/p>\n

Se voc\u00ea a coloca em uma chaleira, ela se torna uma chaleira.<\/em><\/p>\n

A \u00e1gua pode fluir mas tamb\u00e9m destruir.<\/em><\/p>\n

Seja \u00e1gua meu amigo.\u201d<\/em><\/p>\n

Meu amigo(a)! Isso n\u00e3o serve s\u00f3 pra vida, mas tamb\u00e9m tem que acontecer com seu WebSite, deve-se fluir o design, as cores, os links, os slides COMO A \u00c1GUA! Tem que se transformar no dispositivo que o usu\u00e1rio acessa e envolv\u00ea-lo naturalmente sem nenhuma falha de design ou funcionalidade.<\/strong><\/p>\n

\"Seja
“Seja \u00e1gua, meu amigo…”<\/em><\/figcaption><\/figure>\n

Eu preciso atualizar meu site e torna-lo Responsivo?<\/strong><\/p>\n

Voc\u00ea n\u00e3o precisa, voc\u00ea deve! O Google lan\u00e7ou uma campanha chamada #MobileMadness<\/a> informando que sites responsivos e que sejam compat\u00edveis com dispositivos m\u00f3veis, se tornar\u00e1 um fator de classifica\u00e7\u00e3o nos resultados de buscas do Google. Isso acontece por que voc\u00ea \u00e9 respons\u00e1vel pelo que apresenta ao usu\u00e1rio, e o Google \u00e9 quem vai guiar o usu\u00e1rio at\u00e9 voc\u00ea, ent\u00e3o a responsabilidade n\u00e3o \u00e9 apenas de deixar o design bonito e funcional, mas tamb\u00e9m acess\u00edvel de todas as formas poss\u00edveis.<\/p>\n

\"conteudo<\/p>\n

N\u00e3o sou s\u00f3 um desenvolvedor que oferece essa solu\u00e7\u00e3o em todos os meus projetos de websites, eu tamb\u00e9m sou um usu\u00e1rio que prefere sites com design responsivo<\/strong> porque facilita muito as minhas buscas por informa\u00e7\u00f5es, passo o dia no trabalho e quando o site n\u00e3o consegue me apresentar as informa\u00e7\u00f5es de forma adequada ao meu smartphone, eu j\u00e1 descarto este e acesso outros links do resultados de busca. Ou seja, \u00e9 de extrema import\u00e2ncia que seu site seja responsivo.<\/p>\n

E ai, tem uma p\u00e1gina na Web e ela \u201cse quebra\u201d toda quando acessam-na via celular? Tem que ficar dando zoom para visualizar se\u00e7\u00f5es e imagens? Pra sua sorte eu posso te ajudar com isso<\/a>.<\/p>\n\n