Recursos de todo tipo para dar nueva vida a tus creaciones

Combination UI

Continuando con nuestra selección habitual de recursos mensuales, en esta ocasión te traemos recursos gráficos para Web e impresión, interfaces gráficas de usuario, iconos, plantillas y temas para WordPress en PSD y HTML, listas para implementar en tu sitio Web, y también experimentos de código.

Recursos gráficos para todo tipo de proyectos, Web e impresos

Esta sección esta compuesta de recursos gráficos, útiles tanto para impresión como para Web. Entre ellos se cuentan patrones, botones sociales, mockups de dispositivos para mostrar tus creaciones, vectores, fondos de pantalla y más.

Fondo de pantalla iOS 7: fondo en alta resolución con efecto de gradiente

Fondo de pantalla iOS7

Mockups iPad: un set de iPads en estilo plano para presentar tus proyectos

mockups iPad

Botones de Facebook: útil set de botones con docenas de distintos estilos

botones de facebook

Patrones claros: patrones para fondos de pantalla en tonalidades claras

patrones claros

Etiquetas retro: 48 etiquetas retro para toda clase de proyectos

Etiquetas retro

Elementos para infografias: un paquete de elementos en PSD para infografí­as

Elementos para infografias

Plantilla de volante: plantilla en un estilo limpio y claro

plantilla de volante

Logo templates: un set de 9 plantillas de logos corporativos

Logo templates

Explosion in Space: un fondo de pantalla abstracto en alta resolución

Explosion in space

Vectores de paí­ses: útil set de vectores de casi todos los paises del mundo

Vectores de paises

 

Interfaces gráficas con todo tipo de efectos para renovar la apariencia de tus proyectos

En esta sección encontrarás, interfaces gráficas, en algunos casos con transparencias interesantes, fondos brillantes, texturas en 3D, interfaces sociales, interfaces de dispositivos móviles, y otras.

Interfaz transparente: moderna interfaz en tonos oscuros

Interfaz transparente

Combination UI: avanzada interfaz con un enorme lote de elementos

Combination UI

Lucid UI kit: interfaz con texturas 3D y brillos suaves

Lucid UI kit

UI set: interfaz para aplicaciones sociales para móviles

UI set

White Stripes: interfaz hecha de widgets lineales

White stripes UI

Real estate Booking UI: intefaz minimalista para uso personal y comercial

Real estate booking UI

Interfaz iOS 7: moderna interfaz para aplicaciones sociales.

interfaz iOS7

UI kit: interfaz para la web con estilo semi-plano

UI kit

Botones 3D: set de botones multimedia con textura plástica

Botones 3D

Flatty: completo set de elementos web con mas de 30 tipologí­as

Flatty UI

 

Los mejores iconos de todo tipo para mejorar la apariencia de tu sitio

Esta parte del post está compuesta de increí­bles iconos distribuidos en sets completos. Entre ellos podrás encontrar iconos planos en su mayorí­a, minimalistas, sociales, simbólicos y modernos.

Iconos iOS7: más de 100 iconos con el colorido estilo iOS 7

iconos iOS7

Set de iconos minimalistas para toda clase de proyectos

Iconos minimalistas

40 iconos sociales para WordPress

Iconos sociales para WordPress

Iconos lineares: un set simple de mas de 100 iconos

Simple line icons

Iconos planos PSD: un set de coloridos iconos en 2 estilos

Iconos planos PSD

Sí­mbolos de monedas: un set minimalista con iconos de monedas de distintos paises

iconos de monedas

Paquete de iconos gestuales: 12 iconos para explicar lo que una aplicación táctil puede hacer

Iconos gestuales

Iconos sociales neonizados: iconos lineares con un efecto de color neonizado

Iconos Sociales neonizados

CouCou icons: un set de 64 divertidos iconos con un estilo moderno

CouCou icons

Icon set: 144 iconos en vector para interfaces

Icon set

 

Temas y plantillas en HTML y PSD que dan vida a tus creaciones digitales

Aquí­ verás un montón de temas y plantillas para blogs con el fin de decorar tu sitio Web. Desde plantillas para revistas online, hasta elegantes y profesionales diseños para sitios Web de todas las disciplinas. Son en su mayorí­a responsivas.

Maeja: un tema de WordPress para magazines

Maeja WordPress theme

Tblog: tema minimalista de WordPress para bloggers

Tblog tema de WordPress

