Crossoverposting febrero 2019

crossoverposting-febrero2019

Nunca os he contado el porqué de mi interés por el diseño gráfico, en especial por el diseño de interacción. Durante mis estudios de informática en la UCLM, cursé la asignatura de Interfaces y Periféricos, en la que realicé un proyecto que necesitó de una interfaz de usuario. Durante el desarrollo del proyecto, me picó el gusanillo del HTML, y me propuse aprender a usar pohotoshop para diseñar la interfaz; darle interactividad, etc.., y sobre todo picó la inquietud del porqué un programa informático debería tener una interfaz que, además de usable y de fácil comprensión y manejo, tuviese un diseño atractivo y, porqué no decirlo, bonito estéticamente y atrayente. Después la especialización profesional y el estudio de diseño gráfico fueron una consecuencia profesional.

Bueno, y después de la batallita, os traigo una edición más de Crossoverposting, el post de recopilación de los recursos y enlaces sobre diseño gráfico, experiencia de usuario y diseño de interfaces que más me ha gustado durante el mes de febrero, y que me sirve de «repositorio» de recursos para mí y espero que os sirva a vosotros (si es que alguien lee estos posts)

UI Kits

Stisla

Stisla es una plantilla de administración gratuita, 100% de código abierto, basada en Bootstrap que te ayudará a acelerar tu proyecto, diseñar tu propia interfaz de usuario de panel de control y que además encantará a los usuarios que la utilicen. Con una completa documentación, puedes clonarla como repositorio desde Github o descargarla directamente.

Smart Home (UX Pin)

Smart Home es un UI Kit que tiene todo lo que se necesita para crear paneles de control para administrar dispositivos inteligentes como termostatos, luces u otros dispositivos que conforman un hogar moderno conectado. Lleva casi 30 pantallas prediseñadas y puedes descargarlo en diferentes formatos para que lo uses en Photoshop o Sketch. Gracias a UX Pin por este regalazo.

Software de Diseño

Pinegrow

Pinegrow es un editor Web multiplataforma compatible con Mac, Windows y Linux, que te permite construir sitios web multipáginas usando estilos CSS y SASS, con un editor de rejilla css y compatible con varios frameworks como Foundation, Bootstrap 3 o Bootstrap 4; y todo ello lo puedes hacer sin picar (demasiado) código. Además dispone de un generador de themes de WordPress, si usas este gestor de contenidos, que te permitirá generar tus propias plantillas de diseño. El software no es gratuito, pero tiene una versión trial, y los precios de licencia son muy muy asequibles.

Tipografía

Noemí Slab Typeface

Noemí Slab Typeface es la creación del diseñador malagueño José Antonio Jiménez. Se trata de una familia tipográfica ideal para su uso en periódicos y prensa en general. Dispone de una versión gratuita de descarga con dos versiones, text y negrita. Una fuente serifada de aspecto de máquina de escribir que nos recuerda a las Lucidas o a Museum. Un excelente trabajo que además tiene un 50% descuento para uso personal hasta febrero de 2019.

La Pildorita

Del 26 al 29 de marzo se celebran en Barcelona las ferias Graphicspag19 y GRADA

Graphicspag es la feria de referencia del sector de la comunicación visual. Un espacio en el que durante 4 días se darán cita expositores provenientes de países como Alemania, Bélgica, China, Países Bajos, Francia, Italia, Polonia, Reino Unido, algunos países latinoamericanos y Suecia… y en el que los profesionales que la visiten podrán descubrir los equipos, maquinaria, soportes, y materiales que están revolucionando el sector de la comunicación visual y la publicidad a través de impresiones de gran formato. 300 marcas, 200 expositores y más de 9.000 metros cuadrados dedicados al sector. Una feria donde todos los sectores de las artes gráficas y la comunicación visual tienen su espacio.

Esta feria, compartirá espacio con GRADA, un evento impulsado por el Col·legi Oficial de Disseny de Catalunya, que recoge todas las disciplinas que utilizan la imagen como motor y como herramienta de sus actividades: desde la comunicación visual, el diseño gráfico, hasta la ciencia, la arquitectura y la ingeniería, y el desarrollo de estas durante todo su recorrido.

