zeplin, excelente herramienta para crear especificaciones de diseños de aplicaciones

captura-44

Si trabajáis en el desarrollo de aplicaciones, ya sea para móviles, web o escritorio, seguramente estáis acostumbramos a seguir una serie de normas, de especificaciones, que deben definirse antes de comenzar los trabajos. Crear un documento con dichas especificaciones no es tarea fácil. Es importante que todas las normas estén bien definidas y disponibles para que todo el equipo pueda acceder a las mismas y discutir sobre ellas, detalles que deben ser suficientes para eliminar dudas del tipo “de qué tamaño hago este botón” o “cuánto tiempo tiene que estar esta imagen presente”.

El objetivo de zeplin.io es facilitar el trabajo en el diseño de este tipo de documento. Se trata de una plataforma que comenzó a desarrollarse en 2014 y que este mes de julio abre las puertas con su versión 1.0, siendo gratuita para los que trabajan con un solo proyecto (esta versión gratuita permite un número ilimitado de colaboradores).

En cada proyecto podemos ver las guías de diseño con información como paleta de colores, por ejemplo, así como un panel con pantallas indicando tamaños, notas y distribución de elementos gráficos.

Dentro de Zeplin es posible establecer conversaciones con otros miembros del equipo, discutiendo así sobre los elementos que estemos usando en nuestro trabajo.

Es posible importar diseños de otras plataformas, así como exportar componentes que podamos usar tanto en la programación como en el diseño de los elementos.

fotojet, para crear montajes de fotos sin necesidad de registro

captura-18

No faltan opciones para hacer collages de fotos, ni en el móvil ni en Internet, pero no todas ellas son “exactamente” lo que estamos buscando.

Algunas abusan de adornos, otras no permiten hacer zoom en cada cuadrante, otras son muy limitadas en plantillas o formatos… por eso siempre es importante destacar las novedades en esta categoría, para ayudar a encontrar la solución que se adapta exactamente a lo que necesitamos, ya sea para crear postales o para publicar contenido atractivo en las redes sociales.

La que os mostramos hoy es fotojet.com, solución que no requiere registro para crear imágenes de todo tipo. Solo tenemos que seleccionar el formato con el menú de la izquierda e indicar la foto víctima del montaje, aunque no puede hacer mosaicos, ya que ninguna de las plantillas permite subir más de dos imágenes.

Una vez seleccionada la plantilla, podemos arrastrar la imagen que deseemos y aplicar filtros “a lo instagram”, tal y como os mostramos en la siguiente captura:
Continúa leyendo…

Tres proyectos ideales para diseñadores web

Pensemos ahora en los webdesigners que buscan recursos originales, tanto para agilizar su trabajo como para encontrar contenido de forma sencilla, y hagámoslo con tres sitios que no pueden faltar en su barra de favoritos:

NounProject

captura-55

Os lo presentamos en 2012 como un proyecto que nos permite contribuir con nuestro icono, representando cualquier concepto que deseemos, dejándolo disponible para que otras personas puedan usarlo en sus trabajos.

Existe una infinita colección de iconos de todo tipo, clasificados y gratuitos cuando se da licencia al autor, con una opción de pago para obtener todo el contenido si necesidad de poner el link de referencia al creador.

Está disponible en varios idiomas, podemos bajar los iconos desde la web y es posible instalar una aplicación Mac para facilitar el uso.
Continúa leyendo…

coleure, una interesante forma de gestionar paletas de colores

captura-152

Hace unos meses publicamos una lista de sitios web ideales para quien trabaja con colores, lista que puede ampliarse hoy con coleure.com.

Se trata de un proyecto que nos permite guardar las paletas que vayamos creando, arrastrando y soltando los colores que vemos en la plataforma hacia un menú lateral donde estará la colección deseada.