Wijayakusuma: una plantilla en HTML con un reloj de cuenta regresiva

Wijayakusuma: plantilla html

Avante: tema de WordPress con un diseño limpio y fantásticos efectos de imagen

Avante tema de WordPress

Paramedic: elegante tema diseñado para blogs de medicina

Paramedic: tema de WordPress

Bloom: plantilla en PSD para sitios de comercio electrónico

Bloom: Plantilla de ecommerce PSD

Supernova: un tema con muchas opciones para blogs

Supernova tema de Wordpress

Flatty: tema para páginas de aterrizaje con un moderno diseño

Flatty plantilla en HTML

Fullby: sencillo tema de WordPress con diseño en grilla para magazines

Fullby tema WordPress

Lycanthropy: tema en estilo plano para magazines

Lycanthropy tema WordPress

 

Experimentos de código para mejorar el rendimiento de tu web

Los siguientes recursos son interesantes experimentos de código en JavaScript, HTML y jQuery. Son diversos plugins que puedes integrar en tu sitio web para incrementar la funcionalidad, agregar nuevas caracterí­sticas y mejorar el rendimiento de tu web.

Batman.JS: un framework para realizar aplicaciones en coffeescript

Batman.JS

Texto en imanes: un divertido experimento de código con efecto de imán para refrigerador

efecto de texto en imanes

Ventana de tour guiado: un experimento de código para tours con transiciones simples

ventana de tour guiado

Fondos de pantalla adaptables: un plugin de jQuery que adapta el color de fondo de acuerdo a la imagen

Fondos de pantalla adaptables

Type rendering mix: una herramienta para aplicar CSS basado en el navegador que se use

Type rendering mix

Icono de menú: un icono de menú que se convierte en el menú

Icono de menu

Selector de imágenes con efecto de rebote

Selecto de imagenes con efecto de rebote

Metro UI animations: set de í­conos animados al estilo de Windows 8

Animaciones interfaz metro

Animaciones de carga: set de modernas animaciones de carga en CSS

Animaciones de carga

Screenfull.js : plugin de jQuery para visualizar elementos en pantalla completa

Screenfull.JS

Visual.ly recibe 8,1 millones de dólares en financiación para ampliar su galerí­a de infografí­as

visual-ly

Tendemos a ver y crear infografí­as sobre todos los temas que se nos puedan pasar por la cabeza: desde datos estadí­sticos que nos puedan ser relevantes para entender el mundo hasta infografí­as que nos enseñan cómo ser feliz. Y la plataforma de infografí­as Visual.ly es una de los responsables de esto, plataforma que sigue haciendo crecer su mercado de visualizaciones de datos y que hoy nos anuncia que ha alcanzado 8,1 millones de dólares en financiación.

Visua.ly, que se dedica esencialmente a conectar organizaciones para que éstas puedan convertir sus datos en contenido visual gracias a la colaboración de jefes de proyecto, marcas y empresas con diseñadores, sigue contando con la ventaja de ofrecer rápidos resultados y a bajo precio.

Leemos en VB unas palabras del CEO de Visual.ly, Langille:

Estamos desmontando el modelo de agencia tradicional para crear contenido visual. Hemos implementado un proceso que resulta en una combinación de contenido de alta calidad, rapidez al completar el proyecto y una mejor experiencia de usuario tanto para el creativo como para la marca, todo a un precio muy bajo.

Visual.ly comenta que ha crecido 10 veces más desde el año pasado, y que su presupuesto se ha centrado en pagar a su red de diseñadores. Con esto confirman que la nueva ronda de financiación, realizada por Crosslink Ventures, Correlation Ventures, SoftTechVC y 500 Startups entre otros, se centrará en añadir nuevo talento creativo y nuevos clientes a su red de proyectos.

Mimí¶kki, tienda online con accesorios médicos más cómodos y estéticos

mimokki

Casi todo está visto en el comercio online, y prácticamente cualquier cosa que nos venga a la cabeza adquirir estará disponible en Amazon, Ebay o tiendas online varias. Aún así­, ciertas tiendas de e-commerce nos siguen sorprendiendo por su originalidad y su enfoque, cosa que como veremos es lo que hace de Mimí¶kki un comercio especial.

Visto en Loogic, Mimí¶kki es una tienda enfocada a la venta de accesorios médicos para gente con problemas de salud crónicos o habituales, como por ejemplo un portador de inyecciones para la diabetes o, más común todaví­a, un mini kit de primeros auxilios con tiritas.

