Adobe Illustrator es un software líder para la edición de gráficos vectoriales, donde el trabajo se realiza principalmente en "mesas de trabajo". Adobe apostó hace años por un programa para el diseño vectorial que permitiera a sus usuarios crear dibujos de forma libre y sencilla, Illustrator.

Hoy en día, Illustrator es una de las aplicaciones de diseño vectorial más utilizadas en el mundo. Gracias a las constantes mejoras que la compañía ha introducido, se ha convertido en una herramienta extraordinaria, con un gran potencial y muy fácil de utilizar. Todos los procesos posibles de Illustrator se han agilizado y han dejado al alcance del usuario aquellas herramientas y funciones más útiles para cada entorno de trabajo.

Este tutorial te guiará a través de los conceptos clave y las herramientas necesarias para optimizar tu flujo de trabajo.

Diseño de Experiencia y la Importancia de la Interacción

El diseño de experiencia se basa en la perspectiva del usuario que interactúa con el producto o servicio, en vez de apreciar la interacción desde el desarrollo de los mismos. Los objetivos y necesidades del usuario toman protagonismo dentro del proceso, mientras que el diseño construye el entorno y contexto para que se desencadenen una serie de acciones durante la experiencia.

Esta área del diseño involucra dentro de su proceso herramientas que le permitan conocer y analizar las respuestas de los usuarios frente a determinados servicios o productos. El diseño de experiencia es interdisciplinario, ya que se necesitan distintas perspectivas para poder elaborar una experiencia completa y con los efectos deseados en el usuario.

Herramientas y Metodologías en el Diseño de Interacción

El proceso detrás del diseño de interacción involucra una serie de herramientas que buscan analizar el comportamiento del usuario.

  • Encuestas Online: Un cuestionario estructurado que se le envía a los participantes a través de la web. Los datos recopilados por el formulario se almacenan dentro de una base de datos y normalmente la herramienta de encuestas provee de un análisis de resultados.
  • Casos de Uso: Son una descripción escrita de cómo el usuario se comunicará con el servicio o producto en cuestión. Tiene como objetivo enfocar el punto de vista del usuario del sistema y sus interacciones.
  • Pruebas de Usabilidad: Hacen referencia a la evaluación de productos o servicios testeándolos con usuarios representativos de su tipo. Normalmente las pruebas son realizadas pidiéndole a los participantes hacer determinadas tareas, mientras que un equipo de observadores toma nota de sus acciones y comentarios.
  • Focus Group: Es una discusión moderada entre alrededor de cinco a diez personas en la cual se puede aprender sobre las actitudes del usuario, sus creencias, deseos y reacciones a determinados conceptos.
  • Card Sorting: Es un método utilizado para diseñar y evaluar la arquitectura de información de un sitio. En una sesión de card sorting los participantes organizan y categorizan ciertos términos de manera que haga sentido para ellos.
  • Prototipado: Es un tipo de borrador de un producto que permite explorar ideas y mostrar intenciones a un usuario en una etapa temprana del diseño.

La Necesidad de un Lenguaje Común en el Diseño

Como se explicó previamente, de manera que el diseño de interacción sea un proceso completo y visto desde diferentes ángulos, se vuelve necesario el formar equipos de trabajos entre diseñadores y profesionales de otras áreas. Es de esta conjugación de factores que surge la problemática de falta de lenguaje común. En la búsqueda de una mejor comunicación entre actores dentro de un proceso de diseño comienzan a aparecer construcciones de lenguajes que permiten estandarizar ciertos procesos, tanto concretos como abstractos, mediante diagramas y símbolos.

Los diagramas tienen la cualidad de representar gráficamente las relaciones entre elementos, aterrizando ideas abstractas sobre la vinculación entre conceptos. Se hace una recopilación de los modelos visuales existentes dentro de las herramientas del diseño de interacción.

Ejemplos de Lenguajes y Diagramas

  • UML (Lenguaje Unificado de Modelado): Es uno de los lenguajes para sistemas de software más usados en la actualidad. Este lenguaje se compone de elementos gráficos que combinados dan origen a esquemas y diagramas.
  • Service Blueprints (Diagramas de Servicios): Son una herramienta que sirve para la planificación y diseño de servicios, permitiendo visualizar procesos, actores e interrelaciones.
  • Partituras de Interacción: Son una respuesta frente a la problemática de la comunicación dentro del diseño de experiencias.

PiX App: Una Herramienta para el Diseño de Interacción

El rediseño de las partituras de interacción toma en cuenta las necesidades actuales de los profesionales dentro del diseño de experiencia, incorporando una simbología basada en capas de interacción sobre las cuales se desenvuelven las acciones del usuario y del sistema. Estas acciones son representadas mediante un set iconográfico de un alto nivel de abstracción el cual permite una variedad de usos, incluyendo la posibilidad de agrupar íconos, de manera de adaptar de la mejor forma las partituras al contexto en el que sean requeridas.

Se toma la decisión, en esta nueva versión del proyecto de titulación de Katherine Exss, de llevar las partituras a plataformas digitales, mediante la creación de una aplicación web que permite elaborar desde un sitio web los diagramas. El sitio, el cual lleva por nombre Pix App, presenta las partituras como una metodología nueva y asertiva, las cuales añaden una dimensión temporal al diseño de interacción, proponiendo el flujo de tiempo como pilar fundamental dentro de la experiencia del usuario.

