¿Qué software es mejor para el diseño de GUI?

He usado mucho Photoshop, pero el hecho es que es una herramienta de edición de fotos. Tiene algunos efectos complicados incorporados, como la sombra paralela y los brillos internos y externos, etc., pero no es suficiente cuando se diseña una interfaz gráfica. No puede agregar varios degradados editables, por ejemplo. Y tienes que engañar a las herramientas para lograr el efecto que deseas, cuando no fueron diseñadas para eso.

También comencé a usar Fireworks, y hay algunas cosas que me gustan, como poder seguir cambiando las curvas en un rectángulo redondeado, pero el selector de color en ese programa simplemente no se puede usar. Cuando ingresa al selector de color de mac, dice que el color es algo diferente a lo que es, debido a que Fireworks no maneja los perfiles de color correctamente. Esto hace que ajustar los colores sea un proceso muy difícil. Y el software en su conjunto se siente como una versión preliminar (y tal vez debería serlo).

Entonces, me pregunto qué software recomendarían todos para crear una GUI. Debe haber algún software que le permita tener una variedad de efectos editables que puede cambiar, cambiar el orden, moverse en cualquier momento, junto con todas las demás herramientas necesarias para crear excelentes gráficos.

Con base en todas las respuestas aquí, necesitamos que aclare la pregunta. Creo que está solicitando un software para crear los elementos reales de la GUI ... iconos, botones, etc. ¿O está preguntando sobre la estructura de alambre?

Respuestas (5)

No existe un "mejor" software universal para el diseño de GUI. Solo depende de sus preferencias de software/flujo de trabajo.

photoshop

No estoy seguro de lo que quiere decir con "múltiples degradados editables", pero si sabe lo que está haciendo, Photoshop proporciona todas las herramientas que necesita para diseñar cualquier GUI que pueda imaginar. No se necesitan "trucos" de herramientas.

A pesar de su nombre, Photoshop ha evolucionado mucho más allá de ser una simple herramienta de edición/manipulación de fotos, y no hay ninguna razón por la que no pueda hacer diseño de GUI en él. Photoshop probablemente proporciona el conjunto más completo de herramientas de edición de imágenes rasterizadas de cualquier programa de gráficos en el mercado, y se usa para todo, desde pintura digital hasta coloreado de cómics, ilustración, diseño web e interfaz de usuario, producción de video y creación de arte de juegos en 3D e incluso fotografía. forense

Funciones como máscaras de ajuste, estilos de capas, rutas vectoriales, objetos inteligentes, composiciones de capas, etc. lo convierten en una opción natural para el diseño de UI para aquellos que ya están familiarizados con su interfaz y conjunto de características profundas. Otra ventaja es que está bien integrado con herramientas como Illustrator, Flash Catalyst y muchas aplicaciones/complementos de terceros.

Fuegos artificiales

Muchas personas prefieren Fireworks para el diseño web, ya que fue diseñado específicamente para eso y, por esta razón, también es una buena herramienta para el diseño de GUI. Al estar orientado a objetos y admitir páginas, símbolos y estilos, Fireworks se presta muy bien a un flujo de trabajo de diseño de UX. Muchas personas también encuentran que Fireworks les brinda un mejor control perfecto de píxeles sin tener que recurrir a reglas, guías o herramientas de medición.

Además, Fireworks tiene muchas funciones interesantes, como tramado de degradado, muestras ASE y, en cierto modo, un mejor control tipográfico que Photoshop. La capa web de Fireworks y su integración con Device Central de Adobe también facilita la creación rápida de prototipos para múltiples dispositivos.

ilustrador

Otra aplicación popular entre los diseñadores de UX es Illustrator, que comparte muchos puntos fuertes con Fireworks. Al igual que Fireworks, admite símbolos, estilos de objetos avanzados, varias mesas de trabajo (similares a las páginas) e incluso mejores funciones de edición de vectores.

Photoshop, Fireworks, Illustrator, así como InDesign, todos tienen kits de estructura alámbrica/esténcil y plantillas de UX disponibles para ellos en la web, pero el diseño de UX modular es más fácil en Illustrator y Fireworks debido a su compatibilidad con bibliotecas de símbolos reutilizables.