Según la directora del proyecto, Eva Bení­tez, el objetivo del sitio web es principalmente mejorar la portabilidad y comodidad de los tratamientos médicos y aumentar la autoestima y seguridad de los enfermos que necesiten llevar según qué aparatos encima – además de vender los productos en sí­, claro.

Ningún objeto o dispositivo de los que se ofertan en la web tiene ninguna limitación en su funcionalidad, y son igual que cualquier dispositivo estándar con el añadido de ser más bonitos y estar, también, centrados en la moda y el diseño.

Encontraremos los objetos disponibles en distintos apartados como «alergias», «diabetes», «deportes», «pulseras identificativas» u «ostomí­a», cada uno lleno de objetos bonitos, divertidos y generalmente no demasiado caros. Os invito a echarle un vistazo.

Inkpad, genial aplicación para dibujar con vectores en iPad

inkpad

Gran descubrimiento va a ser Inkpad para todos aquellos a los que nos gusta dibujar y trazar diseños en iPad. La aplicación, sorprendentemente gratuita, nos permite trazar dibujos formados por distintos vectores, es decir, por formas escalables y moldeables que nos permitirán tanto diseñar dibujos simples como formas complejas. Dichos vectores podrán ser editados y modificados en cualquier momento hasta llegar al resultado deseado.

Al estar la mecánica de dibujo centrada en vectores, dispondremos de diversas herramientas para trabajar con ellos: un trazador de formas geométricas o arbitrarias, distintos tipos de lápices y bolí­grafos, herramientas para modificar la rotación y el tamaño de las formas, incluso para incluir texto en la obra… con esto, los resultados de nuestro dibujo serán bastante diferentes a los que hagamos a mano alzada, aunque las posibilidades de edición y perfección de formas son las mismas. Y por descontado, nos irá mucho mejor una herramienta así­ en caso de que queramos dibujar mapas o planos.

Los dibujos resultantes de Inkpad ocuparán más bien poco y podrán ser exportados en .pdf, .png y hasta en .svg para continuar una edición posterior en el mismo iPad, en Mac o en PC. Diseñado especialmente para funcionar en iPad, la herramienta se caracterizará por su rapidez y estabilidad.

Y sí­, aunque parezca increí­ble la aplicación es gratuita para iPad y la tenemos disponible en este enlace a iTunes, para iOS 7.0. o superior.

6 poderosas razones para crear contenido visual para su página web o blog

Big Data ha sido un importante tema en el 2013, y se plantea la pregunta amenazante de cómo se pueden interpretar todos los datos disponibles.

Como consumidores de datos, estamos constantemente decidiendo si debemos marcar como «Favorito» un archivo particularmente interesante, o hacer una entrada en Evernote para volver a leerlo más tarde. Hay tantos datos que se generan cada minuto en Internet que se hace cada vez más difí­cil tomar decisiones tales como: ¿Debo leerlo ahora? ¿Debo hacer una nota en mi libreta Moleskine? ¿Debo enviarme el enlace por correo electrónico a mí­ mismo? En resumen, pasamos más tiempo clasificando y organizando datos que ya existen. Al hacerlo, ¡creamos más datos sobre los datos!

Del mismo modo, como «proveedor» de información, tanto si es un reclutador buscando candidatos perfectos para un trabajo, un diseñador mostrando sus habilidades en un solo lugar, o un educador hablando de un tema interesante, se enfrenta también a un desafí­o: ¿Cómo recojo la enorme cantidad de datos a mi disposición de forma clara y convincente para mi lector sin perder el eje?

Introduzca el marketing con contenido visual

Al reconocer este dilema, algunos estudiosos de la red crearon una mezcla única de fotografí­as y datos brutos: la infografí­a.

¿Qué es una Infografí­a?

La infografí­a es la presentación visual de la información que comprime las ideas complejas y las presenta a los televidentes en una forma fácil de asimilar. Estas le permiten comunicar datos difí­ciles de captar de forma rápida y clara.

Una infografí­a puede ser una imagen suplementaria para su entrada en el blog o página web, o podrí­a ser una pieza independiente de información con poco texto de apoyo. Eso significa que usted puede basar todo un blog en una infografí­a.

