Archivo de la etiqueta: web

Servicios para crear tus infografías fácilmente

La infografía es el arte de resumir en una imagen un concepto, unos datos estadísticos o todo un documento de forma que realmente sea cierto el dicho de vale más una imagen que mil palabras.

Los últimos años, la infografía a tenido un auténtico boom en Internet gracias precisamente a su concepto visual y es una forma atractiva y recurrente para mostrar una información de forma resumida.

Ejemplo con la relación de Tim Burton y Jhonny Depp

Para hacer una buena infografía hay que tener claro qué es lo que queremos ilustrar y una vez decidido, si no tienes demasiados conocimientos gráficos pero si tienes algo que contar y lo quieres hacer gráficamente, alguno de estos servicios te pueden ayudar a representar tu idea:

Infogr.am

En cuatro pasos: 1) elige una plantilla 2) añade tus datos 3) personalízalo y 4) comparte tu infografía.

Selección de plantilla Infogr.am
Tiene bastantes opciones de gráficos y realmente hacer una infografía sencilla es muy rápido, pero los resultados son todos demasiado iguales.Un buen punto de partida para infografías sencillas.

Easel.ly

Actualmente está en beta pública.Igual que en el caso anterior, se trata de elegir un tema predefinido (o crear el tuyo) añadirle objetos y publicar. La herramienta es mucho más flexible y por lo tanto los resultados son mucho más variados y diferentes entre si.El problema radica en que no se pueden usar datos. Hay objetos visuales (árboles, flechas, personas…) pero no es posible generar de forma dinámica, a partir de un CSV o similar, un gráfico de barras o de tarta o…

Un punto en contra importante para según que tipo de infografías.

Herramienta de edición de Easelly
Herramienta de edición de Easel.ly

Piktochart

Es el único que tiene versión gratuita y de pago (ver precios).

La herramienta de edición es muy completa y además de una gran variedad de plantillas, también permite añadir forma y gráficos en base a CSV en cualquier lugar de la infografía. Todo muy visual y usando drag & drop.

Básicamente, combina lo mejor de Infogr.am y de Easel.ly, añadiéndole funcionalidades adicionales. La versión gratuita puede que sea demasiado limitada para lo que buscas y si realmente creas infografías de forma habitual, quizá te resulte interesante pasarte a una de las versiones de pago.

Edición en Piktochart
Edición en Piktochart

Referencias

También te interesa:

  • Infografistas, un blog de Chiqui Esteban sobre infografía periodística realmente interesante.

Convertir pixels (px) a em

A la hora de hacer una web elástica, uno de los problema con los que nos encontramos es la falta de exactitud de las medidas con las que trabajamos.
Un pixel, es 1 pixel en pantalla, pero ¿cuánto es 1em o 1ex?

(Casi) Fácil. Aquí va una pequeña tabla de equivalencia sacada de (Worldtechies)

Points Pixels Ems Percent
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%

Jon Tan lo explica mejor, indicando la fórmula para calcular la equivalencia:

1 ÷ parent font size (px) × required pixels = em equivalent

Asumiendo que, por defecto, el tamaño por defecto de la fuente en los navegadores es de 16px.

Para cálculos más complejos, podéis usar Em calculator.

No creo que nadie se asuste si la gente se empieza a preocupar porque las empresas (¿empresas? ¿ideas? ¿entes?) relacionados con la web 2.0 están un pelí­n sobre-valoradas. Sobre todo en los EUA, gracias a nuestro proverbial atraso… pobres paletos.

Si Facebook cuesta lo mismo que Ford (ejem)… pues hombre, yo me tentarí­a un poco las ropas y no solo porque Facebook lleve un par de añitos funcionando y lo dirija un chaval que no llega a los 30 años. ¿Cuánto puede durar? ¿Cuales son sus beneficios? ¿Genera riqueza? ¿Te mola su logo?

En fin.

Más en el ví­deo Here Comes Another Bubble – The Richter Scales