GRADA nace con el objetivo de reconocer el nuevo paradigma del diseño que proclama el Col·legi Oficial de Disseny de Catalunya. La unión de Graphispag con GRADA tiene como objetivo unir los actores que utilizan la imagen como herramienta vital para el desarrollo de sus disciplinas. Empresas productoras, clientes profesionales, clientes finales, prescriptores de proyectos, de productos y de comportamiento se encuentran en los mismos espacios, para compartir y aprender del talento.

Adobe Capture CC: Una APP para capturarlos a todos

Adobe Capture CC: Una APP para capturarlos a todos.

De vez en cuando me encuentro con herramientas sublimes que me causan bastante impresión y de las que tengo que hablar. Herramientas que solucionan problemas de diseño de forma brutal o disruptiva. Es el caso de Adobe Capture CC, un software de Adobe que (sí, así es) descubrí ayer y que me pareció sublime y de una utilidad pasmosa. Un conversor vectorial que, usando la cámara del móvil, reconoce tipografías o vectoriza formas para su uso posterior como bloques de diseño.

Además, esta herramienta permite crear y está diseñada de base para crear formas, patrones, colores, pinceles, motivos repetitivos y paletas de color; y poder utilizarlos posteriormente en las herramientas de las suite de Adobe que todos usamos, como Photoshop, Illustrator o Indesign, ampliando de forma considerable nuestras posibilidades creativas. En especial el uso de motivos repetitivos es un recurso genial para los que trabajéis en diseño textil; o para los que modeláis en 3d, una herramienta muy útil que os permitirá generar texturas para elementos 3d de forma rápida y sencilla.

En la app, los vectores son reconocidos  y exportados como archivos vectoriales en formato SVG. Por otro lado, si lo que quieres es reconocer una tipografía, solo tendrás que escanearla con la cámara del móvil y te indicará las tipografías más similares o aproximadas incluidas en la aplicación de fuentes de la suite: Adobe Fonts.

Y por último, con la herramienta es posible crear pinceles o brushes listos a usarse en Illustrator, Photoshop o en el propio dispositivo, con Sketch si usas los dispositivos de Apple. Y todo esto gracias a la gestión de las Bibliotecas en la suite Adobe CC, que permiten administrar los recursos a través de todas las aplicaciones de Creative Cloud.

Y digo que descubrí la herramienta ayer porque increiblemente la aplicación se lanzó como Concept APP en 2015, y desde entonces la compañía ha ido perfeccionando el uso de la IA para reconocer prácticamente cualquier cosa, cada una con su apartado dentro de la app: materiales, fuentes, formas, colores, motivos y pinceles.

El potencial de esta app es enorme y demuestra lo que es posible combinando la realidad aumentada y la Inteligencia Artificial, algo que no es nuevo y de lo que ya existen precendetes, con ejemplos como Google Lens, una tecnología de Google que nos permite fotografiar cualquier cosa, y mediante el uso combinado de la IA de Google y el buscador, el objeto es reconocido, y nos muestra más información sobre él.

Pero Adobe ha centrado sus avances en IA en el flujo del proceso creativo dentro del todo el ecosistema alrededor de la suite Creative. Lo mejor de todo es que Adobe Capture CC es gratuita, y está disponible tanto para Android como para IOS, pudiendo instalarla en tu móvil desde la Play Store o desde Apple Store.

Crossoverposting Enero 2019

Crossoverposting - enero 2019

Hace tiempo que busco la forma de organizar los recursos de diseño que voy encontrando en Internet a través de Twitter, Facebook o algunas de las newsletters, como Honos, a las que estoy suscrito. Así quiero «re-inaugurar» una nueva categoría de post en el blog dedicada a hacer un batiburrillo de estos recursos que voy encontrando. Y digo «re-inaugurar» porque es algo que ya hace años hacía (cuando el blog no se basaba en WordPress, que ya sabéis que este año, la web hace 15 años online). Por entonces acuñé el término «Crossoverposting» como un rápido sobrevuelo por encima de los post en los blogs que entonces seguía; así que creo que voy a continuar con esta costumbre, y de esta manera, concentrar en un solo lugar los recursos.