Un estudio realizado por Jakob Neilson concluye algunos hallazgos interesantes. Para empezar, la gente pasará más tiempo en su página si incluye más palabras; sin embargo, sólo gastan 4,4 segundos para cada 100 palabras adicionales. Más importante aún, la gente va a pasar el tiempo en su página analizando el diseño y mirando las imágenes en su página, por lo que realmente terminan por leer sólo el 20% del texto.

infografia sobre infografias

Parecí­a lógico que incluyéramos esto: una infografí­a para explicar una infografí­a (Fuente)

¿Por qué utilizar infografí­as?

Un estudio realizado por la Escuela de Negocios de Wharton descubrió que el 50% de la audiencia fue persuadido por una presentación puramente verbal, mientras que el 67% por la presentación verbal que tení­a imágenes adjuntas. Otro estudio encontró que las imágenes en color de la infografí­a aumentan la voluntad de leer en un increí­ble 80%.

Aquí­ hay 6 razones sobre por qué las infografí­as son tan eficaces para la comercialización de contenidos:

1. Los seres humanos están programados para procesar el contenido visual. Piense en esto: ¿las señales de tránsito serí­an tan eficaces si se presentaran en forma de texto puro? ¡La mayorí­a de la gente ni siquiera tendrí­a la oportunidad de leerlas mientras conduce!

2. Los seres humanos están cansados ”‹”‹de la sobrecarga de información. Según Mihaly Csikszentmihalyi, estamos bombardeados con aproximadamente 2 millones de bits de información por segundo, mientras que sólo podemos procesar 134 bits de estos 2 millones por segundo. Simplemente no podemos procesar el exceso en el ingreso de datos.

3. Los seres humanos pueden recordar el contenido visual más rápido que cualquier otra forma. Vamos a recordar el 80% de lo que vimos e hicimos, el 20% de lo que leí­mos y el 10% de lo que escuchamos.

4. La adición de imágenes cuidadosamente elaboradas hacen que lo que estamos leyendo sea más creí­ble.

5. Dado que las infografí­as son fáciles de digerir, atractivas y divertidas, más personas están dispuestas a compartirlas con otros.

6. El primer paso para convertir una perspectiva en un visitante a largo plazo y en un futuro comprador es mantener su atención. Las infografí­as son muy atractivas por sí­ mismas y hacen que esto sea más fácil de lograr. Si usted tiene un sitio web o un blog, ya no puede conformarse con el texto llano, aburrido. Para empezar, nadie “lee» un texto en lí­nea. La mayorí­a de la gente va a rozar su página sin leer la información. Pero con la infografí­a, tiene un método organizado para hacer que se queden más tiempo y quieran más.

Cómo utilizar las infografí­as

Los investigadores Barbara M. Miller y Brooke Barnett explican:

Por sí­ solos, el texto y los gráficos son a la vez métodos de comunicación útiles e imperfectos. El lenguaje escrito permite un número casi infinito de combinaciones de palabras que permiten un análisis profundo de los conceptos pero depende en gran medida de la habilidad del lector para procesar dicha información. Los gráficos pueden ser más fáciles de comprender para el lector, pero son menos eficaces en la comunicación de lo abstracto y los conceptos complicados…. Este estudio mostró que para la presentación de información cientí­fica, la combinación de texto y gráficos permite a los comunicadores aprovechar las fortalezas de cada medio y disminuir las debilidades de los mismos. (P. 63, » “Understanding of Health Risks Aided by Graphics with Text”)

Esto significa que lo mejor es utilizar una infografí­a con el soporte de una pieza de texto. Esto le permite a una infografí­a convertirse en instructiva de una manera convincente y atractiva.

Por ejemplo, en su sitio web o blog, puede pegar infografí­as coloridas y atractivas que pueden actuar como una herramienta de reclutamiento, presentar datos de encuestas, explicar cómo funcionan las cosas y comparar conceptos. Desde los superhéroes hasta las ideas más complicadas, las infografí­as han encontrado su lugar en todas partes. Demos un vistazo a algunas de las más eficaces a continuación:

Cómo ser un superhéroe: Una guí­a ilustrada (enlace)
13 razones por las que al cerebro humano le encantan las infografí­as (enlace)
Cómo quieres tu diseño (enlace)

Cómo crear infografí­as impresionantes en menos de una hora

Bien, está convencido de la eficacia del contenido visual en lí­nea. Al ser una organización o una pequeña empresa, desea darle a esto un buen andar. Naturalmente surge la siguiente pregunta, ¿cómo puedo crear una infografí­a de impresionante aspecto para mi sitio web?

