¿Cuáles son las herramientas que usan los diseñadores profesionales?

Trabajo en un equipo de diseño de software de ~ 25 personas, principalmente diseñadores de productos, diseñadores visuales y personas que realizan prototipos de diseño.

Boceto : la mayoría de las personas de nuestro equipo usan Boceto 3 como la herramienta principal para la estructura de alambre, el diseño de fidelidad media y el diseño de alta fidelidad. Sketch parece estar tomando nuestra industria por sorpresa. La gente lo elige porque está hecho a medida para el diseño de Producto / UI / UX, y llena un nicho en el que Fireworks finalmente falló: edición de vectores, con representación perfecta de píxeles y un modelo de selección directa que no necesariamente depende de Selección de capa.

Illustrator : Algunas personas provienen de una larga historia de uso de Illustrator, y todavía lo usan para enmarcar. Es un elemento básico entre nuestro equipo de ilustración y diseño gráfico, y he sabido que es rápido y muy estable en relación con casi cualquier otra herramienta de diseño existente (con casi 20 años de uso constante).

Keynote : Algunas personas usan keynote para mostrar flujos y transiciones. La gente elige Keynote porque está muy optimizado para contar historias en diapositivas, lo que se traduce bien en flujos de usuarios de storyboard. Tiene excelentes herramientas de alineación sobre la marcha, la propagación de activos a través de diapositivas es muy fácil y rápida, y se puede usar para hacer prototipos simples / clicables.

After Effects : algunas personas usan AE para mostrar movimiento, flujo, comportamiento animado y transiciones. Como herramienta de animación basada en la línea de tiempo, es una opción natural para el movimiento complejo. A menudo se usa junto con Illustrator, con activos creados en Illustrator y luego animados en AE.

Framer Studio / Framer JS : varias personas de nuestro equipo usan Framer junto con Sketch para hacer prototipos clicables. Framer es un entorno de creación de prototipos coffeescript que ingiere archivos de boceto y capas de boceto y los hace accesibles para prototipos basados ​​en código. Es relativamente nuevo, pero se muestra muy prometedor como parte de una tubería centrada en Sketch.

Papel y lápiz / lápiz : casi todos dibujan en papel o pizarras para ilustrar conceptos de diseño o flujo de baja fidelidad. A veces, este es el método más rápido para la comunicación, o el más accesible, especialmente durante la colaboración en tiempo real.

Principalmente soy diseñador web, pero ocasionalmente trabajo de impresión y logotipo. Estas son las herramientas que uso a diario:

Adobe Photoshop
Photoshop se utiliza para retoque fotográfico, gráficos web, diseños web y más.

Ilustrador Adobe
Programa vectorial para hacer logotipos, tipografía, iconos, formas.

Adobe InDesign
Para proyectos impresos como libros, carteles, revistas, folletos y folletos.

Puente de adobe
Para mirar fotos y seleccionar / calificar favoritos.

Todos los productos de Adobe funcionan bastante bien juntos. Por ejemplo, si diseña un logotipo en Illustrator, puede traerlo a Photoshop como un objeto inteligente. O puede vincular sus documentos de Photoshop en su diseño de inDesign.

Bosquejo
Como dijo Joshua Goldenberg, Sketch es un programa relativamente nuevo que muchos diseñadores han estado utilizando para el diseño de UI / UX, diseños de aplicaciones o diseño web. Está basado en vectores y hace que sea muy fácil preparar y exportar para la web.

Evernote
Utilizo Evernote como herramienta de organización para mantener listas de verificación y notas de lo que estoy trabajando. También guardo capturas de pantalla e imágenes para inspirarme.

Rhodia dotPad
Almohadillas y lápices Rhodia dentro de Essential Box de Rhodia
Estos blocs son mis favoritos para dibujar / escribir. Me encanta la cuadrícula de puntos porque ayuda con la alineación pero no se interpone en el camino.

DISEÑO GRÁFICO DE MOVIMIENTO

Lápiz / Lápiz y papel : bocetos de conceptos, ideas de animación y guiones gráficos.

Internet : navega por varios blogs diferentes (motionographer) y sitios de estudio (Pysop, Eyeball, yU + Co, etc.) para obtener inspiración en cuanto a sincronización y animación, así como prácticamente cualquier sitio de diseño (Graphis, TDC, Behance, etc.) para obtener color paletas e inspiración de estilo. También lo uso para encontrar texturas, comprar fuentes (YWFT, FontShop, etc.), comprar material de archivo y / o imágenes (Getty, Shutterstock, iStockphoto, etc.) y, dependiendo de la fecha límite, a veces comprar modelos 3D (Turbo Squid) .

Illustrator : rara vez se realiza un proyecto sin la ayuda de Illustrator. Ya sea que se trate de elementos gráficos, logotipos, tratamientos tipográficos que tomarían demasiado tiempo o que no se podrían realizar en After Effects, exportando rutas para animar en AE o exportando splines a Cinema 4D; Illustrator es a menudo el programa más utilizado. También uso una plantilla de Illustrator para la presentación del marco de estilo.