En esta primera nueva edición del «Crossoverposting«, quiero subdividir la entrega en secciones, y estos son los recursos que os traigo:

UI/UX

Recurso de Diseño

Vía @Vincentxia77 os traigo un post de Mockplus en el que nos enumeran 6 tutoriales sobre diseño de Interfaces de Usuario y User Experience disponibles en Internet que nos pueden venir muy bien para nuestra constante mejora de capacidades. Entre ellos Hackdesign, una amplia variedad de material que incluye tutoriales, cursos, excelentes publicaciones en blogs, documentación y recursos de descarga, etc; o «Foundations of UX: Prototyping» por James Williamson en lynda.com, que nos propone mejorar el proceso de diseño estructurándolo en 5 pasos. Lecturas muy recomendables.

Recurso de Diseño

En Line25.com tienen una impresionante colección de las 25 mejores librerías CSS para animación que hay en Internet y que te permitirán agregar dinamismo e interactividad a tu trabajo. En esta colección encontrarás un montón (algunas gratuitas y otras de pago) de animaciones y efectos CSS para cualquier tipo de elementos web, como textos, imágenes, botones, formularios, pestañas, información sobre herramientas, tarjetas y más. Entre ellas podemos encontrar Hexa, Vivify, Flutter o Woah.css entre otras.

Recurso de Diseño

Una de las colecciones gratuitas de recursos de diseño más impresionantes que hay es el que nos brinda Inside Design by Invision, una gran cantidad de librerías de alta calidad, UI Kits, Icon packs y Mockups, todos gratuitos, que te encantará y que lo hará de visita obligada e imprescindible en tus bookmarks.

Tipografía

Recurso de Diseño

MARZ es una fuente futurista geométrica, sans serif, con líneas limpias diseñada por Marco H Designs. Incluye glifos únicos en mayúsculas, minúsculas y números. Esta fuente es perfectamente adecuada para una variedad de propósitos de visualización, incluidos logotipos, distintivos y etiquetas, titulares y pancartas, impresiones y mucho más. Y es gratis para uso personal, aunque tiene una versión para proyectos comerciales, que si quieres utilizar tendrá que ponerte en contacto con el autor.

Recurso de Diseño

Azonix es fuente minimalista geométrica y muy moderna, con todas sus formas correctas y con todos los caracteres en el mismo tamaño; es perfecta para encajar en una línea uniforme. Se trata de una fuente en mayúsculas diseñada por Mixo y una gran opción para titulares y logotipos. La «A» sin una línea de cruz le da a un aspecto futurista y único. Y lo mejor, es libre para uso personal y comercial.

La Pildorita

Recurso de Diseño

Ya nos lo comentaba Ángel Álvaro de Castro en su charla de Subflash de 2015. El diseño en la publicidad que viene tendrá que identificarse, sí o sí, con las emociones, para transformar las ideas en realidad. A medida que la tecnología se vuelve más inteligente, es necesario crear una conexión emocional que permita que los productos digitales lleguen mejor a los usuarios, y para ello, es clave que exista un estudio de la interacción entre humanos y productos y que a la vez sea inspiradora. El diseñador Gleb Kuznetsov nos muestra en este vídeo parte de su trabajo de creación de experiencias digitales a través del diseño emocional.

Consejos para una correcta integración de equipos de diseño y desarrollo front-end (UI/UX)

Consejos para una correcta integración de equipos de diseño y desarrollo front-end (UI/UX)

Diseñadores y desarrolladores estamos condenados a entendernos, diréis que soy un pesado y siempre estoy hablando del mismo tema, pero como informático reconvertido a diseñata, puedo entender que las relaciones no siempre son buenas, que es difícil llegar a consensos en la implementación de un producto y que es necesario un marco de entendimiento en el que se pueda trabajar juntos de forma efectiva. Os dejo aquí algunos consejillos desde el punto de vista de un diseñador, que a mi me han servido para desempeñar mis tareas junto a diferentes equipos de desarrollo en mi carrera.

Lo primero, confía en tu programador

