¿Cuáles son los programas de interfaz de usuario necesarios para todo el proceso de diseño?

Answer 1

Yo agregaría una herramienta de transferencia de diseño.

Estas herramientas son excelentes para compartir diseños de diseñadores a desarrolladores. en general, ahorran tiempo a los diseñadores al preparar activos y especificaciones y al permitir a los desarrolladores abrir e inspeccionar diseños por su cuenta, en cualquier sistema operativo en un entorno amigable para el desarrollador.

Por lo tanto, existen herramientas como Avocode que permiten que un lado (el diseñador) cargue diseños de Photoshop o Sketch en un entorno basado en la nube compartida.

El desarrollador recibirá una notificación automática de que se ha cargado un nuevo diseño y ahora puede abrir el archivo de diseño en capas Avocode. No solo no está obligado a abrir el diseño en una herramienta de diseño como Photoshop o Sketch, sino que también puede inspeccionar estos diseños en cualquier sistema operativo (Mac, Windows, Linux). Sin dicha herramienta, un desarrollador en Linux no podría ni un archivo PSD o Sketch, o un desarrollador en Windows tendría dificultades para abrir un diseño Sketch, ya que la aplicación Sketch solo funciona en Mac.

Hay cuatro razones más por las cuales esta herramienta es necesaria hoy en día para que el diseño codifique el proceso:

1. El desarrollador puede inspeccionar y exportar cualquier capa por sí mismo: el diseñador no tiene que preparar ningún activo, el desarrollador puede obtener todo por su cuenta.
2. Avocode viene con un poderoso conjunto de características de inspección: obtener medidas, elegir códigos de color, traducir estilos de capa a CSS, Swift, Android o React Native code y escalar y exportar cualquier capa como imagen (PNG, JPEG, SVG o WebP).
3. Los equipos de diseño pueden discutir diseños en tiempo real con anotaciones de diseño precisas y comentarios generales.
4. El entorno de nube Avocode también sirve como un sistema de control de versiones, donde los equipos de diseño mantienen sus diseños juntos, seguros y accesibles para las personas adecuadas.

Answer 2

Honestamente, no hay una respuesta para esto porque los flujos de trabajo dentro de la industria son muy variados y únicos de preferencia.

Algunas compañías empujarán herramientas específicas a sus diseñadores, principalmente porque obtienen precios especiales con ciertas compañías de software, o es la herramienta que es inconscientemente simbiótica para el diseño. Otras compañías permitirán al diseñador elegir las herramientas que mejor se adapten a su propio flujo de trabajo único, siempre que la salida sea compatible con el proceso de desarrollo / código.

Hay tantas herramientas disponibles para el diseño de UX / UI. He probado muchos de ellos y me gusta estar al día con la última tecnología. Algunos son útiles, otros están tratando demasiado de reinventar la rueda.

Tal vez porque soy un diseñador mayor (43), estoy acostumbrado a los productos de Adobe, a diferencia de algo como Sketch. Me encuentro continuamente volviendo a Adobe cuando necesito ser muy productivo. Además, la compañía tiene una historia y un legado tan largos que sus productos funcionan en tantos canales diferentes y otro software, por lo que es difícil competir con eso. Otra ventaja es que los productos de Adobe son multiplataforma . A diferencia de Sketch. (Ah hem)

Quiero hacer una distinción aquí. Bajo el paraguas de disciplinas UX, si estás más en el lado de la investigación, un procesador de texto o algo así como PowerPoint probablemente sea suficiente para ti. No puedo decirte cuántas veces he visto ideas iniciales esbozadas en una servilleta. Me sorprende que una compañía de software no haya llamado a sus herramientas de estructura de alambre “Servilleta”.

Sin embargo, si está más en el lado de interacción / visual, necesitará herramientas específicas que lo ayuden a generar prototipos de trabajo y diseños de alta fidelidad.

Answer 3

Hay 3 pasos básicos en el proceso que deberá seguir y deberá usar diferentes aplicaciones en cada paso. Pero básicamente puedes hacerlo todo en una aplicación, como Sketch.

Estos son los pasos que generalmente sigo a través de mi trabajo:

1. Wireframing: uso Balsamiq, pero hay personas que usan UXPin o Axure. También es posible usar Sketch o Illustrator para hacer wireframes.
2. Creación de prototipos: en este paso necesitaría crear una versión interactiva de mi diseño para poder presentar flujos e interacciones. Aquí uso InVision, pero muchas personas usan Sketch o UXPin.
3. Diseño visual : uso Sketch (y Photoshop)

Por así decirlo, se trata de sus necesidades y habilidades: todas las cosas se pueden hacer en una sola aplicación (como Sketch). Pero si desea hacer las cosas mejor y más rápido, si desea iteraciones más cortas del ciclo de retroalimentación de diseño, si desea mantener las cosas consistentes, deberá aprender al menos 3 aplicaciones.

Answer 4

Hoy en día hay muchos programas que puedes encontrar en línea y todo depende de qué software te guste más o cuál te resulte fácil de usar.

¿Qué es el proceso de diseño de interfaz de usuario? Dale vida a la estructura metálica y también haz que sea un prototipo en el que se pueda hacer clic para que otras personas puedan caer como el producto final, y sí … este es el proceso de UI y el proceso de UX es ligeramente diferente del proceso de diseño de UI.

Entonces, para el proceso de diseño de interfaz de usuario, si tiene Mac, le recomendaré que bosqueje, Sketch es un software muy poderoso para el diseño de interfaz de usuario y también muy fácil de usar. Pero si usa Windows, puede usar Photoshop e Illustrator. Estos dos programas son buenos para el diseño de la interfaz de usuario.

y para un prototipo atractivo puedes usar invision.

Answer 5

Esta publicación de uno de nuestros diseñadores interactivos principales puede responder eso (y algo más). ¡Disfrutar! The UI Toolbelt: 10 aplicaciones para hacer sh * t

Answer 6

Depende, debe trabajar con la herramienta con la que se sienta más cómodo, pero le recomendaría que aprenda todas las herramientas principales para obtener un título.

Si trabajará por cuenta propia, depende de usted, pero cuando trabaje en un equipo de diseño, todos deben usar las mismas herramientas.

Para mí es Sketch para UI y Wireframe, Marvelapp para la creación rápida de prototipos y Zeplin para la contribución de archivos con los desarrolladores.

Answer 7

Software como Photoshop, Illustrator, Sketch e Indesign son la necesidad de cada diseñador al diseñar la interfaz de usuario.

Answer 8

Sitemaps: Sketch
Flujos de usuario: bosquejo
Wireframes: Sketch
IU visual: boceto
Prototipo simple: Marvel
Edición de fotos: Photoshop / Affinity Photo
Iconos: Sketch / Illustrator / Affinity Designer