A diferencia de otras opciones semejantes, este proyecto permite mezclar, comparar, probar e incluso editar colores, por lo que las posibilidades sin bastante amplias a la hora de crear nuevas paletas. De hecho la parte de mezclar es realmente sofisticada: seleccionamos dos colores y arrastramos con el ratón para incluir más “tinta” de uno o de otro, tal y como muestra el gif animado que crearon para presentarlo.
Continúa leyendo…

atomic, una aplicación para crear prototipos de aplicaciones web y móviles

captura-45

Cada vez es más común, cuando encargamos una web o aplicación móvil, recibir un prototipo interactivo para que sepamos exactamente lo que será entregado, una forma de garantizar que todo el mundo ha entendido las necesidades y que no se gastará mucho tiempo con “no era eso”, “no me gusta así” o “envíame otra prueba”.

Programar y diseñar es un trabajo extremamente complejo, y muchos clientes no saben el esfuerzo que hay detrás de un “no me acaba de gustar” después de que la plataforma contratada ha sido completada.

Es cierto que hay muchas formas de cortar ese flujo improductivo de información, pero nada como aprobar un prototipo interactivo antes de comenzar a pelearse con el código.

Lo que os presentamos hoy es atomic.io, plataforma web, de momento gratuita, que permite diseñar aplicaciones e incluir botones de acción para que cualquier persona pueda navegar entre las pantallas presentadas, como si fuera la app final.
Continúa leyendo…

Fontstand, una app para OS X con la que probar fuentes gratuitamente y alquilarlas a precio reducido

fontstand

Como sabréis, en WWWhatsnew os hablamos con frecuencia acerca de distintos recursos para diseñadores. En esta ocasión, nos ha llamado la atención Fontstand, una nueva aplicación para OS X que te permitirá tanto probar un gran número de fuentes distintas de forma gratuita como alquilarlas por una décima parte de su precio habitual.

En general, el funcionamiento de la aplicación es bastante sencillo. Una vez instalada, Fontstand te permitirá navegar por un extenso catálogo de fuentes hasta encontrar la que más te llame la atención. Una vez la hayas encontrado, tendrás la posibilidad de descargarla en tu equipo y probarla por una hora de forma completamente gratuita con el objetivo de averiguar si te convence el resultado. Si es así, podrás escoger entre alquilar la fuente completa o estilos individuales por un 10% de su precio habitual (cuyo precio variará dependiendo de la fuente), cantidad que habrás de pagar cada mes. Y después de doce meses de alquiler, podrás utilizar la fuente sin necesidad de continuar pagando. En cuanto a la licencia de las fuentes, podrás utilizarlas tanto para uso personal como profesional en tu ordenador, autoedición e impresión. Para otros usos, entre los que se incluyen los proyectos web, es necesario contactar con el creador de la fuente para adquirir derechos adicionales.

Por el momento, únicamente hay disponible una versión de la aplicación para OS X, aunque la compañía ha manifestado su interés de crear una versión para Windows en el futuro. Podéis descargar Fontstand a través de su página web.

A continuación, os dejamos con el vídeo de presentación de la aplicación:

Continúa leyendo…

Una web para que podamos comparar tipografías

captura-27

Si tenéis curiosidad por saber las diferencias existentes entre diferentes tipos de letra, echad un vistazo en esta web.

Se trata de una aplicación en la que podemos seleccionar dos tipografías para compararlas. En el primer campo de texto viene por defecto Georgia, pero puede cambiarse sin problemas. Solo es necesario indicar el nombre de la fuente y mostrarla en los cuadros inferiores.

Al seleccionar la segunda fuente podremos indicar si queremos que se muestren una encima de otra, con un grado de transparencia que muestre mejor las diferencias, aunque también es posible ponerlas lado a lado.

Las letras usadas como ejemplo pueden también alterarse, tal y como veis en la captura superior, ayudando así a elegir aquéllas en las que las diferencias son más sutiles.

Es compatible con todas las fuentes existentes en www.google.com/fonts/. En caso de introducir un texto de una fuente no permitida, no generará error, pero tampoco mostrará resultados.