Cuando asistas a reuniones con clientes, o responsables de producto para definir el diseño y funcionalidad de un producto, ve de la manita con tu programador o tu ingeniero. Siempre juntos. Te ayudará a acotar las peticiones que el cliente o el responsable de producto quieren en el proyecto, en función de la posibilidad de que puedan realizarse, o del coste de su desarrollo. También, cuenta con ellos a la hora de tomar decisiones en cuanto al diseño, porque si tu desarrollador siente que ha contribuído en el proceso de diseño, pondrá mucho más cuidado a la hora de implementarlo, y a ti no se te llevarán los demonios cuando veas que hay algo diferente a lo que tú prototipaste. Además, lo creas o no, hay programadores con nociones de diseño bastante acertadas y decentes, sobre todo en el aspecto de la experiencia de usuario; y a fin de cuentas a todos nos gusta que nos escuchen, siempre se saca algo positivo.

Adquiere nociones básicas de código

Habitualmente, la implementación de los proyectos front-end se realiza en HTML, CSS y JavaScript. Si vienes del mundo de las artes gráficas, de plástica o diseño gráfico y nunca has tenido contacto con la tecnología que se usa en la implementación de proyectos web, o el desarrollo de interfaces gráficas UI y UX, a lo mejor podrás diseñar unos prototipos preciosos, sí, con unas fotos maravillosas, pero estarán muy, muy lejos de ser funcionales, y de tener una experiencia de usuario y usabilidad correcta. Toma nociones básicas de HTML, CSS y javascript para entender la tecnología que se está utilizando, y para poder tener en cuenta las limitaciones y posibilidades que tiene, y después aplícales tus conocimientos de comunicación visual y diseño, y serás un crack; y además te habrás ganado el respeto de los programadores que trabajen contigo.

Evita los estilos personalizados. Usa UI-Kits

Prácticamente todos los equipos de desarrollo front-end utilizan algún tipo de librería CSS, o UI-Kits para la implementación de estilos en la aplicación. Estas librerías a menudo contienen estilos comunes como márgenes predefinidos, colores y otras clases predefinidas que los programadores utilizan para hacer el desarrollo más rápido y más consistente. Evita al programador que tenga que utilizar estilos personalizados al mínimo, solo cuando sea extrictamente necesario, para no tener que escribir código CSS nuevo desde cero que anule los estilos de la librería utilizada.

Además muchas veces estos kits llevan implementados patrones de diseño que están muy testeados, que funcionan y que simplifican de manera notable la interacción con el usuario y la toma de decisiones de diseño. No reinventes la rueda, usa patrones de diseño, sobre todo en lo que a elementos de interacción se refiere.

Compartid el progreso del trabajo

A los diseñadores nos mola mucho ver como nuestro trabajo va cobrando vida, por lo que revisar los progresos del desarrollo es realmente una cosa divertida para todos. Si tu programador te mantiene actualizado y al tanto con el progreso del desarrollo del producto, te ayudará a garantizar que su implementación cumpla con las expectativas y no haya sorpresas en el futuro. Esta es también una gran oportunidad para que el programador pueda hacerle al diseñador cualquier pregunta que pueda tener sobre el diseño o las tareas futuras.

Y por último optimizad el flujo de trabajo

Por si no lo sabías, yo te lo digo: las interrupciones constantes son la perdición para la existencia de un programador. Lo mismo nos pasa a nosotros, no se puede hacer un trabajo óptimo y con concentración si nos estamos interrumpiendo constantemente para solucionar pequeños problemas de diseño o de programación, en uno u otro sentido. El diseño es un proceso iterativo, e indudablemente habrá cambios continuos en el producto; acumula estos cambios en paquetes, antes de recurrir al programador para una consulta por un único cambio.

Y lo mismo para el programador, los diseños y prototipos muchas veces no contemplan todos los casos que pueden darse en programación, y es bueno que el programador use su intuición y complete las lagunas modificando aspectos del prototipo general para adaptarlos al caso concreto. Que no se preocupe que luego puede revisarse ese diseño; y por supuesto, comunicarse con su diseñador para tomar decisiones importantes, pero acumular consultas es bueno para no estar interrumpiendo el trabajo de tu compañero.

