Todos los d\u00edas la tecnolog\u00eda avanza de manera sorprendente con el fin de hacer m\u00e1s f\u00e1cil la vida del hombre y con ella, surgen nuevos deseos y necesidades que demandan la innovaci\u00f3n y la mejor\u00eda de los productos y servicios que se posicionan en el mercado. \u00a0 Si hablamos de las tendencias en Internet, las nuevas estrategias que se est\u00e1n generando tienen que ver con los usuarios, de hecho su enfoque esta en ellos. Anteriormente exist\u00eda una gran barrera que separaba al consumidores de los sitios, pues aunque se segu\u00edan desarrollando aparatos electr\u00f3nicos con acceso a Internet, muchas de las paginas no estaban optimizadas para funcionar desde estos dispositivos. \u00a0 Sin embargo ese obst\u00e1culo pudo derribarse gracias a las nuevas t\u00e9cnicas que permiten a las p\u00e1ginas adaptarse al contexto de los usuarios actuales y atraer a los usuarios potenciales, y que la muchos dise\u00f1adores, programadores y due\u00f1os de sitios est\u00e1n implementando.<\/p>\n
\u00a0 <\/p>\n
Este conjunto de t\u00e9cnicas es lo que se denomina como Dise\u00f1o web adaptativo o adaptable tambien llamado, Responsive Web Design, que se ha acerca mucho m\u00e1s al usuario logrando con esto su satisfacci\u00f3n y mayor apogeo y prestigio en los sitios. El m\u00e9todo fue creado y difundido por el dise\u00f1ador Ethan Marcotte cuya idea era estructurar una Web para todos que fuera de excelente calidad, a la que se pudiera acceder desde cualquier lugar y visualizar desde cualquier aparato tecnol\u00f3gico. \u00a0 Una de las ventajas del Dise\u00f1o adaptable, que se conoce tambi\u00e9n como dise\u00f1o l\u00edquido, es emplear una sola versi\u00f3n del sitio que se puede adaptar a cualquier resoluci\u00f3n de pantalla, sin necesidad de desarrollar aplicaciones especificas, aminorando costos, errores en los buscadores y lo mejor es que su funcionamiento deja de depender de las clases de dispositivos.<\/p>\n
\u00a0<\/p>\n
Como informaci\u00f3n relacionada con el dise\u00f1o web adaptable queremos compartirles esta infograf\u00eda llamada el proceso del dise\u00f1o web adaptable que consta de los siguientes pasos:<\/p>\n
Hablar con el cliente y recoger expectativas acerca del proyecto. \u00a0<\/p>\n
Determinar las metas del sitio, evaluar requerimientos t\u00e9cnicos, poner en marcha una auditor\u00eda de contenido. \u00a0<\/p>\n
Establecer prioridad de contenido para el dise\u00f1ador usando contenido real via: \u00a0<\/p>\n
Para sitios complejos con muchas plantillas \u00fanicas, crear gu\u00edas de prioridad est\u00e1ticas, similares a ret\u00edculas.<\/p>\n
Para sitios m\u00e1s simples, crear un prototipo de dise\u00f1o web adaptable basado en HTML.<\/p>\n
<\/p>\n
Crear un prototipo basado en estilo que establezca una gu\u00eda visual para el sitio. \u00a0<\/p>\n
Tipograf\u00eda, Muestras de Color, Estilos de Botones, Encabezado, Navegaci\u00f3n, Fotograf\u00eda \u00a0<\/p>\n
Crear aspectos de dise\u00f1o en HTML y CSS basado en las necesidades y estilo descrito en los pasos anteriores, este paso es una colaboraci\u00f3n c\u00edclica entre el dise\u00f1ador y el desarrollador.<\/p>\n
Crear c\u00f3digos para plantillas adaptables, comenzando con la parte de dispositivos m\u00f3viles. Usar la gu\u00eda de prioridad o el prototipo de prioridad de contenido, como un mapa de c\u00f3mo priorizar el contenido de el c\u00f3digo para dispositivos m\u00f3viles. Incorporar aspectos de dise\u00f1o y establecer como el dise\u00f1o deber\u00eda responder cuando el explorador aumenta.<\/p>\n
<\/p>\n
Integrar las plantillas dentro de el administrador de contenido escogido.<\/p>\n
<\/p>\n
Liberar su creaci\u00f3n en dise\u00f1o web adaptable al mundo.<\/p>\n","protected":false},"excerpt":{"rendered":"
Responsive Web Design, Dise\u00f1o Web Adaptativo o Adaptable Todos los d\u00edas la tecnolog\u00eda avanza de manera sorprendente con el fin de hacer m\u00e1s f\u00e1cil la vida del hombre y con ella, surgen nuevos deseos y necesidades que demandan la innovaci\u00f3n y la mejor\u00eda de los productos y servicios que se posicionan en el mercado. \u00a0 […]<\/p>\n","protected":false},"author":1,"featured_media":4275,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[39,76],"tags":[],"class_list":["post-4235","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno","category-diseno-web"],"acf":[],"yoast_head":"\n