Aplicaciones y recursos para diseñar. Recursos para diseñadores, herramientas gratuitas y consejos para diseñar por móvil y web.
Converticon es una sencilla aplicación que permite transformar cualquier imagen en un icono de 16×16, 32,32, 64×64, etc. Prometiendo no hacerle mucho daño a la calidad también realiza la transformación inversa, permitiendo convertir archivos .ico en png.
No esperéis logomarca ni aplicación compleja, acceded a converticon.com y subid la imagen deseada. directo al grano.
csstxt.com es una aplicación que nos permite definir hojas de estilo (css) para nuestros textos sin tener que pelearse mucho con las características del formato.
Lo primero que tenéis que hacer es escribir el texto en cuestión, dándole formato con las herramientas que incluye (tamaño, tipo de fuente, espacios, párrafo…). El resultado es un código y archivo css que podréis copiar y pegar en vuestro sitio web, así de simple.
Una herramienta más que ayudará a nuestros diseñadores a trabajar más rápido y de forma más eficiente.
Actualización: Acabo de conocer otra herramienta sencilla pero útil, para ayudar a los que trabajan con CSS, transformando posiciones absolutas en relativas: https://riddle.pl/emcalc/
A lo largo de los últimos años os he comentado algunas herramientas útiles para trabajar con colores, encontrando paletas que se adapten a vuestros diseños, por ejemplo.
Voy a hacer ahora una pequeña recopilación de las que más me gustan, para que las tengáis presentes en momentos de necesidad.
Check My colors es reciente y muy profesional. analiza los colores de cualquier sitio web calculando brillos y contrastes para dar consejos sobre elementos que deberían cambiarse para ofrecer una mejor experiencia al lector.
Graybit permite transformar cualquier página web en una imagen en escala de grises. Ideal para detectar contrastes que puedan ser mejorados, por ejemplo. Por desgracia no siempre detecta el css del site indicado.
Aunque la estética de Vischeck asuste un poco, contiene funcionalidades muy interesantes para poder simular la forma en que los daltónicos y otros usuarios con diferentes problemas de percepción cromática ven el mundo. Contiene también enlaces interesantes para sitios web relacionados con este tema.
Pictaculous nos solicita una imagen y nos ofrece algunas paletas de colores que se adaptan a los tonos de la enviada. Muy útil para buscar tendencias y encontrar ayuda para definir tonos de una logomarca, por ejemplo. El resultado podéis bajarlo en formato Adobe Swatch.
ColorRotate es una interesante iniciativa para trabajar tridimensionalmente con el mundo de los colores. El proyecto aprovecha la característica tridimensional de los colores para permitir la gestión de paletas con posibilidad de compartirlas.
Con posibilidad de importar colores de imágenes, verificar relación entre varios tonos, navegar entre librerías populares, transformar paletas, realizar filtros y muchas otras operaciones comunes entre profesionales del área ColorExplorer es, sin duda, uno de los proyectos más completos.
En fin, estas son las que más me gustan en su categoría, ideal para que, junto a las 12 herramientas para diseñadores que ya recopilamos por aquí, hagan el trabajo de los diseñadores más sencillo.
Celebrity Morph es una aplicación de MyHeritage, disponible en español, que demuestra el poder de su tecnología de reconocimiento de caras.
Además de ofrecer la posibilidad de subir una foto nuestra e indicarnos un famoso con el que tengamos cierto parecido físico (Celebrity Collage) ahora podemos crear una animación en la que nuestros rasgos se irán modificando hasta transformarse en una celebridad.
El resultado puede ser publicado en cualquier página web y decenas de redes sociales. A jugar, que es gratis.
¿Quieres crear una web y no tienes ni idea de html?
UIzard es tu solución. Se trata de una aplicación que nos proporciona, de un modo gráfico, la posibilidad de diseñar una web. Tenemos dos formas de utilizar UIzard, o bien usamos la aplicación online de la que disponemos en su web o descargamos el proyecto y lo instalamos en nuestro servidor.
En ambos caso el funcionamiento es similar, y nos encontramos ante un entorno dividido en un menú con todas las herramientas de las que disponemos, como la inserción de campos de texto, swf, botones y todas las cosas necesarias en una web, y otra dividida a su vez en pestañas donde podremos visualizar lo que estamos haciendo de diferentes formas, ya sea viendo el código fuente o el entorno gráfico.
En el menú además tendremos elementos ajax para hacer nuestra web aún más atractiva. Su funcionamiento aún no va demasiado fino pero para aquellos que quieran empezar a aprender programación web puede ser una buena ayuda.
SlickMap CSS es una hoja de estilos capaz de transformar una lista de elementos de HTML en un mapa de navegación tan agradable como el que veis en la imagen superior.
En la web podéis bajar los archivos necesarios para entender y replicar el proceso, permitiendo ofrecer una original y elegante navegación entre el contenido de cualquier web.
Un buen recurso para la categoría de Utilidades para diseño.
Ya que ayer fue un día denso, vamos hoy a relajar un poco con Mini-Mizer, una aplicación en flash que nos permite crear un avatar con la apariencia de los clásicos muñecos LEGO.
Podéis personalizar la cabeza, el pelo, la ropa, los pies, el fondo, los brazos… añadir guitarras, banderas, armas… miles de combinaciones hasta encontrar el muñeco que os representará digitalmente.
Ideal para perder unos preciosos minutos de nuestra vida.
Css Redundancy Checker es una aplicación que nos pide la dirección de nuestra hoja de estilos CSS y las páginas web en las que es utilizada.
Verificará si todos los elementos indicados en el archivos CSS son utilizados, en caso contrario nos informará de lo que puede ser eliminado o de la información redundante.
Útil para reducir tamaños de archivos y hacer un trabajo más limpio y organizado.
Supalogo es una nueva opción creada para los que no tienen tiempo, dinero ni conocimientos necesarios para crear un logo para su proyecto.
Ajustando valores como tipo de fuente, colores o tamaños es posible generar dibujos a partir del texto descrito originalmente, obteniendo un resultado bastante interesante.
El logo puede exportarse en varios formatos e incluirse directamente en cualquier página web.
Leo en momb sobre Notable y pido una invitación que, Bryan, uno de los fundadores del sistema, me envía para que pueda contaros lo que hay por dentro.
Después de seleccionar la cuenta gratuita e instalar la extensión de Firefox que me permitirá capturar las diferentes páginas que quiero analizar, tengo la posibilidad de crear notas sobre cada elemento visualizado.
En la imagen podéis ver el proceso de creación de una nota sobre la captura de la página principal de wwwhatsnew.com, donde me autoconsejo alinear más la publicidad de PortalProgramas. Puedo crear tantas notas como quiera sobre la captura de la página en cuestión, exportando el resultado en PDF para enviarlo a quien lo necesite.
Lo que me ha gustado más aún es que ofrece también la posibilidad de comentar sobre el código fuente de la página o sobre el texto incluido en ella, permitiendo crear documentos con notas para el diseñador, el programador o el escritor de la página en cuestión.
El resultado, además de poder ser exportado en PDF, podéis compartirlo en la misma aplicación con otras personas, estando la versión gratuita limitada a un panel de trabajo con un equipo de tres personas colaborando en el mismo.