Hablemos de Diseño es un blog dedicado a Photoshop e Illustrator , donde encontrareis cientos de ilustraciones vectoriales y recursos en general tanto para: diseño grafico como diseño web


Mostrando entradas con la etiqueta Responsive. Mostrar todas las entradas
Mostrando entradas con la etiqueta Responsive. Mostrar todas las entradas

Responsive, diseños web adaptables

Hace un tiempo Google anunció que comenzará a dar prioridad, en sus resultados de búsqueda, a todas aquellas webs que se encuentren adaptadas para los diferentes dispositivos tales como tabletas y móviles. 

Con esta noticia, poco tiempo después hizo su aparición en el mercado el Responsive que ayuda a lograr que las páginas web ofrezcan versiones que se adapten a los dispositivos que habitualmente utilizan los usuarios, tal y como lo recomendara Google. 

Lo novedoso es que con la aparición de los diseños Responsive todo se encuentra literalmente concentrado en una sola página que provee una adaptación del diseño en función de cada dispositivo, como también teniendo en cuenta la resolución de la pantalla que frecuentemente utiliza el usuario para visualizarla. 

Así, la red ofrece en la actualidad una gran variedad de resucesos que son de gran ayuda a los diseñadores web que se interesan en la aplicación de esta técnica tanto en el diseño como en el desarrollo web. 

La aplicación online Responsif y permite la creación rápida y fácil de una plantilla y está orientada a los diseñadores que recién se inician en el mundo de la creación de diseños multidispositivos y adaptables a cualquier resolución de pantalla. El uso de la plataforma www.responsify.it se destaca por ser bastante amigable, además de ser de uso gratuito. 

Otra plataforma interesante es Responsive Grid System especialmente pensada la creación de webs Responsive, contando con un template grid que sirve para agilizar la creación del diseño adaptable, con la característica diferente que en lugar de ajustar el contenido al grid, puede hacerse a la inversa o sea que el grid se adapte al contenido. 

Por su parte ResponsiveAeon 2.0, es un framework que usando HTML5 y CSS3 permite y facilita la creación de grids adaptables a diferentes tamaños de pantalla y dispositivos. Con un grid de doce columnas y un ancho de 1104px en total, la aplicación trabaja con mediaqueries y dispone de estilos para hacer tablas, tipografía, botones y formularios. 

Por último, la aplicación Responsive Design Bookmarklet es un marcador que puede testear la total adaptabilidad de un sitio web y como cualquier bookmarklet es de instalación y uso muy sencillo ya que solo es necesario arrastrarlo a la barra de marcadores y posteriormente con un click puede comprobarse cómo se ve una web en las distintas resoluciones de pantalla.