16 mayo, 2018

Adobe XD CC está disponible… ¡gratis!

Sí, nos referimos al oficial. Al software desarrollado por Adobe específicamente para diseño UX/UI. A partir de ahora y hasta fecha desconocida, está siendo ofrecido libremente como aplicación gratuita. Descargable por tanto desde el sitio oficial de Adobe. ¡Gran noticia!

Conviene explicar antes de nada qué es exactamente este programa y para qué sirve. Las siglas XD corresponden a “eXperience Design”. Así pues, remiten directamente al campo antes citado de las UX/UI: el diseño centrado en la experiencia de usuario (UX o “User eXperiencie”) y la construcción de consolas gráficas e interfaces de todo tipo (UI o “User Interface”, interfaces de usuario).

En pocas palabras y para que todo el mundo lo entienda: Adobe XD sirve para diseñar apps móviles y sitios web multipantalla, que además sean usables de forma sencilla e intuitiva por cualquier persona. Y con diseño atractivo, naturalmente.

Adobe XD logo

Así pues, se trata de un programa -desarrollado nada menos que por Adobe y muy utilizado a nivel global- específico para crear plataformas web y aplicaciones móviles al completo. Tanto los iconos, botones y demás elementos gráficos interactivos, como la propia estructura de páginas o pantallas por las que navegará el usuario/a dentro del sitio.

Como XD está pensado justo para esto, permite a su vez crear los sitios de una forma muy sencilla, mediante simples clics y arrastrando elementos. Por tanto, nada tiene que ver con programas como Dreamweaver, etc, que requiren conocimientos de lenguaje HTML, estilos CSS, etc.

Una herramienta poderosa a nuestro alcance, que además tiene en cuenta la gran diversidad de dispositivos (smartphones, tablets, smartTV, equipos de sobremesa o portátiles…) que existen actualmente. Con especial atención a los numerosos dispositivos móviles que hay. ¡Y totalmente gratis!

Más detalles.

Por supuesto existe versión de pago del programa, pero que solo hará falta a empresas y grandes estudios de diseño. Decimos esto pues la versión gratuita es más que suficiente para el diseñador/a medio.

Concretamente, la versión gratuita permite un único “prototipo” activo (si pagamos disfrutaremos de prototipos ilimitados). Pero téngase en cuenta que podremos seguir trabajando en diversos proyectos, pues “prototipo” se refiere a la versión activa –o mejor dicho interactiva- del proyecto. En definitiva a una previsualización completa del sitio que estamos diseñando, en formato real y visible en cualquier dispositivo, que podremos además compartir con colegas de trabajo y otras prestaciones. La versión gratuita solo permite un único prototipo completo de este tipo a la vez.

En cualquier caso, si hacemos los sitios de uno en uno no parece un gran inconviente.

Requerimientos técnicos en nuestro equipo.

Hay otra limitación, y ya me parece más importante. Es la referida a la potencia necesaria en nuestro equipo. Hay que decir que Adobe XD CC requiere una máquina bastante potente para funcionar. Concretamente 4 GB de RAM y procesador rápido, así como software avanzado (Windows 10 64 bit / macOS 10.11 o superior, Direct 3D DDI Feature Set 10… y más cosas, ver ficha completa de requerimientos).

Para ver diversos equipos actualmente en el mercado comparando sus características técnicas y potencia, dirigirse al siguiente artículo: "Equipos para diseñar: comparativas".

Conclusión.

Sea como sea, nos parece una excelente iniciativa por parte de Adobe, el liberar este programa con versión gratuita, que además es plenamente funcional y utilizable. E integrado plenamente con el resto de software de la compañía (Photoshop, etc), por supuesto.

Muestra de uso de Adobe XD: soltando y arrastrando elementos

Sin duda es una herramienta muy útil para hacer sitios e interfaces centradas en la usabilidad, e incluso cabría decir que para hacer sitios en general. Al completo, incluyendo formularios, comentarios, mapas… Cualquier tipo de contenido.

El programa en sí presenta al diseñador/a las páginas en forma de esquema rápido, para que las podamos conectar entre sí con un simple clic, estableciendo incluso el dispositivo que mostrará cada una y demás.

Muestra de uso de Adobe XD: vinculando páginas y tipos de dispositivo que las mostrarán

En definitiva, MUY recomendable echarle un vistazo. Y, si se tiene un equipo lo suficientemente avanzado, incluso descargarlo, instalarlo y probarlo.

Para todo ello, dirigirse al sitio oficial que Adobe ha creado para el programa. Allí no solo podremos descargarlo, sino que también puede encontrarse mucha información, vídeos sobre el mismo, tutoriales… Ponemos de nuevo el enlace:

Obtener Adobe XD CC gratis – Sitio oficial | Adobe.com

