Como creador de contenido en YouTube que se enfoca principalmente en el software creativo de escritorio, he visto toneladas de interfaces de usuario a lo largo de los años.

Sin duda, hay muchos creadores, desarrolladores, usuarios, etc. que han experimentado o probado muchas más interfaces de software que yo. Sin embargo, he probado y trabajado con una respetable cornucopia de software en varias etapas de su desarrollo tanto para investigación como para propósitos de creación de contenido.

He usado los gustos de GIMP, Premiere Pro, Photoshop, After Effects, Illustrator, Affinity Photo, Affinity Designer, Affinity Publisher, InDesign, Scribus, LibreOffice, Blender, darktable, RawTherapee, OBS, Krita, DaVinci Resolve, Final Cut, Olive y más. Estos programas abarcan varias categorías de software creativo y todos tienen cosas que me gustan y cosas que no me gustan, en diversos grados.

La interfaz de usuario (que significa "interfaz de usuario“) en cada uno de estos programas puede variar mucho, ya que esta lista abarca varias categorías creativas e incluye software gratuito y de pago.

Sin embargo, hay un programa que recientemente se ha destacado del software mencionado anteriormente, gratuito y de pago, gracias a una versión de lanzamiento importante reciente que introdujo actualizaciones importantes en su interfaz de usuario. Este programa es Inkscape.

Este es el por qué.

Recientemente, Inkscape lanzó una versión Beta para su próximo lanzamiento estable 1.2. Si no está familiarizado con Inkscape, es un editor de gráficos vectoriales gratuito y de código abierto. Es más comparable a Illustrator, aunque probablemente sea mejor pensar en él en términos de un multiverso de Dr. Strange donde Illustrator existe en un universo e Inkscape en el otro.

Inkscape 1.2: una breve historia

Inkscape, en mi opinión, siempre ha tenido mucho potencial, pero también ha sido peculiar. Llamarlo "peculiar" es decirlo muy bien, tal vez "buggy" sea un mejor término. Baste decir que se sabe que falla mucho y tiene muchas limitaciones.

Esto es especialmente cierto ya que Inkscape 1.0 se lanzó en 2020 – que llevó el programa a un nivel completamente nuevo en términos de características y funcionalidad, pero hizo que el programa fuera mucho más inestable. Inkscape 1.0 también nos mostró que el programa se dirigía en una mejor dirección en términos de diseño de interfaz de usuario, pero no era nada especial en comparación con otro software creativo moderno.

En la primavera de 2021, el equipo de Inkscape lanzó Inkscape 1.1, y se hizo evidente que la comunidad de desarrolladores voluntarios de Inkscape estaba comenzando a enfocarse en mejorar la experiencia del usuario a través de una mejor interfaz de usuario.

Con este lanzamiento, Inkscape introdujo una "Pantalla de bienvenida", que es bastante estándar en el software pago, pero se encuentra escasamente en el software gratuito y de código abierto. Otras adiciones o cambios notables de la interfaz de usuario introducidos en Inkscape 1.1 incluyen una "paleta de comandos" para ayudar a los usuarios a buscar y aplicar fácilmente cosas como filtros o acciones, diálogos empotrables (lo que significa que los diálogos se pueden mover a nuevas posiciones alrededor del lienzo) y funciones de exportación mejoradas. y soporte para exportar a nuevos formatos de archivo.

Estas mejoras en la interfaz de usuario en Inkscape 1.0 e Inskcape 1.1 son excelentes y han ayudado a Inkscape a progresar gradualmente para convertirse en un mejor software. A pesar de lo útiles y emocionantes que son estas características, simplemente sientan las bases para lo que estaba por venir.

En mayo de 2022, se lanzó Inkscape 1.2 Beta y, en mi opinión, elevó el nivel del diseño de la interfaz de usuario.

El listón se elevó porque la interfaz de usuario de Inkscape 1.2 no solo se ve bien, sino que también te permite personalizarla más que cualquier otro programa (que yo haya experimentado personalmente). Y la forma en que se ve y la forma en que se puede personalizar fue el resultado de los comentarios de los usuarios, los desarrolladores reconocen y discuten los comentarios, los desarrolladores implementan las manifestaciones más óptimas de esos comentarios y los usuarios prueban las implementaciones y comienzan de nuevo el ciclo de comentarios.

Es desarrollo de software, democratizado. Es un estudio de caso maravilloso sobre por qué existe el software libre y de código abierto, y cómo se pueden lograr cosas asombrosas a través del desarrollo comunitario.

Por qué se destaca la interfaz de usuario de Inkscape 1.2

Entonces, ¿qué es lo que me encanta específicamente de la nueva interfaz de usuario de Inkscape 1.2?

Actualizaciones de la pantalla de bienvenida

Inmediatamente después, la pantalla de Bienvenida (que, de nuevo, fue introducido por primera vez en Inkscape 1.1) permite al usuario personalizar la interfaz de usuario con la pestaña "Configuración rápida" (resaltada en verde en la imagen de arriba). Aquí, el usuario puede:

  • elegir su configuración de lienzo,
  • establecer atajos de teclado,
  • establecer estilos y colores de iconos (en el menú desplegable Apariencia), y
  • alternar los colores de la interfaz de usuario para elegir entre el modo claro u oscuro

La pantalla de bienvenida responde, por lo que los íconos que seleccione actualizarán automáticamente la vista previa del ícono ubicada cerca de la parte inferior de la ventana (flecha amarilla en la imagen de arriba). Además, el color de la pantalla de bienvenida cambiará al alternar entre los modos claro y oscuro (flecha roja).

Luego puede navegar a la pestaña "Tiempo para dibujar" (resaltado en verde en la imagen de arriba) y abrir un documento reciente, seleccionar una plantilla de cualquiera de las categorías de plantillas (resaltado en azul claro) o cargar un nuevo documento desde su computadora (a través del botón "Cargar" que se mostrará cuando esté en la pestaña "Archivos existentes", resaltado en rojo en la imagen de arriba). La última opción se introdujo en Inkscape 1.2, que ayudó a completar el conjunto de funciones para la creación de documentos en la pantalla de bienvenida.

Abriré una página de 1920 × 1080 px haciendo clic en el archivo de plantilla correspondiente (flecha roja) en la pestaña "Pantalla".

El nuevo lienzo

Al abrir un nuevo documento en Inkscape, los usuarios de versiones anteriores de Inkscape notarán un área de lienzo renovada y de aspecto más limpio. Para Inkscape 1.2, los desarrolladores actualizaron el borde alrededor de la página, cambiaron el color del "escritorio" (o el borde gris alrededor de la página - flecha roja en la imagen de arriba) y mejoraron el aspecto de la sombra debajo de la página ( flecha verde). Estos cambios sutiles pero importantes ayudan a que Inkscape se sienta más cómodo y familiar (especialmente cuando se cambia de Illustrator).

La herramienta Página nueva (Composiciones de varias páginas)

Ah, y hablando del área del lienzo, Inkscape 1.2 ahora admite documentos de varias páginas.

Para aquellos de ustedes que vienen de Illustrator, permítanme traducir: Inkscape ahora admite múltiples mesas de trabajo.

Esta característica se controla mediante la "Herramienta de página" (flecha roja en la imagen de arriba), que es esencialmente lo mismo que la "Herramienta de mesa de trabajo" de Illustrator. Con esta nueva herramienta, puede dibujar rápidamente nuevas páginas a mano alzada o usar la barra de controles (resaltada en verde) para crear nuevas páginas con mayor precisión en función de los ajustes preestablecidos del documento.

También puede seleccionar y cambiar el tamaño de cualquier página, reubicar la página haciendo clic y arrastrando, o ajustar el tamaño de la página a cualquier selección o ilustración de la página. Finalmente, puede exportar sus múltiples páginas como un PDF de varias páginas.

Esta característica de varias páginas con una herramienta de página que la acompaña es una característica largamente esperada que debería ayudar a los diseñadores a asumir proyectos profesionales más complejos.

Niveles locos de personalización

Si no está satisfecho con el aspecto general de la interfaz de usuario en función de las elecciones que realizó en la pantalla de bienvenida, puede realizar cambios en los colores y tamaños de todos los elementos en pantalla yendo a Editar>Preferencias>Interfaz>Temática (flecha roja en la imagen de arriba).

Bajo el encabezado "Tema" (resaltado en verde en la imagen de arriba), puede desplazarse por los temas GTK en "Cambiar tema GTK" y ver vistas previas en vivo de los diferentes estilos de tema al hacer clic en cada opción. También puede usar los controles deslizantes para ajustar el tamaño de fuente de la interfaz de usuario o la cantidad de contraste entre el color de fondo de la interfaz de usuario y el texto y los iconos (flecha verde). ¿Dónde más has visto un control deslizante de contraste?

Debajo del encabezado "Iconos" (resaltado en amarillo en la imagen de arriba), puede seleccionar cualquiera de los cuatro temas de íconos usando el menú desplegable "Cambiar tema de ícono". Si selecciona la opción "multicolor" o "color alto", obtendrá opciones adicionales, como seleccionar la versión "simbólica" de los íconos (flecha amarilla) o seleccionar los colores utilizados para los íconos simbólicos (flecha amarilla). flecha azul), incluida la "base de color de icono" y tres "resaltados de color de icono". Estos colores pueden ser los que desee y se pueden seleccionar desde una rueda de colores, desde los controles deslizantes para el modo de color elegido o mediante un código HEX.

