Cinco herramientas para crear infografías

infografías

No es fácil crear una infografía. Hay que mantener un equilibrio perfecto entre texto, iconos, gráficas y logos, sin perder de vista la distribución de la información, los espacios en blanco, los colores… y a todo ello hay que incluir la habilidad con editores de imagen, por lo que la tarea se complica si no hay un buen equipo por detrás.

En la lista de hoy queremos ayudar a realizar este trabajo, y para ello indicamos cinco aplicaciones que fueron pensadas para, entre otras cosas, crear infografías de forma sencilla:

adioma: Una de las plataformas más conocidas. Ofrece varias plantillas para que no sea necesario empezar de cero, y cuenta ahora con un buscador de iconos inteligente que es capaz de devolver resultados con frases como “cómo se siente alguien cuando es sorprendido”, por ejemplo. Tiene paletas de colores predefinidas, varias opciones de exportación de contenido y una opción de prueba para no tener que pagar nada durante 14 días. Continúa leyendo…

Dos herramientas gratuitas para analizar los colores de imágenes y páginas web

Si os dedicáis al mundo del diseño o del desarrollo web, es probable que os interese tener a vuestra disposición diferentes herramientas gratuitas relacionadas con los colores. A pesar de que en Internet podemos encontrar una amplia variedad, recientemente nos han llamado la atención dos curiosas alternativas.

Web Colour Data
Web Colour Data

El planteamiento de esta herramienta es de lo más sencillo. Tal y como podéis ver en la captura de pantalla superior, la idea es que podamos intrucir la URL de una página web cualquier y obtener así los colores predominantes en la web en cuestión. Además, Web Colour Data también nos proporciona los colores en formato hexadecimal y nos muestra una serie de gráficas para ayudarnos a comprender mejor la distribución de los colores. Y no solo eso, ya que podemos consultar la información de los sitios web más populares. Totalmente recomendada.

Continúa leyendo…

Pasando de Photoshop a HTML, cinco herramientas imperdibles

psd a HTML

Si tenéis el diseño de vuestra próxima web en un bonito y completo archivo Photoshop, ahora toca la peor parte: transformarlo en HTML y CSS, un trabajo que, en muchas ocasiones, requiere un número interminable de horas para que el resultado quede perfecto.

Aunque en los últimos tres años muchos han afirmado que la transformación de PSD a HTML está muerta, debido a la buena cantidad de herramientas que permiten diseñar en web sin pasar antes por Photoshop, hay muchas empresas en todo el mundo que siguen realizando el proceso tradicional, por lo que siempre es bueno estar al día de los recursos existentes en esta categoría.

En esta lista que os presentamos hoy os mostramos cinco herramientas que pueden ayudar con este tema, a pasar de PSD a HTML y CSS, generando diseños que posteriormente puedan alterarse para crear versiones móviles y efectos que la imagen en photoshop no puede mostrar: Continúa leyendo…

3 enlaces para crear logos, colores y avatares

La lista de hoy tiene al diseño como protagonista, con enlaces entretenidos, para pasar un rato, sin ambición profesional, y otros más serios, para poder encontrar recursos antes de comenzar un trabajo. Bajo cada artículo incluimos un enlace a alguna lista relacionada que ya hayamos publicado aquí, en WWwhatsnew.

gopherize.me: una web que nos ayuda a crear avatares basados en el personaje de Go Gopher. Podemos elegir ojos, ropa, pelo facial, sombreros.. variables de todo tipo para crear más de 5.000 combinaciones diferentes.

go gopher

Enlace relacionado: 5 originales formas de crear un avatar

Continúa leyendo…

10 buscadores para bajar iconos gratis

ICONOS

Los iconos son prácticamente necesarios para cualquier tipo de proyecto, sobretodo para los relacionados con la informática y diseño Web. Los vemos cada día en nuestro ordenador, smartphone o tablet y nos ayudan a identificar fácilmente la acción que supone.

Si estás (o quieres adentrarte) en el mundo de la programación y diseño web, sabrás que diseñar iconos puede ser complicado, así que, si te has vuelto loco buscando iconos de gran calidad y de forma gratuita, nosotros te damos la solución. Hoy os mostramos diez buscadores para descargar iconos de forma gratuita, con distintos diseños, tamaños y formatos: Continúa leyendo…

4 herramientas para extraer colores de una imagen

colores

Si queremos tener la paleta de colores ideal para nuestro próximo proyecto, será necesario saber los que están siendo usados en las imágenes que lo componen.

Durante los últimos años ya os hemos mostrado algunas aplicaciones especialmente diseñadas para quien trabaja con colores, aquí tenéis una lista de artículos relacionados con ese tema: Continúa leyendo…

EffectBot, bot de Telegram para añadir efectos animados y estáticos a nuestras fotos

effectbot

A lo largo de los últimos meses hemos experimentado un auge en la oferta de bots para diferentes plataformas. De hecho, como ya sabréis, con frecuencia os recomendamos algunos de los bots más interesantes que vamos encontrando en Internet. Recientemente hemos descubierto EffectBot, un bot para Telegram con el que añadir efectos tanto animados como estáticos a nuestras fotos.

En general, el funcionamiento del bot del que os hablamos es de lo más simple e intuitivo. Una vez hayamos abierto una conversación con @EffectBot solo tendremos que usar el comando /start y seleccionar el idioma (por el momento no está disponible en español). A continuación, EffectBot nos pedirá que adjuntemos una foto cualquiera a la conversación y que seleccionemos alguno de los efectos disponibles para su edición.

Continúa leyendo…

Una web para elegir estilos de botones únicos para tus proyectos web

bttncss

Si te encuentras desarrollando un proyecto web y deseas incorporar algún botón moderno, elegante y con estilo, igual no está de más pasarte por la web de bttn.css. Se trata de un recurso web que te podrá servir de inspiración donde además tendrás todo lo necesario para incorporar algunos de los estilos de botón disponibles en dicha página dentro de tu propio proyecto.

Para ello, deberás descargarte primeramente la hoja de estilos CSS que encontrarás para su descarga desde la parte superior. Luego tan sólo deberás de escoger el color deseado, el tamaño deseado y finalmente el estilo concreto para obtener el código que deberás incorporar en tu proyecto para hacer referencia a dicho estilo. En este sentido, la propia web te permite de forma sencilla copiar el código que necesitas al portapapeles del sistema, ahorrándote algo de tiempo.
Continúa leyendo…