Bibliografía

Concursos de Diseño ¿Por qué no me gustan?

¿Porque no me gustan los concursos de diseño?

A menudo muchos de mis amigos y conocidos me pasan enlaces de concursos de diseño de todo tipo de eventos, y siempre les contesto con un educado «Yo no participo en concursos, pero gracias». Hoy quiero contaros las razones por las que, como profesional del diseño gráfico, estoy en contra de los concursos de diseño; algo que parece estar muy bien visto, pero que en realidad pienso que es una mala práctica que denigra a la profesión del diseñador gráfico, y un menosprecio a la formación de los profesionales que trabajamos en esto.

Las Licitaciones

Es curioso como en cualquier otro ámbito, ya sea tecnológico o no, para poder optar a un trabajo ofrecido por una administración, lo que se realiza es un concurso de méritos o de presupuestos. Se presenta un presupuesto y una serie de méritos por parte de la empresa o del profesional que quiere optar a realizar ese trabajo, y si dado el caso, eres el ganador del concurso, ya puedes realizarlo y posteriormente cobrar por tus servicios. Es lo que se suele llamar licitaciones, y pasa en casi cualquier tipo de trabajo que desde la admistración se externaliza a empresas privadas o profesionales autónomos.

Los Concursos de Diseño Gráfico

Pero esto en el diseño gráfico no pasa. Es muy normal ver que se ponen en marcha concursos de diseño gráfico, para hacer un cartel, un logotipo o para la promoción de cualquier tipo de evento, en el que las organizaciones, por un módico premio, obtienen multitud de opciones para comparar, probar y elegir; un trabajo creativo de muchas personas que no tienen que pagar; y ya de paso ahorrar en un montón de costes, entre los que están muchas veces quedarse con los derechos de explotación de todos los trabajos presentados. Por no hablar de bases abusivas que se pasan por el forro las leyes de propiedad intelectual.

Además, la mayoría de estos concursos, están abiertos a «personas creativas» que no necesariamente deben militar en el gremio del diseño gráfico y profesiones afines; por no hablar de que, lamentablemente, en los jurados de estos concursos suelen estar personas de fuera de la profesión, que no están formadas con los criterios estéticos y técnicos para juzgar un trabajo y que se guían por su impresión, por «si les gusta o no les gusta». Como ya sabemos, de diseño sabe todo el mundo y parece, que todo el mundo puede opinar. Indudablemente esto redunda en que, en muchos casos, los trabajos elegidos, si bien puedan tener una apariencia estética aceptable, su ejecución y su implementación técnica está muy lejos de ser profesional, y esto sucede muchísimas veces.

Imagina que se hiciese un concurso para hacer la página web de una ciudad, en la que se pidiera a las empresas y profesionales concursantes que desarrollasen la página web, y de entre todas las que se hiciesen, un jurado elegiría una ganadora y a esa, se le pagaría el desarrollo; y el resto… se las quedarían para usarlas a su conveniencia en un futuro. Imagínatelo ahora para cualquier otro ámbito: construcción, electricidad, fontanería, arquitectura… no se…, no cabría en ninguna cabeza profesional invertir tiempo, esfuerzo y recursos en realizar un trabajo que no sabes si vas a poder cobrar, y del que, en muchos casos, dejará de ser de tu propiedad para lucrar a otros en un futuro. Pues ésto, con los concursos de diseño sí que pasa, y lamentablemente, de forma muy habitual.

La mayoría de estas organizaciones se aprovechan de un hambre de trabajos y una precariedad laboral en el mundo del diseño que está muy patente, por no hablar de intrusismo y de lo ridículo de algunos premios frente al proceso creativo que lleva realizar el trabajo. Además está el otro lado de la moneda, la cantidad de plagios, contrariedades y otras situaciones vergonzosas como esta, esta, esta, esta o esta; que acaban dándose por los inocentes,  aprovechados u oportunistas.

No todo es malo

