{"id":251,"date":"2019-04-04T15:39:26","date_gmt":"2019-04-04T13:39:26","guid":{"rendered":"https:\/\/iconecta.es\/blog\/?p=251"},"modified":"2019-04-04T15:45:06","modified_gmt":"2019-04-04T13:45:06","slug":"diseno-responsive","status":"publish","type":"post","link":"https:\/\/iconecta.es\/blog\/diseno-responsive\/","title":{"rendered":"Dise\u00f1o responsive o por qu\u00e9 el tama\u00f1o importa"},"content":{"rendered":"\n\n[et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb3.19.15″][et_pb_row _builder_version=\u00bb3.19.15″][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb3.19.15″][et_pb_text _builder_version=\u00bb3.19.15″]

Ordenadores de sobremesa, port\u00e1tiles, tabets, mini tablets, m\u00f3viles grandes, m\u00f3viles peque\u00f1os\u2026 la revoluci\u00f3n digital tiene, hoy el d\u00eda, muchos tama\u00f1os. En este sentido, se hace imprescindible para una web bien ejecutada tener un dise\u00f1o responsive<\/em> y estar pensada para ser vista desde cualquier tipo de dispositivo (con sus variables tama\u00f1os) sin que deforme los contenidos de la web.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb3.19.15″][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb3.19.15″][et_pb_text _builder_version=\u00bb3.19.15″]

\u00bfQu\u00e9 es el dise\u00f1o responsive<\/em>?<\/h2>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb3.19.15″][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb3.19.15″][et_pb_text _builder_version=\u00bb3.19.15″]

El dise\u00f1o responsive<\/em> consiste, por tanto, en una t\u00e9cnica de dise\u00f1o y desarrollo que pretende la adaptabilidad de los elementos de una web<\/strong> a cualquier tipo de dispositivo, permitiendo as\u00ed una visualizaci\u00f3n \u00f3ptima y una experiencia de usuario positiva.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb3.19.15″][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb3.19.15″][et_pb_image src=\u00bbhttps:\/\/iconecta.es\/blog\/wp-content\/uploads\/2019\/04\/responsive.png\u00bb _builder_version=\u00bb3.19.15″][\/et_pb_image][\/et_pb_column][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb3.19.15″][et_pb_image src=\u00bbhttps:\/\/iconecta.es\/blog\/wp-content\/uploads\/2019\/04\/no-responsive.png\u00bb _builder_version=\u00bb3.19.15″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb3.19.15″][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb3.19.15″][et_pb_text _builder_version=\u00bb3.19.15″]

Trascendencia del dise\u00f1o responsive<\/em><\/h2>\n

El desarrollo de webs responsive a\u00f1ade una serie de valores, tanto a nivel de usuario como para los desarrolladores, que se pueden resumir en los siguientes aspectos.<\/p>\n

    \n
  • Relativizaci\u00f3n del tama\u00f1o:<\/strong> El dise\u00f1o responsive<\/em> es compatible con diferentes resoluciones y distintos tama\u00f1os de dispositivo gracias a que se basa en la proporcionalidad. De este modo, los recursos que existen en la web se redimensionan proporcionalmente (v\u00eddeos, im\u00e1genes, etc) consiguiendo una calidad \u00f3ptima en cualquier pantalla.<\/li>\n
  • Mejor usabilidad:<\/strong> Directamente relacionada con la anterior, al adaptarse autom\u00e1ticamente a las proporciones de cada dispositivo, las caracter\u00edsticas de uso y legibilidad para el usuario ser\u00e1 mucho m\u00e1s \u00f3ptima.<\/li>\n
  • Interfaz adaptable:<\/strong> Esto se consigue gracias a la fluidez<\/strong><\/em> del sitio web, pues jerarquiza la informaci\u00f3n para ofrecer el contenido esencial al usuario.<\/li>\n
  • Menos coste:<\/strong> Y es que el dise\u00f1o responsive<\/em> simplifica el c\u00f3digo, pues no requiere versiones distintas para cada tipo de dispositivo.<\/li>\n
  • Optimizaci\u00f3n en los motores de b\u00fasqueda:<\/strong> Gracias a que usa una sola direcci\u00f3n web (URL<\/em>), los resultados en los motores de b\u00fasqueda ser\u00e1n mejores.<\/li>\n
  • Actualizaciones m\u00e1s eficientes:<\/strong> Esto es debido a que se utiliza una sola plantilla para la producci\u00f3n de la web, por lo que puede modificarse sin perder eficiencia.<\/li>\n<\/ul>\n

    En definitiva, el dise\u00f1o responsive<\/em> es un must<\/em> del desarrollo web<\/strong> que, creemos, no va a parar de crecer. Prueba de ello son las \u00faltimas tendencias en m\u00f3viles plegables que, sin lugar a duda, van a suponer un reto para los desarrolladores. \u00a0<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n\n","protected":false},"excerpt":{"rendered":"

    El dise\u00f1o responsive consiste, por tanto, en una t\u00e9cnica de dise\u00f1o y desarrollo que pretende la adaptabilidad de los elementos de una web a cualquier tipo de dispositivo, permitiendo as\u00ed una visualizaci\u00f3n \u00f3ptima y una experiencia de usuario positiva. <\/p>\n","protected":false},"author":2,"featured_media":260,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[64,60,63,61,62],"class_list":["post-251","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","tag-desarrollo-web","tag-diseno-responsive","tag-navegacion-fluida","tag-responsive-web","tag-web-adaptable","et-has-post-format-content","et_post_format-et-post-format-standard"],"_links":{"self":[{"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/posts\/251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/comments?post=251"}],"version-history":[{"count":6,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/posts\/251\/revisions"}],"predecessor-version":[{"id":264,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/posts\/251\/revisions\/264"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/media\/260"}],"wp:attachment":[{"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/media?parent=251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/categories?post=251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iconecta.es\/blog\/wp-json\/wp\/v2\/tags?post=251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}