Enlaces extra.

Leer más...

09 mayo, 2018

Trigger Cards: ejemplo de diseño crowdfunding

Me ha gustado muchísimo este proyecto del que vamos a hablar: Trigger Cards (literalmente “cartas gatillo”, o “cartas disparador”). Y el entusiasmo se debe a una doble –o triple- perspectiva.

Por un lado, por sí mismas constituyen un trabajo de diseño excelente, como luego veremos. Son realmente bonitas, sencillas y funcionales; sirven exactamente para lo que sirven, sin añadidos superfluos y resultando al mismo tiempo modernas y atractivas, bien diseñadas.

En segundo lugar, la idea de fondo es igualmente buenísima. No es otra que precisamente la de inspirar a equipos de creativos. Así pues, cuando se las ha llamado “cartas gatillo”, era en el sentido de desencadenar ideas, poner a funcionar las mentes de los equipos. En definiva, son como una baraja de cartas convencional, pero que en lugar de naipes tiene tarjetas con preguntas, a modo de brainstorming.

Ya lo explicaremos un poco más después. El caso es que son cartas para inspirar. Creo que esa sería la mejor traducción al español de Trigger Cards: “cartas inspiradoras”.

Trigger Cards, baraja de cartas "inspiradoras" para desbloquear a creativos/as.

En tercer lugar –pero no menos importante-, está el modo en que se ha puesto en marcha y llevado a cabo el proyecto. En vez de realizar –solo- la típica presentación en Behance, Dribbble, etc, y vender luego los mazos de cartas en un sitio web al uso, han optado por una estrategia muchos más original: el crowdfunding o micromecenazgo. Sin duda es un ejemplo de trabajo en Diseño Gráfico profesional increíblemente interesante, que nos debe enseñar a todos. De principio a fin.

Las cartas buscan ayudar a creativos/as del mundo entero, sea cual sea su campo.

¿Qué es esto del micromecenzago y cómo lo han aplicado?

El crowdfunding en general consiste en solicitar públicamente financiación para un proyecto. Mediante diversas plataformas digitales, cualquier persona puede actuar como pequeño “mecenas” en el mismo (o grande, si se quiere). En definitiva poniendo dinero para que el proyecto se ejecute, y convirtiéndose así en inversor/a.

¿Qué consigue a cambio esa persona particular? Las condiciones dependen de cada proyecto. Por lo general es una copia o ejemplar del mismo, cuando esté terminado (en condiciones ventajosas naturalmente). Aunque puede ser incluso parte de los beneficios, etc. En definitiva, en lugar de acudir a los financiadores habituales –los bancos-, el micromecenazgo apuesta por la financiación colectiva por parte de muchos particulares.

En este caso, las Trigger Cards lanzaron su petición de crowdfunding en la plataforma Kickstarter. Como puede verse si se clica en el enlace, las personas que contribuyan obtendrán diferentes recompensas, en función de la cantidad invertida (básicamente se trata de mazos de cartas que se les envían a su domicilio en cualquier parte del mundo, con un descuento aplicado sobre el precio normal de venta).

Algo más de info sobre las cartas y cómo se usan.

La persona que está detrás de este inspirador proyecto es el español Alejandro Masferrer, consultor creativo del área de Barcelona. Un excelente diseñador y tremendo profesional que ha trabajado en Londres y diversos lugares más.

Alejandro Masferrer

Según se explica en la página oficial de las Trigger Cards, Alejandro inició este proyecto en 2016, mediante un simple sitio web en el que explicaba el método creativo. El rápido éxito del mismo llevó a todo lo demás: buscar las preguntas adecuadas, diseñar las tarjetas, buscar financiación…

Estas cartas son por tanto mucho más que un simple objeto bonito con buen diseño, pues verdaderamente buscan ayudar a equipos de creativos del mundo entero. De hecho, hay versiones tanto en español como en inglés, y todo el sitio web –que por cierto tiene un diseño igualmente excelente y a la última- está íntegramente realizado en esta última lengua, lo cual en mi opinión es un acierto (de esta forma puede conseguirse difusión mundial).

Hay 8 barajas distintas según el tipo de proceso creativo.

No digo nada más. Las personas interesadas pueden navegar por los diferentes sitios oficiales de las Trigger Cards, donde se explica todo muy bien. Baste decir que las preguntas de las tarjetas sirven para cualquier tipo de labor o problema, pues hay 8 barajas diferentes: temas científicos, sociales, económicos, artísticos… Es como un juego; se van cogiendo naipes y el equipo va respondiendo de forma horizontal y flexible a las preguntas. Cuando se llega a un callejón sin salida, siempre podemos sacar otra carta…

