Skip to main content

Hoy vamos a comentar lo que consideramos que es un diseño web de respuesta para que sea visible en cualquier resolución. Algo que no siempre podemos cumplir por tiempos o costes de los proyectos, o porque nuestros clientes no están interesados en llegar a ese nivel de compatibilidad con dispositivos y ordenadores. Mostraremos algunos ejemplos de sitios webs que no solo se ven bien a máxima resolución, sino que se escalan perfectamente a cualquier tamaño de pantalla, incluso dispositivos móviles como teléfonos, tabletas, netbook, … un mismo diseño aplicado a una gran gama de formatos siempre bien presentado.

¿Qué que es el diseño web de respuesta?

Nuestros sitios web ya no son visto solo desde un monitor de ordenador. Móviles, smartphones, netbooks, tabletas, … todos con una gran variedad de resoluciones y tamaños de pantalla diferentes que no hace más que complicar el trabajo de los diseñadores. La idea de dar soporte para múltiples resoluciones ofreciendo la respuesta correcta en cada situación no es nueva. Todo empieza con el diseño de sitios estáticos y con anchos e imágenes fijas, o la creación de sitios líquidos y flexibles donde las áreas se basan en porcentajes, las imágenes se escalan según la resolución, … todo posible con un buen trabajo de CSS para determinar ancho mínimo (min-width) y orientación (orientation) del dispositivo. Un primer paso puede ser crear una versión móvil, seguido de buscar la mejor solución para personalizar el diseño para una serie de resoluciones.

Ejemplos de webs en inglés con aplicación de diseño web de respuesta

No vamos mostrar una lista completa de este tipo de sitios, pero podéis ver la lista completa en el artículo en el que tenemos la referencia, que está en inglés en Line25. Cada ejemplo muestra una vista previa de la web completa como un ejemplo con una resolución pequeña, pero para conseguir una experiencia completa lo mejor es que visites el sitio web y juegues a cambiar la resolución de la ventana, incluso visualizarlo en dispositivos móviles y tabletas.

Hora del planeta (francés)

diseño web de respuesta - hora del planeta

Laufbild Werkstatt (diseño cocinas/muebles)

diseño web de respuesta - Laufbild Werkstatt

admin

Author admin

More posts by admin

Color Vivo Internet S.L.

¿Qué empresa trata tus datos?

COLOR VIVO INTERNET, S.L. (en adelante, el “TITULAR”).

¿Por qué tratamos los datos que te pedimos?

Tratamos tus datos para poder prestarte los servicios del TITULAR, enviarte información sobre nuestros productos y/o servicios y atender a las solicitudes de información, quejas, sugerencias o cualquier asunto que el Usuario desee enviar a través del formulario de contacto del Sitio Web. +info

¿Cuál es la legitimación para este tratamiento de tus datos?

Estos datos son necesarios para llevar a cabo la prestación de los servicios que se hayan solicitado a través del Sitio Web, así como el consentimiento que nos hayas otorgado conforme a nuestra Política de Privacidad y para la ejecución de un Contrato. +info

¿Se van a hacer cesiones o transferencias con tus datos?

No, tus datos no podrán cederse a terceras empresas. +info

¿Cuáles son mis derechos?

El interesado tiene derecho a ejercitar su derecho de:

¿Se utilizan tus datos para hacer perfilados o segmentaciones?

No, el TITULAR no llevará a cabo técnicas de profiling con tus datos +info

¿Tienes dudas?

Tanto si tienes alguna duda o sugerencia como si quieres darte de baja ponte en contacto con nosotros enviando un email a la siguiente dirección: [email protected] ++info

×