Illustrator también admite estilos de carácter y párrafo, lo que hace que sus características de diseño tipográfico sean muy superiores a las de Photoshop o Fireworks. Además, Illustrator es excelente para la ilustración, por lo que cualquier ícono o gráfico web que desee crear se puede hacer en el mismo programa.

InDesign

InDesign es otra aplicación muy popular entre IA, IxD, etc. Sus funciones de diseño gráfico pueden ser limitadas, pero su compatibilidad con estilos de páginas, párrafos y caracteres, fragmentos y bibliotecas de objetos la hacen ideal para muchas tareas de diseño de UX. InDesign también tiene funciones de composición tipográfica muy avanzadas y admite diseños de cuadrícula. Esto, junto con la integración de InCopy y Adobe Digital Publishing Suite, lo convierten en una opción natural para las empresas de medios impresos que buscan diseñar aplicaciones móviles para sus revistas.


Pero al final del día, cada herramienta tiene sus puntos fuertes y sus puntos débiles. Las aplicaciones más específicas de UX como Axure, Balsamiq, OmniGraffle, etc. tienen muchas características excelentes específicas de UX para el diseño de diseño/estructura alámbrica/interacción. Pero al final del día, aún necesita diseñar los gráficos para la interfaz de usuario, para lo cual se necesitan herramientas de diseño gráfico como Photoshop/Fireworks/Illustrator.

Es por eso que la mayoría de los flujos de trabajo de diseño de IU incluyen más de una aplicación. Por lo tanto, a menos que solo le interese una sola parte del proceso de diseño de la interfaz de usuario, por ejemplo, la estructuración de cables o la creación de la biblioteca UX o la creación de prototipos, entonces no habrá un solo "mejor software".

Pencil es una herramienta de diseño de GUI pequeña y fácil de usar.

Top features:
Built-in stencils for diagraming and prototyping
Multi-page document with background page
Inter-page linkings!
On-screen text editing with rich-text supports
Exporting to HTML, PNG, Openoffice.org document, Word document and PDF.
Undo/redo supports
Installing user-defined stencils and templates
Standard drawing operations: aligning, z-ordering, scaling, rotating...
Cross-platforms
Adding external objects
Personal Collection
Clipart Browser
Object snapping
Sketchy Stencil
And much more...

ingrese la descripción de la imagen aquí

Es una buena herramienta de estructura alámbrica, pero creo que el OP estaba buscando una herramienta de edición gráfica.

Donde trabajo usamos Indesign. Tendemos a crear diseños limpios basados ​​en cuadrículas con estilos tipográficos cuidadosos, y para ellos Indesign es genial. Tiene un control preciso de los estilos de carácter, párrafo y objeto, lo que se traduce bien en CSS y permite ajustar estos elementos en cualquier punto del proceso, además de permitir un diseño más coherente. No es tan bueno cuando se exportan elementos gráficos, pero encontramos que el intercambio vale la pena.

Una de las herramientas de creación de prototipos de GUI más inesperadas es en realidad Keynote. Conozco a bastantes diseñadores de interfaz de usuario de primer nivel que confían en él, y Keynotopia es un recurso fantástico para usar Keynote de esta manera. Si no hubiera visto que se usa con tanta eficacia, probablemente no lo habría creído, pero funciona bastante bien. Si estás en una Mac, ¡pruébalo!

Estoy trabajando en Pidoco .

Con nuestras herramientas de creación de prototipos, puede desarrollar prototipos para sitios web, aplicaciones móviles o software. Puede simular la maqueta directamente en una computadora de escritorio, un teléfono inteligente o una tableta usando la aplicación gratuita Pidoco de la AppStore y de Google Play .

Las características clave son:

  • Colaboración en tiempo real
  • Exportar a HTML, PDF, Word, PNG, SVG
  • muchas plantillas
  • Plantillas
  • plantillas personalizadas
  • SaaS para que puedas usarlo desde cualquier navegador
Por favor, no promocione a su empresa en cada pregunta sobre wireframing. Aunque gracias por ser abierto que eres un empleado allí.