Si navego a Interfaz>Barras de herramientas (flecha roja en la imagen de arriba) mientras aún estoy dentro del cuadro de diálogo Preferencias, verá la personalización de la barra de herramientas y los íconos utilizados en toda la interfaz de usuario. Todas las herramientas que se muestran aquí en la sección "Barras de herramientas" (resaltadas en amarillo) están activadas de forma predeterminada y, por lo tanto, se muestran en la barra de herramientas. Al hacer clic en cualquiera de los iconos (flecha azul claro), esa herramienta se desactivará y se ocultará de la barra de herramientas.

Debajo de los iconos de la barra de herramientas hay un par de controles deslizantes. El control deslizante superior (flecha roja en la foto de arriba) le permite ajustar el tamaño de los iconos de la barra de herramientas (resaltados en rojo), y el control deslizante inferior (flecha de desenfoque claro) le permite ajustar el tamaño de los iconos de la barra de control (resaltados en azul claro). Notarás que ambos comienzan en 100% y suben hasta 300%. Esto significa que puede aumentar el tamaño de los iconos hasta triplicar su tamaño original. Los incrementos entre estos valores también son bastante pequeños (incrementos de alrededor del 5 %), lo que demuestra un nivel de granularidad sin precedentes para realizar ajustes en los íconos de la interfaz de usuario.