La manera más obvia para algunas personas es contratar a un diseñador freelance. Pero dependiendo de a quién contrate, usted puede terminar pagando cientos de dólares y no conseguir finalmente lo que quiere. Si usted es del tipo “hágalo usted mismo” y le gusta aprender y aplicar nuevas habilidades para la vida sin gastar dinero, eche un vistazo en EWC Presenter. Todo lo que tiene que hacer es crear una cuenta gratuita en www.ewcpresenter.com y elegir Infografí­a ”“ allí­ puede crear presentaciones, anuncios publicitarios, demostraciones de productos e infografí­as.

infographics2

No necesita instalar ningún software adicional ya que la aplicación está basada en la nube y trabaja en HTML5, con temas atractivos y la posibilidad de personalizar bastante el resultado.

infographics3

Artí­culo escrito por ewcpresenter para WWWhatsnew

Yammer, la plataforma social para empresas, actualiza todas sus aplicaciones móviles

Yammer

Con la llegada de este largo fin de semana llegan actualizaciones para todas las aplicaciones de Yammer en aquellas plataformas móviles en las que está presente, Android, iOS, Windows Phone y Windows 8, donde según el propio anuncio, el equipo ha estado trabajando duro para añadir nuevas caracterí­sticas, simplificar el diseño, e incluso en algunos casos, desarrollar desde cero la propia aplicación. El anuncio desgrana por plataformas cada una de las novedades incluidas:

En lo que respecta a la aplicación móvil para la plataforma Android, la misma ha sido rediseñada para ser más familiar para los usuarios, donde además, ahora se incluyen nuevos idiomas, siendo éstos el coreano, el japonés, el alemán y el español. La propia aplicación detectará el idioma en el que está configurado el terminal donde se está ejecutando y automáticamente adaptará la interfaz a ese idioma.

En el caso de la aplicación móvil para iOS, la actualización ofrece soporte para iOS 7, aunque en el caso del iPad se trata de una aplicación completamente nueva, la cual incorpora un nuevo diseño y es también más ágil para facilitar el seguimiento de los mensajes sin leer en los grupos, permitiendo la navegación entre los mensajes de los diferentes grupos.

Referente a Windows Phone, ahora dispone de bandeja de entrada, lo que permitirá a los usuarios acceder a sus mensajes más relevantes y administrarlos. La búsqueda de grupos, la inclusión y abandono de los mismos, así­ como las notificaciones y la funcionalidad «live tile», dedicada a enviar alertas a los usuarios cuando no tienen las aplicaciones abiertas, conforman las novedades de esta versión.

Por último, Yammer también actualiza su aplicación para Windows 8, permitiendo desde esta versión que los usuarios accedan y participen en los muros de los grupos en los que están presentes, además del muro principal. También incorpora las notificaciones y la función «live tile» descrita anteriormente, así­ como la funcionalidad Snap, que permite a los usuarios ajustar la aplicación para que esté disponible en un lado de la pantalla mientras pueden seguir usando otras aplicaciones.

Ya estamos acostumbrados a que las empresas actualicen sus aplicaciones una por una, aunque en el caso de Yammer, la misma ha optado por actualizarlas todas de manera simultánea.

webprojector, para compartir diseños con los clientes y obtener comentarios

webprojector

A veces las soluciones más sencillas acaban siendo las más prácticas. Ese es el caso de webprojector (webprojector.org), una web en la que los diseñadores pueden subir sus trabajos para mostrarlos a los clientes sin necesidad de enviar pesados emails.

El objetivo es compartir imágenes desde el propio navegador, siendo posible definir el fondo, el tí­tulo del proyecto y otras variables estéticas. Una vez en la página en la que se muestra en trabajo, podremos comentar y verificar el aspecto de dicho diseño en otras pantallas, permitiendo especificar si queremos simular un teléfono, un PC o una tableta.

Webprojector puede usarse sin necesidad de registro, aunque para guardar nuestros proyectos será necesario tener una cuenta. De momento podemos usarlo para subir una imagen, copiar la url única generada y empezar a interactuar con nuestros clientes, algo parecido a lo que conseguimos hacer con estas otras soluciones.

Destacan en webresourcesdepot.com la posibilidad de ver estadí­sticas con datos como «número de veces que han abierto nuestra imagen», algo que puede ayudar bastante para saber si, efectivamente, han consultado nuestro mensaje.