Capas de Interacción en PiX

Las partituras de interacción planteadas dentro de esta nueva versión y tomando el nombre de PiX, siguen a grandes rasgos el mismo tipo de diagrama planteado en el año 2008. Cada sección de la partitura representa un momento durante la interacción, donde simultáneamente se pueden dar acciones en las tres capas de interacción.

  • Persona: Esta capa muestra los objetivos de la persona mediante el desarrollo mental de la tarea planteada en cuestión.

Iconografía PiX

La fuente iconográfica PiX (que se encuentra actualmente en su versión 2.5) está diseñada especialmente para representar acciones y procesos involucrados en el flujo de la experiencia del usuario. Cada ícono puede ser usado de manera aislado para representar acciones, o bien combinarlos para precisar la idea. La combinación de los íconos se lleva a cabo mediante la función de “stack” o agrupación, la cual permite posicionar un símbolo por sobre otro usando en la plataforma web.

Software Adicional: Omnigraffle

Omnigraffle es un software diseñado especialmente para su uso en Mac OS X, el cual sirve para crear diagramas, diagramas de flujo y distintos tipos de gráficas. Se caracteriza por tener un sistema de “drag & drop”, o “arrastrar y soltar”, con plantillas de elementos gráficos que se van incorporando al documento.

Cuándo Rediseñar tu Imagen Corporativa

Muchas veces nuestros clientes nos preguntan cuándo y por qué deberían rediseñar su imagen. La respuesta tiene varias aristas que comentaremos más abajo. El logotipo y la imagen corporativa son quizás los elementos más directos para comunicar este cambio, ya que son elementos muy cercanos a la identidad de una organización.

Pero, volviendo a la pregunta original, ¿por qué sería necesario cambiar nuestra imagen?

  • Cuando el negocio está evolucionando: Cuando una empresa empieza a crecer, a menudo esto significa que se amplían sus servicios, el alcance o incluso su público. La gente necesita entender que la visión y misión han evolucionado.
  • Cuando el logo es demasiado complejo: Si un logotipo es difícil de leer, tiene poca síntesis, está muy lleno de imágenes o contiene demasiados colores, será muy difícil de reconocer, por lo tanto, es un signo de que la empresa necesita un cambio.
  • El logotipo no está actualizado: Un logo obsoleto en cuanto a tendencias nos dice que la empresa también lo está.
  • Cuando hay una fusión de empresas: Hacer un cambio en la imagen corporativa puede ayudar a fortalecer esta nueva unión, transmitiendo una señal de novedad frente a la incertidumbre que suelen provocar en la organización un proceso de fusión.

Sketch: Una Alternativa para el Prototipado

Sketch es un software de diseño que en un inicio tenía como misión competir con los gigantes de Adobe en el terreno del diseño vectorial, pero con el tiempo encontró su alma en el prototipado de experiencias digitales. Con un prototipo podemos depurar estos problemas y podemos involucrar de mejor manera al cliente en el proceso, y actualmente existen nuevas herramientas enfocadas para esto.

Adobe Illustrator CS5: Descripción General

Descripción del programa Adobe Illustrator CS5. Éste es uno de los programas de diseño vectorial más utilizados y extendidos en la actualidad, con el que se pueden crear y diseñar logotipos, anuncios, ilustraciones para libros, revistas o páginas web, carátulas, folletos o etiquetas de CDs y DVDs, etc.

Todos los procesos posibles de Illustrator se han agilizado y han dejado al alcance del usuario aquellas herramientas y funciones más útiles para cada entorno de trabajo. Cabe destacar que la integración de Illustrator dentro de Creative Suite añade al programa todavía más potencial y poco tiene que ver con la primera versión sacada al mercado.

Los softwares para los cuales son desarrolladas estas plantillas son Adobe Illustrator, Omnigraffle Pro y Visio.

Ebook para Aprender Illustrator 2020

Adobe apostó hace años por un programa para el diseño vectorial que permitiera a sus usuarios crear dibujos de forma libre y sencilla, Illustrator.

Hoy en día, Illustrator es una de las aplicaciones de diseño vectorial más utilizadas en el mundo. Gracias a las constantes mejoras que la compañía ha introducido, se ha convertido en una herramienta extraordinaria, con un gran potencial y muy fácil de utilizar.

Gracias a los 100 ejercicios prácticos de este libro conseguirás:

  • Conocer los espacios de trabajo de Illustrator y el modo en que se organizan las herramientas del programa.
  • Aprender a utilizar las principales herramientas para llegar a crear un logotipo.
  • Tener una aproximación al uso de colores, gestionando bibliotecas y jugando con degradados.
  • Practicar con la manipulación del texto, seleccionando los mejores tipos de letra y aplicando atributos como colores y efectos.
  • Optimizar sus diseños para web y dispositivos móviles.
  • Conocer los distintos procedimientos que existen en Illustrator para vectorizar una imagen.
  • Crear de principio a fin una imagen de marca.

TAG: #Trabajo

Lea también: