proto.io ofrece un entorno de creación de prototipos que podemos usar para crear y presentar el diseño de nuestra futura aplicación.
Después de probarlo puedo garantizar que es bastante completo, con multitud de opciones para incluir y configurar nuevos componentes, así como definir los agentes (iPhone y iPad, de momento) que deberán acceder al proyecto creado.
Podemos decidir si la aplicacación será mostrada en posición horizontal o vertical, por ejemplo, así como incluir botones, formularios, código html, barras, textos, listas, menús, etc, todo sobre una pantalla dividida en zonas para facilitar la posición correcta de cada componente.
La versión gratuita está limitada a un proyecto y un agente, permitiendo guardarlo dentro del subdominio que decidamos.
Podéis solicitar vuestra invitación en su página principal.
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.
colorspire – Ayuda a decidir con qué colores trabajaremos
Ampliando la lista de herramientas web para quienes trabajan con colores, os presento ahora colorspire.com, una web desde donde podemos crear esquemas de colores para nuestros trabajos.
Solo tenemos que elegir los tonos con los que queremos trabajar para que la aplicación los muestre juntos, ofreciendo el efecto que podemos transmitir si decidimos usar este conjunto de colores. El resultado puede ser alterado tantas veces como sea necesario.
Sin necesidad de registro, y con opción de modificar brillo y saturación, no es tan completa como otras opciones existentes, aunque sí más sencillo de usar.
layerstyles – Un editor online de CSS para usuarios de Photoshop
Con un aspecto que recuerda mucho a las ventanas de edición de Adobe Photoshop, LayerStyles nos ofrece una aplicación ideal para generar estilos CSS, necesitando solamente alterar las variables existentes para obtener el código correspondiente.
Un cuadro irá alterando sus propiedades (colores, sombras, efectos, etc.) al mismo tiempo que alteramos los datos de entrada, permitiendo ver, en tiempo real, el resultado de nuestras acciones.
El proyecto tiene el código libre, publicado en Github, con lo que es ideal para los profesionales que quieran averiguar más sobre la edición dinámica de hojas de estilo.
Concurso para diseñar el logotipo global para los Derechos Humanos.
Es curioso, pero todavía no existe ningún logotipo global para los derechos humanos… eso es lo que pretenden cambiar en humanrightslogo.net, donde presentan un concurso con premios de hasta más de 5000 € en efectivo (el primer premio está dotado de 5000 €, el segundo de 3000 € y el tercero de 1000 €).
Ya se han presentado casi 2000 ideas, de donde saldrán 10 finalistas seleccionados por un grupo de profesionales entre los que se encuentra el fundador de la Wikipedia, nominados al premio Nobel de la paz, activistas de los derechos humanos, ministros… un lujo.
La competición durará hasta el 31 de julio, aunque nosotros no podremos hasta el 27 de agosto.
Los premios no es que sean millonarios, pero el placer de decir que habéis creado el logo de los Derechos Humanos… eso no tiene precio.
Link: humanrightslogo.net | Vía mashable
Un nuevo Generador de sombras css3
Por aquí ya os hemos comentado varios trucos para trabajar con CSS3 ahorrando tiempo de programación, hoy ampliamos la lista con un nuevo generados de sombras creado en wordpressthemeshock.com.
Podemos alterar varias variables para obtener el resultado deseado, incluyendo tamaño de la sombra, opacidad y desplazamiento. Una imagen de ejemplo irá alterándose en tiempo real para ver el efecto de nuestra configuración.
Muy sencillo de usar y muy práctico para quien trabaja con diseño web.
Stocklogos – comunidad de compra-venta de logotipos
Stocklogos es una comunidad donde los diseñadores gráficos ponen toda su creatividad en el desarrollo de logotipos y darle salida para que aquellos interesados puedan adquirirlos para sus negocios. De esta manera, Stocklogos dispone de variedad de logotipos distribuidos en diferentes categorías.
Lo mejor de todo es cuando alguien se interesa por un logotipo, el cual podrá adquirirlo, pagando por él y descargarlo en formato EPS, y personalizarlo para su negocio, y también lo más importante, adquiere todos los derechos del mismo e incluso se puede poner en contacto con el diseñador del mismo para lo que pueda necesitar.
Desde la página principal se destacan una serie de logotipos, aunque siempre se puede cambiar de criterio de navegación para poder ver otras propuestas que puedan estar en consonancia con lo que se busca.
gridpapr – una excelente herramienta de creación de Wireframes
A la colección de webs dedicadas a la creación de prototipos añadimos hoy gridpapr.com, una herramienta online que nos permite añadir bloques definiendo la estructura de información que queremos en nuestro proyecto.
Cada Wireframe puede ser pública o privada, permitiendo ser editada por otras personas que conozcan su url.
Podemos crear cajas de contenido con diferentes colores y tamaños, poner un componente por encima de otro, duplicarlos, añadir textos.. todo dentro de un panel con lineas verticales y horizontales que nos servirán de referencia a la hora de definir la posición.
Sencillo y práctico, aunque se echen de menos algunos componentes predefinidos.
brandsoftheworld – La mayor colección de logomarcas en formato vectorial
Así se presenta brandsoftheworld, un muy popular directorio de logomarcas en formato vectorial, clasificadas y disponibles para usuarios registrados.
Ofrecidas muchas de ellas de forma gratuita, en brandsoftheworld podemos contribuir con nuestros trabajos, sabiendo que de esta forma contribuiremos a una de las mayores redes de contenido creativo colaborativo del mundo, la de allcreativeworld.com.
Obtener una logomarca en formato vectorial no significa que podamos usarla de forma indiscriminada en nuestros proyectos y sí que podemos empezar a trabajar en la nuestra sin necesidad de empezar de cero, algo extremadamente importante cuando el reloj aprieta más de lo que debería en este tipo de trabajos.
Invision – Fantástica aplicación para presentar prototipos
Si habéis creado las diferentes imágenes que componen una aplicación y queréis presentar el resultado al cliente en una animación interactiva que responda a las acciones realizadas en dichas capturas, Invision es una excelente solución.
Después de crear un proyecto y subir las imágenes, podemos enlazarlas creando una sensación real de navegación, siendo excelente para los prototipos semifuncionales de cualquier proyecto web, por ejemplo.
Basta con informar el área de cada imagen que enlazará con otra captura para ir generando el flujo deseado, como podéis ver en el ejemplo inferior:
He recibido la invitación hace pocas horas, después de haberla solicitado en su página principal. La versión gratuita permite la creación de un único proyecto, aunque hay varios cargados para servir como ejemplo de uso.
PSDVoid – Una red social para compartir archivos PSD
Hay verdaderos artistas con el Photoshop, muchos de ellos mostrando su talento en redes como Deviantart, pero hasta ahora no conocía algo tan específico como PSDVoid.
Se trata de una red en la que podemos seguir y ser seguidos por otros photoshoperos que, de forma desinteresada, quieran publicar sus trabajos en formato PSD, permitiendo a otras personas aprender y usarlo como base para sus propias creaciones.
Cada archivo tiene una licencia específica, con lo que será importante fijarse en ella antes de usarla tanto personal como comercialmente.
Cerrado de momento al público general, podemos pedir una invitación para acceder al sistema, invitación que, en mi caso, tardó menos de 12 horas en llegar.