24 mayo, 2018

Ropa de staff o empleados en PSD, para mostrar logos

Incluimos un recurso interesante de cara a mostrar logotipos y diseños corporativos en general. Concretamente, se trata de un archivo PSD de Photoshop 100% gratuito,  de tipo mockup, preparado por tanto para poner el logo y que éste se aplique automáticamente a los diversos objetos de la escena.

En dicha escena hay varios elementos, que básicamente constituyen el atuendo o uniforme típico de las tiendas, supermercados, cafeterías y establecimientos de tipo franquicia (también staff de eventos): una gorra, un polo y una tarjeta identificativa de empleado con foto.

A todos ellos podremos aplicar nuestro diseño automáticamente:

Ropa de staff o empleados en PSD, para mostrar logos

Además de estas prendas, el archivo también trae algunos objetos extra de merchandising, como son una bolsa de compra (o regalo) del establecimiento, un vaso de plástico de bebidas, café, etc, y un cartel con rótulo. Todo personalizable.

Como siempre en La Grafiteca hemos comprobado el correcto funcionamiento del archivo, que se realiza sin problema:

Ropa de staff o empleados en PSD, para mostrar logos. Archivo comprobado por La Grafiteca

Como puede verse, además de aplicar el logo también podremos cambiar el color a las prendas y objetos, para que se ajusten a nuestro color corporativo.

También es digno de mención la alta resolución y tamaño del archivo. Esto permite un buen nivel de detalle:

Muestra del alto nivel de detalle y resolución del mockup

La forma de aplicar el mock-up es la de siempre en este tipo de recursos: se busca la capa correspondiente y se pone nuestro diseño en el objeto inteligente. Cerrar, guardar y listo, éste se aplicará con realismo y perspectiva.

Para poner nuestro logo, buscar la capa correspondiente en el PSD

Detalles adicionales:

  • 4000x3200px. Esto son más de 140x110 cms. a 72ppp. Tamaño muy grande por tanto, lo cual acentúa la utilidad.
  • PSD 96,2 MB.
  • Licencia: GNU (General Public License). Por tanto archivo de libre uso y modificación (además de gratuito en este caso). Esta licencia lo que dice es que las modificaciones que hagamos, si las queremos distribuir, también tienen que ser con esta misma licencia de libre uso. Es como la CC de “compartir con la misma licencia”.
  • Autor: Everard McBain de GemGfx.com.

Sin más, para descargar este interesante mock-up, dirigirse a la web oficial de dicho recurso gratuito, en:

GemGfx Retail Mockup (Free Download) | GemGfx

En el momento de redactar esta reseña, el botón de descarga estaba al final del post original con la descripción, fotos, etc. Un botón azul. Descarga directa.

Leer más...

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...