Google AdSense para Android lanza su versión 2.0

Google AdSense

A la hora de gestionar los ingresos recibidos a través de la publicidad de AdSense, no sólo es importante contar con toda la información necesaria, sino que además ésta se muestre lo más clara y definida posible en cualquier plataforma desde donde se consulte, ya sean en equipos de escritorios o dispositivos móviles. La nueva versión 2.0 de Google AdSense para Android va en este sentido, donde además de las mejoras introducidas en la interfaz de usuario, ahora también ofrece más métricas (páginas vistas, clicks, CPC, CTR y RPM), gráficos detallados de las métricas, parámetros y de periodos distintos de tiempos, así­ como la inclusión de los informes adicionales referentes a paí­ses, productos y plataformas.

Eso sí­, Google AdSense 2.0 para Android está pensada para ser usada bajo dispositivos Android desde la versión 4.0 en adelante, tanto desde teléfonos móviles inteligentes como tabletas.

Si analizamos algunos de los comentarios más recientes recibidos en su ficha de Google Play, podemos ver como la versión 2.0 de Google AdSense para Android recoge algunas de las demandas solicitadas por los usuarios, como mayor información, nuevas métricas o la posibilidad de realizar consultas para diferentes periodos de tiempo, algo por lo que aquellos usuarios que solicitaban estas prestaciones, ya las podrán tener en la palma de sus manos.

Si aún nos estamos pensando en si instalarlo en nuestros propios terminales móviles, para llegar a una conclusión podemos mirar las diferentes capturas de pantalla que tenemos en su ficha de Google Play, lo cual nos permitirá tomar nuestras propias decisiones.

Appcooker, para diseñar aplicaciones iPhone/iPad, ya en español

appcooker

Nos comentan desde AppCooker (appcooker.com) que ya han lanzado su versión en español, una aplicación para iPad creada para ayudar a los diseñadores a desarrollar sus aplicaciones iOS con maquetas interactivas.

La idea es que podamos arrastrar componentes dentro de nuestro boceto e incluir acciones en cada sección, permitiendo compartir el resultado para que otras personas lo prueben antes de subirlo al market correspondiente.

En los últimos tres años ya han conseguido crear más de 1 millón de proyectos, siendo la número en su categorí­a dentro de la appstore, con un promedio de 4,5 estrellas de más de 500 comentarios de los clientes, aplicación utilizada por compañí­as como Electronic Arts, Disney y la propia Apple.

La misma empresa ha creado apptaster, divulgada también en su página principal, una aplicación gratuita que podemos usar para interactuar con las aplicaciones creadas con appcooker.

Appcooker tiene un precio de 14.99 dólares, aunque nos han ofrecido cinco códigos para que los más rápidos podáis utilizarlos para diseñar y crear los bocetos de vuestra aplicación:

Códigos para Instalar appcooker de forma gratuita, solo iPad y iOS7: 1 | 2 | 3 | 4 | 5

Actualización: Los códigos ya han sido utilizados.

Creando infografí­as que se adaptan a los móviles

Ya hemos hablado de varias herramientas que podemos usar para crear infografí­as, aunque está claro que infogr.am continúa siendo la preferida por miles de usuarios en todo el mundo.

https://infogr.am/

La idea de esta plataforma es que podamos construir infografí­as sin necesidad de tener grandes conocimientos de diseño. Hay varios modelos diferentes que tienen la opción de cargar los datos para que se adapten a lo que queremos mostrar al mundo. Es posible ir incluyendo mapas, gráficos, cuadros, textos y demás elementos para construir la infografí­a adecuada.

Infogr.am participa de decenas de eventos relacionados con la información visual, divulga buenos libros sobre este tema en su blog, actualiza su aplicación con bastante frecuencia y, ahora, permite que las infografí­as creadas se adapten automáticamente a las pequeñas pantallas.

Así­ es, después de publicar nuestro trabajo podemos obtener el código necesario para incrustarlo en nuestro sitio web. Si copiamos el script adecuado (responsive, en la captura inferior), veremos como el diseño se adapta a los móviles perfectamente.

responsive

Crear infografí­as con infogr.am es gratuito. Podemos publicarlas en su web, en la nuestra, aunque para exportar el resultado en PDF o PNG es necesario ser usuario Pro. Este tipo de usuario también puede compartir el trabajo desde una url no pública, proteger las infografí­as con contraseña y acceder a más diseños de los disponibles en la opción gratuita.