Pero no todo es malo en los concursos de diseño. Tengo que reconocerles que para mí sólo tienen algo bueno, y es que son una buena forma de obtener promoción y reconocimiento y prestigio si eres estudiante o novel en el mundo del diseño, o si eres un mero aficionado. Participar puede hacer que aprendas de otros diseñadores, que mejores tu técnica y conseguir salidas profesionales.

Y por supuesto, hay concursos y concursos, y hay organizaciones que ponen en marcha procesos concursales de diseño dentro de los ámbitos estudiantiles, con la única idea de obtener talento y no aprovecharse de los creativos; es una forma de encontrar esa frescura que tanto se echa en falta y premiar buenos trabajos. Pero por regla general son los menos. Si en tu ciudad ves un concurso de diseño gráfico para los carteles de fiestas, para el logo de tu ayuntamiento, diputación o comunidad autónoma, déjaselo a los amateurs, si eres profesional, pienso que no deberías participar en este tipo de concursos. Un profesional se ha de valorar, y ponerle precio a su propio trabajo, y no dejar que otros especulen con el resultado de tu esfuerzo, y de tu formación.

También te puede interesar...

Herramientas que te hacen la vida más fácil para la implementación de UI desde Windows

Herramientas que te hacen la vida más fácil para la implementación de UI desde Windows

Si le preguntas a cualquiera que se dedique al diseño de interfaces de usuario (UI) te dirá que la gran mayoría de los entornos gráficos de las aplicaciones para dispositivos móviles o para escritorio se realizan en la archiconocida herramienta Sketch. El problema es que Sketch sólo funciona bajo el sistema operativo de los ordenadores de Apple, MacOS X. Las razones que los desarrolladores alegan son entendibles, pero no deja de ser una putada para los que somos usuarios de Windows. De modo que antes de la próxima llegada de Invision Studio que promete dejar a Sketch en paños menores y que será compatible con ambos sitemas operativos, hay que buscarse la vida.

Sketch es un software súper liviano porque usa muchas de las características principales de OS X, que se pueden ver en su interfaz. Eso significa que la aplicación completa debería reescribirse para que funcionase en Windows o en cualquier otro sistema operativo. La razón por la que los desarrolladores no piensan crear una aplicación nativa para otro sistema operativo la dan ellos mismos:

Sketch relies on a lot of technology that is exclusive to OS X and the fact that no other OS provide a clear business model for software development, we’re not considering supporting it.

«Sketch se basa en una gran cantidad de tecnología que es exclusiva de OS X y el hecho de que ningún otro SO proporciona un modelo de negocio claro para el desarrollo de software, no estamos considerando darle soporte.»

Sin embargo hay varias herramientas para Windows que te pueden hacer la vida más fácil a la hora de compatiblizar Sketch con el sistema operativo de Microsoft y aquí os las pongo por que me parecen muy útiles.

Icons8 Lunacy

Este software es un Visor de Sketch GRATUITO para Windows con características útiles para programación HTML/CSS. Lo más cerca posible hasta la fecha de Sketch. Sin plugins y con sincronización con el servidor. Funciona genial con archivos que contienen texto, imágenes de trama, degradados y sombras. Los desarrolladores prometen que el paso siguiente, la Edición, estará disponible muy pronto.

El software permite visualizar las propiedades CSS de cualquier objeto y copiarlas con un solo clic para llevarlas a tu editor de códgio habitual. Igual que Zeplin y Avocode, pero gratis y rápido. Igual de rápido que la app Sketch original. La aplicación Exporta recursos de Sketch App. Las propiedades que utilizas a menudo aparecen destacadas. Puedes ver propiedades del texto, imágenes de trama e incluso degradados y sombras.

Puedes descargarlo en:  https://iconos8.es/lunacy

Icons8 Lunacy
Icons8 Lunacy
Icons8 Lunacy

Evolus Pencil

Si la anterior herramienta nos servía para abrir los diseños realizados en Sketch y poder exportar recursos y códigos desde Windows, con Evolus Pencil podemos hacer la parte que le falta a Lunacy: la Edición. Evolus Pencil es un software para el diseño de prototipos para apps. Dispone de las librerías gráficas de los estándares más usados: Mobile – IOS UI y Mobile Android ICS, y la capacidad de importar otras librerías gráficas para interfaces de usuario. También tiene la capacidad de exportar HTML+CSS, SVG o PDF. Una completa herramienta de prototipado GRATUITA opensource y de libre uso, que funciona en Windows y que combinada con tu software de diseño habitual te puede servir para el diseño de tus prototipos de interfaces gráficas para aplicaciones, tanto de escritorio como de dispositivos móviles. Puedes descargarlo aquí: http://pencil.evolus.vn/Default.html