Este es solo uno de los muchos ejemplos de altos niveles de control sobre la apariencia del programa que verá a lo largo de esta nueva versión. Salgamos del cuadro de diálogo de preferencias para mostrar algunas otras características sorprendentes de la interfaz de usuario en Inkscape 1.2.

Paleta de colores actualizada para mayor control y personalización

Debajo del área del lienzo se encuentra la Paleta de colores, el área donde selecciona los colores para cosas como objetos y texto (resaltado en verde en la foto de arriba). En versiones anteriores, esta paleta usaba su propia barra de desplazamiento dedicada y los mosaicos de colores tenían un tamaño fijo.

La barra de desplazamiento de la paleta de colores era problemática porque el lienzo Además, usa una barra de desplazamiento (flechas rojas en la imagen de arriba) para navegar horizontalmente en la página. En otras palabras, había dos barras de desplazamiento en la misma vecindad, lo que dificultaba a los nuevos usuarios distinguir una barra de la otra. Más confuso para los nuevos usuarios era que la barra de desplazamiento de la paleta de colores solo aparecía al pasar el mouse, por lo que podría pasarse por alto fácilmente si no sabía que estaba allí.

En Inkscape 1.2, la barra de desplazamiento se reemplazó con flechas hacia arriba y hacia abajo en el lado derecho de la paleta de colores (indicada por la flecha roja y delineada en rojo en la imagen de arriba) para ayudar a los usuarios a buscar o desplazarse por los diversos disponibles. colores.

Justo a la derecha de las flechas arriba y abajo está el menú para ver y seleccionar otras paletas de colores disponibles (flecha roja en la imagen). Esta característica se ha actualizado para incluir ahora pequeñas vistas previas de color de las distintas muestras disponibles en cada paleta de colores (área resaltada en verde; puede ver las pequeñas vistas previas de muestras bajo el nombre de cada paleta de colores).

Además, en la parte inferior de este menú hay un enlace "Configurar" (flecha azul claro).

Aquí, el usuario ahora puede hacer ajustes a la apariencia de la paleta de colores. Se pueden hacer ajustes al tamaño de los mosaicos de color con el control deslizante "Tamaño de mosaico" (flecha roja), la relación de aspecto (flecha verde: relación entre el ancho y la altura, con 0 en el control deslizante siendo un cuadrado) del color mosaicos, el tamaño del borde alrededor de cada mosaico (flecha azul claro) y el número de filas de muestras que se muestran en la barra de color (flecha amarilla). Puede ver en la foto que hice varios ajustes, incluido aumentar el tamaño de los mosaicos, aplastar los mosaicos aumentando la relación de aspecto, agregar un borde más grueso alrededor de cada mosaico y aumentar la cantidad de filas de mosaicos que se muestran a 3.

