Categoría: Utilidades para diseño

Aplicaciones y recursos para diseñar. Recursos para diseñadores, herramientas gratuitas y consejos para diseñar por móvil y web.

psd2cssonline.com – Transforma tu psd en css

Publicado el

por Juan Diego Polo

psd.gif

Aunque el tí­tulo pueda sonar a chino a muchos de vosotros los webdesigners saben que uno de los trabajos más importantes y complejos en el desarrollo de un site web es pasar del archivo psd, creado con photoshop, a html y css, la tecnologí­a que la web entiende.

No voy a decir que psd2cssonline realiza esa tarea perfectamente y que no son necesarios conocimientos de css para hacer un buen trabajo, estarí­a mintiendo. Lo que voy a comentaros es que empezar desde cero es duro, y esta web os puede ayudar, ya que transforma las capas del photoshop en imágenes independientes ordenadas según la hoja de estilos.

Una buena opción para ahorrar un tiempo cada vez más escaso.

fuente: genbeta

logoease.com – Web que ayuda a crear logomarcas

Publicado el

por Juan Diego Polo

wwwhatsnew.jpg

Aunque crear un logo profesional es tarea que pocos humanos pueden hacer, LogoEase puede sacarnos de un apuro en caso de necesitar algo rápido, urgente y relativamente presentable.

Se trata de una web que permite a sus usuarios diseñar logomarcas usando componentes predefinidos.

Después del registro tendréis que indicar la categorí­a de la marca que deberá ser creada: abstracto, frutas, medicina, etc. En mi caso elijo abstracto y muestra la imagen inferior:

logo.jpg

Diferentes tipos de letra, colores, tamaños, rotaciones… Como podéis ver, nada del otro mundo, útil si no tenéis a nadie con un poco de sangre estética para echaros una mano.

fuente: Go2Web20.net

fontcubes – Excelente base de datos de fuentes para PC y Mac

Publicado el

por Juan Diego Polo

font.gif

Diseñar fuentes no es tarea fácil. Si no lo creéis intentad crear la vuestra usando programas como FontStruct, por ejemplo.
FontCubes nos ahorra el trabajo y muestra excelentes tipos de letra diseñados por verdaderos artistas. Podéis votar por las mejores y bajarlas gratuitamente para usarlas en vuestros trabajos, dando el toque profesional que algunos tipos de fuente consiguen.

fuentes.gif
Si alguien aún duda que el tipo de fuente es uno de los aspectos más importantes en un trabajo de calidad, ved las marcas de la imagen superior y pensadlo de nuevo.
fuente: geekissimo

Smashupgraphics.com – Crear un bonito y personalizado icono RSS

Publicado el

por Juan Diego Polo

rss.gif

Sencilla y útil aplicación para crear elegantes iconos RSS, redondos o cuadrados, personalizando colores, brillos, sombras, fondo y otros aspectos estéticos.
He usado personalmente Smashup para crear el icono RSS de vivoenbrasil.com dándole un tono más brasileño del que tení­a. En pocos segundos se consigue un resultado realmente bueno.
Si queréis algo más original siempre podéis navegar un poco por Xyberneticos, frecuentemente muestra iconos sorprendentes con la misma finalidad.
fuente: accessoWeb

Glittr.net – Efectos y brillos en tus textos

Publicado el

por Juan Diego Polo

efectos.gif

Entretenida forma de pasar el rato dándole color y alegrí­a a vuestros textos.
Con glittr.net podréis en segundos crear un banner extremadamente llamativo usando las decenas de combinaciones entre fuentes, colores y efectos disponibles en el panel que veis en la imagen superior.
Al terminar el trabajo podréis obtener el código necesario para incluirlo en vuestro sitio web.
Ideal para la primera página web de vuestro hijo o hija o blogs informales de todo tipo.
fuente: killerstartups

shrinktheweb.com – Más miniaturas de tu web

Publicado el

por Juan Diego Polo

Otra opción para hacer miniaturas de una página web.
En este caso ShrinkTheWeb nos ofrece algo más, el código PHP necesario para que los programadores podáis hacer miniaturas de imágenes en vuestra aplicación.

miniaturas1.jpg
Hace poco he mandado hacer la miniatura de una noticia sobre tiburones en Brasil de vivoenbrasil.com. En menos de 5 minutos tení­a las dos miniaturas disponibles (la cola de espera no era muy alta).
Aunque le falta algo de buen gusto estético no deja de ser otra forma de obtener las imágenes necesarias para la previsualización de webs.
fuente: accessoWeb

Color Generator – Encuentra los colores perfectos para tu trabajo

Publicado el

por Juan Diego Polo

colores1.jpg

Encuentro navegando por del.icio.us esta sencilla aplicación en flash que puede ser útil para los que buscan una colección de colores para sus proyectos de diseño.
Basta incluir un color en ColorToy para que la aplicación sugiera otros que combinen desde un punto de vista estético.
Podéis ir navegando, buscando relacionados, a base de clicar en colores mostrados, o informar los códigos de los colores de vuestro trabajo en espera de la familia completa.
A veces soluciones sencillas merecen más atención que grandes plataformas.

finalcrit.com – Portafolios web gratuitos para designers y arquitectos

Publicado el

por Juan Diego Polo

portafolios.jpg
Una de las herramientas que más me gustan para crear portafolios de diseño o arquitectura es carbonmade, tanto que se la recomendé a mi esposa (arquitecta) para crear su identidad virtual (claudepessoa.carbonmade.com).
Hoy conozco una opción excelente que le puede poner las pilas a carbonmade para que continúen creando nuevas funcionalidades, se trata de FinalCrit.
Una aplicación que permite de forma gratuita mostrar vuestros trabajos de diseño, clasificarlos por etiquetas, incluir datos de contacto y pequeña descripción de vuestra experiencia. La estética puede personalizarse para que cada uno pueda elegir entre un tema más minimalista o más recargado, claro u oscuro, etc.
Miniaturas de los diseños y planos para que el lector pueda consultarlos rápidamente, buscador de la base de datos y muy buen gusto en lo que se refiere a usabilidad.

port2.jpg
fuente: killerstartups

LogoSauce – Colecciones y concursos de logomarcas

Publicado el

por Juan Diego Polo

logos.jpg

Si sois unos hachas creando logomarcas y queréis ganar algo con ello aquí­ os muestro LogoSauce.
Se trata de un sitio en el que los designers presentan las marcas creadas, sometiéndolas a votación de los internautas.
Podéis participar en concursos que las propias empresas crean, con premios que nunca bajan de los 200 dólares. De esa forma podéis ganar un extra y las empresas reciben varias opciones para elegir.
No es que sea una gran cantidad de dinero para un trabajo tan extremadamente complicado como diseñar una logomarca pero.. por algo se empieza.
fuente: momb

Bluga.net – Miniaturas de tu sitio web

Publicado el

por Juan Diego Polo

bluga.jpg

Si estás programando alguna aplicación que necesite crear la miniatura de ciertas webs os recomiendo que echéis un vistazo a Bluga.
Desde aquí­ podréis utilizar el API disponible para crear rápidamente miniaturas de cualquier sitio web indicado e, incluso, generar los minisites a partir de la propia web https://webthumb.bluga.net/.
En la imagen inferior podéis ver que Buga a creado cinco miniaturas de WWWhatsnew, cada una con un tamaño diferente.

miniaturas.jpg
Podéis ver estadí­sticas de las miniaturas solicitadas y del tiempo de espera medio. Datos útiles para poder considerarlos a la hora de integrar la aplicación con vuestro proyecto.