Evolus Pencil

Bonus Track: Avocode PSD to Sketch Converter

Una bola extra. Imagina este flujo de trabajo en Windows: Diseñas tu interfaz en tu Photoshop de Toda la vida, conviertes tus PSDs a Sketch y los abres con Lunacy para empezar la implementación; ¿guay, no?. La casa Avocode (los creadores del software de prototipado propieario del mismo nombre) proporcionan una herramienta a disposición pública de forma gratuita que convierte tus PSD a Sketch; y prometen el soporte de conversión de trabajos realizados en Sketch a Adobe XD, la herramianta de prototipado de Adobe. Lo puedes encontrar aquí: https://avocode.com/convert-psd-to-sketch

PSD to Sketch converter

Invision Studio, una herramienta de diseño y prototipado UI/UX que promete mucho.

InVision Studio

InVision es una herramienta de prototipado de aplicaciones colaborativa de proyectos de diseño web y móvil; de las más famosas en cuanto al desarrollo de interfaces y experiencia de usuario se refiere (UI/UX). Recientemente, han anunciado que después de dos años de desarrollo, en Enero de 2018 lanzarán de forma amplia InVision Studio.

Se tratará de una aplicación de escritorio para crear y editar trabajos de diseño, para diseñar aplicaciones y sitios receptivos de principio a fin. Studio presentará una variedad de herramientas para diseñar pantallas, así como la capacidad de agregar animaciones y transiciones, y un motor inteligente que ayudará al desarrollador a crear diseños sensibles de forma sencilla e intuitiva y sin tener que picar ni una sola línea de código.

Con InVision Studio, dispondremos de la posibilidad de compartir el trabajo y obtener comentarios de colaboradores del proyecto; compartir componentes y comprar kits de elementos de diseño de la tienda de InVision justo dentro de la aplicación. Con Studio, InVision ha querido desarrollar una plataforma «de extremo a extremo» para diseñar experiencias digitales. Tradicionalmente, los equipos han tenido que basar su flujo de trabajo en conjunto, a través de una serie de herramientas dispares, muchas de las cuales, como Photoshop, fueron construidas para generaciones anteriores de diseño gráfico e impreso, que en mayor o menor medida se han ido adaptando para el diseño de pantalla; y otras más recientes como Skech que gozan del apoyo de muchos diseñadores, pero que siguen separando el diseño, del flujo de navegación. La existencia de este flujo de trabajo fragmentado frena a los equipos y les impide hacer mejor su trabajo.

Entre las posibilidades que tendrá Studio, el equipo de InVision asegura que dispondrá de nuevas capacidades, todas integradas en una misma aplicación que mejorará lafluidez de los trabajos de diseño. Visto el video de presentación, para mi que tiene muy buena pinta, y parece que con una curva de aprendizaje bastante asequible.

InVision Studio

Posibilidades de InVision Studio

Entre las capacidades de que dispondrá Studio, nos cuentan que estarán las siguientes:

  • Animación avanzada: creación rápida de prototipos y animación avanzada para convertir las pantallas estáticas en experiencias de productos en vivo sin necesidad de una sola línea de código.
  • Diseño receptivo: el motor de diseño adaptativo de Studio permitirá el diseño en una variedad de dispositivos y orientaciones diferentes de forma automática.
  • Sistemas de diseño compartido: las bibliotecas de componentes compartidos se integrarán directamente en InVision Studio, lo que garantizará que los equipos de diseño se mantengan consistentes, conectados y actualizados.
  • Colaboración conectada: Studio se conecta perfectamente a la plataforma colaborativa basada en la nube de InVision, lo que facilitará la recopilación de comentarios y la participación de los interesados.
  • Amplio ecosistema de aplicaciones: Studio será una plataforma abierta que permitirá a los usuarios extender la experiencia del producto a través de un ecosistema de aplicaciones y complementos.