Una vez más, esta configuración granular brinda a los usuarios el máximo control sobre la apariencia de la paleta de colores y la interfaz de usuario de Inkscape 1.2. Esto es especialmente cierto dado que los tamaños y el estilo de los elementos están controlados por controles deslizantes fáciles de usar en lugar de alternativas más toscas, y los controles deslizantes tienen una amplia gama de valores.

Demostremos lo increíble que es esto a través de una comparación.

El control deslizante "Tamaño de mosaico" que se muestra en este cuadro de diálogo Configurar para la paleta de colores (flecha roja en la imagen de arriba) contiene valores de 4 a 32, en incrementos de 1 (lo que significa que hay 19 valores en total, incluidos 4 y 32). Alternativamente, el panel "Muestras" de Adobe Illustrator solo proporciona 3 valores para los tamaños de mosaico: "pequeño", "mediano" y "grande". Hay mucho menos control o personalización en Illustrator, un software pago, que en el nuevo Inkscape 1.2, que es totalmente gratuito.

Ajuste simplificado y guías inteligentes

Un último ejemplo que cubriré en este artículo que demuestra la increíble nueva interfaz de usuario de Inkscape es la nueva "Barra de controles de ajuste". En versiones anteriores de Inkscape, esta barra estaba ubicada a lo largo de todo el lado derecho del lienzo y mostraba todos los íconos de controles de ajuste simultáneamente. Comprensiblemente, esto inundó a los nuevos usuarios con opciones e hizo que el uso de estos controles fuera confuso y desafiante.

En Inkscape 1.2, la barra de controles de ajuste se ha reducido a un solo icono y un menú giratorio, o "menú emergente", como le gusta llamarlo a Inkscape (delineado en rojo e indicado por la flecha en la imagen). Al hacer clic en el icono, se habilitan los controles de ajuste, mientras que al volver a hacer clic se desactiva el ajuste. Si un usuario quiere más control, puede hacer clic en el menú emergente (el ícono con el triángulo) donde verá una casilla de verificación, que simplemente le informa si el ajuste está activado actualmente o no, y tres íconos nuevos.

Los primeros dos íconos son bastante estándar: ajuste a cuadros delimitadores (flecha roja) y habilite el ajuste para nodos (flecha verde). El tercer ícono es una característica muy emocionante y muy esperada: la alineación en el lienzo, también conocida por los usuarios como "guías inteligentes" (flecha azul claro).

Cuando está habilitado (generalmente está deshabilitado de forma predeterminada, así que haga clic en el ícono para habilitarlo), los usuarios ahora ven guías directamente en su lienzo mientras mueven objetos (flecha roja en la imagen). Al igual que en otros programas, incluidos Adobe Illustrator o Affinity Designer, estas guías ayudan a los usuarios a alinear objetos en el centro de sus páginas, alinearlos en el centro de otros objetos, espaciar objetos de manera uniforme o incluso crear rápidamente cuadrículas de objetos espaciados de manera uniforme.

Finalmente, volviendo al "menú emergente", hay un enlace en la parte inferior de la ventana con la etiqueta "Modo avanzado".

Este enlace lo llevará a controles de ajuste adicionales que le permitirán habilitar o deshabilitar funciones de ajuste individuales. Estos son todos los controles de ajuste que solían mostrarse a lo largo de todo el lado derecho de la ventana del lienzo de Inkscape en versiones anteriores. Ahora están cuidadosamente escondidos en este menú. Para volver a la configuración más simple, haga clic en "Restablecer al modo de ajuste simple" (flecha roja en la imagen).

Inkscape, el editor de gráficos vectoriales gratuito, ha mejorado seriamente su juego de interfaz de usuario con este impresionante lanzamiento de Inkscape 1.2. No solo proporciona un control granular (palabra del día) sobre la configuración de la interfaz de usuario en varios niveles, sino que también simplifica muchos controles para mejorar la experiencia del usuario y al mismo tiempo hace que esos controles estén disponibles en menús de fácil acceso para usuarios más avanzados.

Para obtener más información sobre las novedades de Inkscape 1.2, consulte mi video tutorial que cubre TODAS las funciones más recientes con esta versión de gran lanzamiento (¡próximamente!). Y, como siempre, puede descargar la última versión de Inkscape GRATIS desde Inkscape.org.

Suscríbase al boletín de DMD

Suscríbase al boletín de DMD

Regístrese para recibir nuevos tutoriales, actualizaciones de cursos y las últimas noticias sobre su software de código abierto favorito.

¡Te has suscripto satisfactoriamente!

El pin en Pinterest

Compartir este