Mis felicitaciones más sinceras a Alejandro Masferrer y resto de colaboradores por este proyecto. Como digo es todo un ejemplo digno de emulación, de principio a fin. Desde La Grafiteca compartiremos sus actualizaciones en nuestros propios canales sociales, dado su gran valor e interés profesional. Vuelvo a poner enlace al sitio principal del proyecto:

Triggers: a powerful brainstorming tool for creatives (una poderosa herramienta de tormenta de ideas para creativos).

Leer más...

02 mayo, 2018

Invitación para boda con flores watercolor, en PSD

Muy bonitas estas dos plantillas gratuitas en formato PSD de Photoshop, totalmente adecuadas para cualquier evento matrimonial. Pueden funcionar bien como invitación en formato tarjeta/tarjetón, e incluso para un cartel si no es demasiado grande.

Se trata de un recurso royalty free para fines personales, lo cual quiere decir que podremos usarlas libremente en nuestra boda, tal cual o modificadas, e incluso para clientes (también para usos comerciales más extendidos, aunque ya con ciertas restricciones que luego veremos). Así pues un recurso interesante, de buena calidad y muy usable.

Los archivos están comprobados, como siempre en La Grafiteca. La descarga y funcionamiento posterior se realizan sin ningún problema.

El aspecto de ambas plantillas es el siguiente (como puede verse, he sustituido el nombre de uno de los contrayentes por Santi F, a modo de comprobación de funcionamiento de la plantilla):

Invitaciones a boda gratuitas, con decoración de flores estilo watercolor. Archivo comprobado y testado por La Grafiteca.

Bonita decoración pintada a mano, con flores estilo watercolor -pintura al agua, como las acuarelas-. No hace mucho realizamos una recopilación de pinturas digitales de este tipo (ver: “Acuarelas de flores: kits de diseño para la primavera”). Estas dos invitaciones son un buen ejemplo de aplicación de dichos elementos, que también funcionan muy bien en tarjetas románticas, felicitaciones, etc.

Los autores de este diseño lo adscriben también dentro de un estilo “Blush Noir” (en francés “Rubor negro”, es un concepto utilizado en el mundo del maquillaje y la moda).

Más muestras:

Invitaciones a boda gratuitas formato PSD, con decoración de flores estilo watercolor. Muestra 1Invitaciones a boda gratuitas formato PSD, con decoración de flores estilo watercolor. Muestra 2Invitaciones a boda gratuitas formato PSD, con decoración de flores estilo watercolor. Muestra 3

Como puede verse en este útlimo detalle, una vez impresas en cartulina satinada de buen gramaje pueden quedar muy bien, con un aspecto estupendo. Las tarjetas están listas para imprimir, con colores en modo CMYK y además en alta resolución.

Detalles concretos:

  • 13x18 cms. a 300ppp (13MB). Dado que el archivo está en alta resolución, y cuenta con imágenes detalladas de buena calidad, es posible imprimirlo a mayor tamaño sin que se note demasiado, haciendo por ejemplo un librito o incluso un pequeño cartel (aunque yo no superaría el metro como máximo por su lado mayor, y por supuesto remuestreando la imagen mediante Photoshop).
  • Color en cuatricomía CMYK. Listas para imprimir tal cual vienen, por tanto, una vez sustituidos los nombres.
  • Tipografías no incluidas, pero gratuitas. Se detallan las URLs para obtenerlas en un archivo de texto aparte (también pueden sustuirse por cualquier otra).
  • Solo hay diseño para una cara.
  • Licencia de uso: gratis para usos personales y comerciales, aunque no para revender la plantilla tal cual en mercados de diseño (esto requiere adquirir licencia extendida). Ver archivo de licencia adjunto a las plantillas para más detalles.

Autoría: Este recurso es una obra original de The Wedding Shop, un estudio especializado en diseños para bodas. Concretamente, se trata de una muestra gratuita de sus trabajos, que han distribuido a través de la popular web especializada PixelBuddha.

La licencia de uso expone que la distribución del archivo solo puede realizarse desde la mencionada web, no permitiéndose realojamiento por parte de otros sitios. Así pues, para descargar este recurso, dirigirse a:

Blush Noir Wedding Invitations | PixelBuddha.net

Si ven este recurso alojado en otro lugar, desconfíen de inmediato del mismo. La descarga solo debería efectuarse desde esta ubicación, o desde alguna página de los propios autores (el estudio The Wedding Shop). En el momento de redactar este artículo, se requería facilitar un email válido, al que nos remiten link de descarga (comprobado). Esto supone suscribirnos al newsletter, aunque podremos cancelar la suscripción en cualquier momento, naturalmente. Así pues, todo ok.

Más referencias en La Grafiteca.

Sobre este tema, además del artículo que citamos al principio, también pueden ser de interés las entradas:

Leer más...