En definitiva...

InVision Studio ya está siendo utilizado por algunos de los equipos de diseño más avanzados, y estará disponible para el resto de los mortales, y más ampliamente, a partir de enero de 2018, tanto para Mac como para PC. Si quieres verlo en acción o solicitar un acceso anticipado, visita https://invisionapp.com/studio. Yo ya estoy deseando probarlo, aunque aún no se ha hablado nada de los precios oficiales que tendrá la herramienta, esperemos que sean asequibles a bolsillos modestos. En todo caso, los creadores tienen una amplia agenda de eventos en vivo en las ciudades de Nueva York, San Francisco, Seattle, Boston, Berlín y Ámsterdam a partir de la próxima semana y antes del lanzamiento.

Importantes Descuentos en los cursos de DOMESTIKA durante 72 horas

Importantes descuentos en los cursos de DOMESTIKA

Grandes descuentos en Doméstika. Como casi todo el mundo que se dedique al diseño o la creatividad sabe, Domestika es la mayor comunidad creativa en español, está online desde 2002. En Domestika miles de profesionales con diferentes perfiles creativos en red y comparten sus trabajos y conocimientos. Además tienen un área de formación donde constantemente están sacando cursos, con importantes descuentos.

Durante las próximas 72 horas, en Domestika han lanzado unos descuentos muy importantes en todos sus cursos, descuentos que van desde el 50% hasta el 30%, en todos los cursos de ilustración, fotografía, animación o desarrollo web; y solo durante 72 Horas.

50% → Los primeros 50 en utilizar el código 50DTO
40% → Los primeros 100 en utilizar el código 40DTO
30% → Los primeros 200 en utilizar el código 30DTO

Así que si estas interesado en realizar alguno de sus cursos, es el momento de hacerlo. Aquí tienes el listado de los cursos más recientes.

¿Qué es Domestika?

Domestika es la mayor comunidad creativa en español. Un espacio de referencia, debate y promoción en el que el aprendizaje de las disciplinas creativas ocupa un lugar central. En Domestika miles de profesionales con diferentes perfiles creativos interactúan en red y comparten sus trabajos y conocimientos. Domestika, es también una marca de referencia para el sector y tiene una audiencia especializada que se extiende más allá de su propia web. Si te gustan los píxeles, quieres compartir conocimientos y promocionar tu trabajo creativo, te animo a crear una cuenta en esta red..

Subflash 2015 – Tordesillas

subflash2015

Parece increíble, pero ha pasado casi un año ya desde la última edición de Subflash, la que tuve el honor de traer a mi ciudad el pasado verano. Este año han ocurrido muchos cambios (y los que están por venir) en mi vida, y todos para bien; y apenas he tenido tiempo de escribir algunas letras en este blog cada vez más desangelado. Pero no podía dejar de contaros, que como cada verano por estas fechas, se cocina una nueva edición del evento de desarrollo web y diseño por excelencia en el mundo, digo, en el Universo: Los Talleres de Verano de Subflash; que este año se van a Tordesillas (Valladolid) de la mano del compañero @kamatiko.

Las inscripciones ya están abiertas, y pese a que aun no están cerrados los talleres definitivos, hay mil razones por las que te recomiendo que, si te dedicas a este mundillo de la web y el diseño, te prepares a pasar un estupendo fin de semana entre profesionales y con un ambiente envidiable. Yo iré, no me cabe duda. Y tú ¿te lo vas a perder?

Productividad para Diseñadores (II)

THELAB - Workshop Productividad para Diseñadores

Tenía pendiente escribir un post sobre el Workshop sobre «Productividad para Diseñadores» al que asistí el pasado fin de semana del 7 de febrero en Oviedo, y que organizaba el equipo de Q-interactiva enmarcada en su iniciativa de formación THELAB. Aunque han pasado ya unos días y Armando ya dio buena cuenta del evento, no quería dejar de dar mis impresiones de la jornada.

Continue reading «Productividad para Diseñadores (II)»

Volver a arriba