Photoshop : manipulación de imágenes, pinturas mate, marcos de estilo, imágenes de enmascaramiento, algunos tipos y tratamientos de logotipos, creación de texturas para C4D (color, protuberancia, reflectancia, etc.). Photoshop es fundamental para diseñar activos para la animación.

Cinema 4D : ya sea que la animación completa se cree en C4D o solo unos pocos elementos, parece que C4D está empujando lentamente a After Effects a un papel puramente compositivo (mientras que solía ser la herramienta principal para toda la animación). Lo uso para tratamientos de logotipos y tipos en 3D, modelos de personajes, entornos en 3D, animación, simulaciones de partículas, gráficos en 3D y, con la versión R16, algo de seguimiento de movimiento. Ya sea que el estilo sea de naturaleza gráfica o fotorrealista, si requiere animación 3D o modelado, generalmente es a donde me dirijo. (Complementos: Partículas X)

Maya : no conozco personalmente a Maya, pero siempre que se necesitan escenas y / o elementos 3D realistas de alta calidad, generalmente recurro a alguien competente en la potencia 3D estándar de la industria.

3D Studio Max : no todos los artistas 3D usan Maya, por lo que los artistas 3DS obtienen el mismo trabajo.

Final Cut : se utiliza principalmente por sus capacidades de edición no lineal para editar material de archivo antes de importarlo a After Effects. También lo utilizo para la edición de sonido básica y la gradación de color y la croma ocasionales. (Complementos: Apariencia de bala mágica)

Avid : la mayoría de los editores profesionales que uso tienden a trabajar con Avid, pero si personalmente estoy haciendo la edición, estoy en Final Cut.

Canon XF205 : si bien la mayoría de mis equipos de cine se alquilan en el estudio en el que generalmente filmo, esta es la cámara que uso personalmente para mucho trabajo.

Medios físicos : si bien hago mucho trabajo digitalmente, aprovecho cualquier oportunidad que pueda para crear algo que me permita ensuciarme las manos. Plásticos, papel, madera, hombres del ejército, pintura, leche, humo, y así sucesivamente. Realmente no hay límites fuera de la computadora para lo que puede usar.

After Effects : guardé este para el final porque generalmente es donde se encuentra en el proceso (excepto en animatics). Incluso si la animación completa se crea en C4D, termina en AE para la composición. Dependiendo del trabajo, usaré AE para crear toda la animación, animar elementos de Illustrator, Photoshop y Cinema 4D, o usarlo únicamente para colorear. Esta es la herramienta en el mundo del diseño gráfico en movimiento, aunque cada vez más personas se están mudando a 3D. (Complementos: Red Giant Color Suite, Trapcode Suite, Video Copilot Optical Flares, The Foundry’s CameraTracker)

Soy jefe de UX en Marketo. Fui el único diseñador y ahora administro un equipo de 6 diseñadores. Marketo construye software de marketing. (software empresarial) Hacemos que todo tipo de funciones y comercializadores lo usen todos los días para hacer su trabajo.

Mis herramientas:
Lápiz Dixon Ticonderoga HB2: no podría vivir sin él.
Cuaderno Staples Sustainable Earth. Papel a base de caña de azúcar.

Pizarra blanca y marcadores de borrado en seco de color negrita Expo.
Mis manos y boca. Los uso mucho.

Esto me lleva bastante lejos.

Cuando estoy en una computadora, uso:

  1. Windows 8.1
  2. Outlook 365
  3. PowerPoint 365: para especificaciones de alta fidelidad. Obtenga más información en @ ¿Cuáles son los pasos para escribir una especificación de diseño de producto?
  4. Para imágenes: PhotoShop 2014 de 64 bits
  5. Mensajería instantánea: Digsby, principalmente usando GTalk
  6. Almacenamiento: Confluence y, a veces, MS OneDrive
  7. Navegador: Chrome
  8. Blog: WordPress

Es una sensación extraña cuando intentas catalogar cada programa que utilizas al menos una vez a la semana. Espero que esto sea útil.

Las herramientas preferidas en mi práctica de arquitectura:

Papel + Lápices para lluvia de ideas y bocetos en las primeras etapas de diseño.

Cartón + Cuchillo + Pegamento para el modelo físico ocasional.

Sketchup para modelos 3D ‘tontos’ (solo formas). Lo usamos para representaciones conceptuales tempranas y diseño esquemático.

Revit para crear un modelo 3D ‘inteligente’ altamente detallado (cada objeto tiene una identidad y parámetros) a partir del cual generamos la mayoría de los dibujos y representaciones. En estos días, el 60-70% de mi tiempo en el trabajo lo paso en Revit.

AutoCAD se está eliminando lentamente, pero sigue siendo útil para dibujos 2D y dibujos detallados.

Ilustrador para diagramas e imágenes de presentación más estéticamente refinados.

Photoshop para representaciones realistas.

Como diseñador de interacción, utilizo Adobe Creative Cloud Suite (Photoshop, Illustrator), Notepad ++ / NetBeans IDE para desarrollo de prototipos de interfaz de usuario y desarrollo front-end, lápiz y papel para ideación inicial y bocetos, pizarras para lluvia de ideas y PowerPoint / Visio para enmarcado.