Diseno Web Adaptativo

DISENO WEB ADAPTATIVO

Es necesario comprender la importancia al momento de desarrollar un sitio web, que sea adaptativo a los diferentes ambientes donde pueda ser ejecutado y que estos respondan a su entorno. Es decir, que la cuadriculas de diseño, imágenes, contenido se adapten a cualquier pantalla sin importar sus dimensiones, estando todo en un solo sitio, con un solo diseño.

Si definimos que un diseño es adaptable, podemos decir que son varios disenos de ancho fijo o si es responsable son varios diseños de cuadricula de fluidos.

O se puede entender o disenar como un enfoque mixto donde existe un ancho fijo para la cuadriculas grandes y medianas y un ancho de fluidos para los pequenos.

Esto se hace realmente necesario y practico a la hora de disenar y modelar sitios en donde se van a realizar consultas, por que con el paso del tiempo, del dia a dia, las personas tendrán dispositivos que vienen con sus plataformas, navegadores que interactuaran con tu sitio de diferentes maneras, por lo que se hace fundamental realizar el cambio a este diseño responsable y asi no quedar rezagados.

Grafica 1. Diseno responsable demostración. Referencia http://johnpolacek.github.io/scrolldeck.js/decks/responsive/

Estos diseño se extienden por toda la web, no solo lo implementan las tiendas de belleza, las cadenas deportivas, los diarios, cualquier empresa que quiera posicionar su sitio con sus clientes y cualquier visitante, por lo cual, la Escuela de cadetes de Policia General Franciso de Paula Santander no debe de ser ajena a esta tendencia de cambio y desarrollo que se esta evidenciado con la llegada de dispositivos de una manera mas accesible a la comunidad.

Grafica 2. Demostración del mismo contenido en diferentes pantallas.

http://johnpolacek.github.io/scrolldeck.js/decks/responsive/

El diseño y modelamiento de un sitio web siguiendo estas pautas, no solo hace que se posicione y se flexible en los diferentes ambientes donde se pueda ejecutar, hace además, ahorrar tiempo y dinero, por que solamente se desarrolla un solo sitio que funciona para varias pantallas o ‘screen’, y no realizar muchos scripts según el ambiente lo cual significa mas esfuerzo que se traduce en mas dinero y baja calidad del aplicativo.

Soporte del navegador, es una característica imprescindible por que se integra de una manera perfecta con los diferentes navegadores que existen (sean Mozilla, Google Chrome, Opera entre otros), no se limita a las posibilidades que estos soporten sino que simplemente funciona y corre de una manera agil y rápida, de una manera adaptable. Los navegadores interpretan excelente el código lo cual hace que el sitio se vea atractivo, fácil de usar y amigable al usuario, características importantísimas al momento de evaluar el ‘carisma’ de un aplicativo.

Rendimiento, se ve mejorado de una manera significativa, lo cual se logra al momento de integrarse con el código CSS, en la parte del cliente (hojas de estilo, imágenes, archivos JavaScript o JQuery), el tiempo de respuesta mejora considerablemente por que se esta mejorando el rendimiento en la parte importante para el usuario final.

Contenido, el contenido se estructura mejor, intercambia con las imágenes para el mejor diseño y vista posible, siempre va a estar organizado, donde debería estar, haciendo que el sitio sea apetecible por los visitantes, personas que interactúan con el. Permite que este sea comodo y fácil de leer y comprender, con la extensión justa, sin ser mas ni menos, lo

...