Estas 13 características aumentarán su productividad en Gravit Designer

Después de todo el tiempo trabajando y diseñando con Gravit Designer, he adquirido mucha experiencia y ahora, quiero compartirlo con todos y poder tener un proceso de diseño más rápido.

Las matemáticas realmente pueden ayudarte

¿Quieres hacer que un botón sea 1/3 del tamaño actual? Eso es fácil, solo use fórmulas en los campos ancho / alto. Todas las entradas de Gravit admiten este tipo de operaciones.

Operaciones matemáticas

Ejemplo: Ingrese 540/4 y presione enter.
El resultado será 135.

Puedes usar estos operandos:

/ para dividir
* multiplicar
+ para agregar
- restar

Use capas en lugar de agrupar

Una característica impresionante de Gravit Designer es el sistema de capas. Funciona como un grupo, pero no necesita hacer doble clic para seleccionar un objeto interior. También es posible dar colores personalizados a cada capa. Esto hará que organizar tus capas sea mucho más fácil.

Capas en Gravit Designer

Puede habilitar el modo de contorno en cada capa para mover toda la capa con su contenido utilizando la herramienta de selección de capa o seleccionándola en el panel de capas.

Usar páginas maestras en lugar de copiar contenido

Si desea simular una ventana emergente de pantalla o tiene algunos menús de encabezado / navegación que siempre aparecen, la mejor solución es usar páginas maestras en lugar de duplicar todo el contenido. Tiene muchas ventajas. Todo queda sincronizado. Puede hacer que una página maestra se vincule entre sí y el diseño en sí mismo sigue funcionando rápidamente porque tiene menos objetos.

Las páginas maestras agilizan y agilizan el proceso de diseño.

Usando estilos

En la última versión de Gravit, hemos introducido estilos, pero hay algunas cosas que aún no sabes. =)
Puede crear estilos para Apariencia, Relleno, Bordes, Efectos y Texto.

En este ejemplo, estoy usando un estilo con un conjunto de efectos para replicar rápidamente mi lista de efectos a muchos objetos diferentes a la vez.

Después de crear su estilo, solo se aplica al objeto deseado. Todavía puede cambiar su estilo y al presionar el botón Sincronizar actualizará todos los demás objetos.

Organice y edite rápidamente sus estilos.

Los estilos se pueden renombrar, reordenar y cambiar sus propiedades en el editor de estilos. Vaya allí haciendo clic en organizar estilo y después de esto el botón de configuración.

Simule estados de botones con múltiples rellenos y bordes

En el diseño de pantalla, una de las partes más difíciles es simular todos los estados de los botones.
En Gravit usando múltiples rellenos y bordes, puede crear un estilo con todos los estados dentro y después de eso solo mostrar / ocultar los rellenos / bordes simulando los nuevos estados.

Los estilos con relleno múltiple pueden simular estados.

Dominar puntos de anclaje

Los puntos de anclaje se introdujeron con las actualizaciones de estilos. Es muy importante hacer que los componentes de diseño de pantalla funcionen con capacidad de respuesta y pruebe sus diseños en varios anchos de pantalla sin necesidad de volver a dibujarlo.

Lo que la gente no sabe es que los puntos de anclaje pueden tener contenedores en lugar de trabajar con páginas.

Archivo de muestra para estudio: https://tinyurl.com/lzz3nft.

Entonces, si establece un punto de anclaje a un solo objeto, el contenedor actuará como la página del documento.

Pero los objetos dentro de otros con un recorte respetarán el área del objeto de nivel superior como el contenedor del punto de anclaje.

Edición de texto

Algunas características de texto están ocultas en la interfaz de usuario, pero aún están allí.

Tachado con: Cmd / Ctrl + S
Subrayado con: Cmd / Ctrl + U
Cursiva con: Cmd / Ctrl + I
Negrita con: Cmd / Ctrl + B

Cambia rápidamente el estilo de texto sin hacer clic.

Recortar imágenes y hacer patrones

Una de las acciones más comunes en el diseño de pantalla es recortar imágenes, en Gravit puede hacerlo rápidamente haciendo doble clic en él.

Recorte rápido de imágenes en Gravit.

Si desea hacer que un fondo de imagen se llene en un objeto que siempre se ajuste al diseño, puede usar el relleno de patrón y hacer que se estire hasta la forma.

También puede crear rápidamente un patrón personalizado copiando el objeto de patrón deseado en el editor y luego presionando el botón pegar dentro del selector de color del patrón.

Se creó una superposición de relleno de patrón personalizado.

Los rellenos se pueden arrastrar y soltar unos sobre otros para replicarse rápidamente.

Ejemplo de relleno arrastrar y soltar.

Texto en ruta

Una cosa que los usuarios siempre piden es cómo hacer texto en la ruta en Gravit, así que aquí hay una explicación rápida, realmente rápida. :)

Agregue texto en la ruta simplemente usando la herramienta de texto en una ruta.

¡Simplemente cree un texto con la herramienta de texto en el borde del objeto deseado y whoolaaa! Funcionará.

Duplicación inteligente

En Gravit, duplicar objetos es realmente fácil, pero una buena característica que mucha gente no sabe es que si presiona cmd / ctrl + d para duplicar el objeto nuevamente, reproducirá la misma operación y movimiento.

Ejemplo de duplicación inteligente.

Además, si usa cmd / ctrl + shift + d, el objeto se duplicará en el mismo lugar.

Edición de imágenes para que se vean profesionales

Esto es muy importante. A veces, desea colocar un texto sobre una imagen o el color de la imagen no se ajusta perfectamente al diseño. Para resolver esto, Gravit Designer tiene muchos efectos que pueden ayudarlo con este trabajo sin tener que recurrir a una herramienta de edición de imágenes externa.

Imagen original:
Esta es la imagen original con la que vamos a jugar.

Imagen original.

Superposición de pantalla:
Puede usarlo para mezclar imágenes en alfa o mezclar un color degradado sobre él.

Superposición de pantalla utilizada para dar un aspecto degradado.

Recolor:
Recolor se usa para hacer una imagen en un solo tono de color.

Imagen coloreada a tono rojo.

Desenfoque con clip:
La opción de clip hace que el desenfoque solo se aplique dentro del contenedor sin desenfocar la imagen.

Imagen borrosa con el clip activado, puede detectar los bordes nítidos.

Ajustar:
Hay una gran cantidad de ajustes de imagen estándar como tono / saturación / brillo / contraste.

Jugado con herramientas de ajuste para hacer un estilo de foto en blanco y negro.

Usando la herramienta de transformación

La herramienta de transformación no se trata solo de duplicar objetos. Hay algunas cosas interesantes para los diseñadores de pantalla. ¿Sabes cuándo quieres asegurarte de que todos los componentes tengan el mismo ancho? Eso es fácil, solo selecciónelos y luego vaya a la herramienta de transformación y haga clic en el mismo ancho.

Usando la herramienta de transformación para verificar el ancho de los objetos.

Usar teclas de acceso rápido para hacer zoom

Puede cambiar rápidamente entre niveles de zoom usando Cmd / Ctrl + Números.

Cmd / Ctrl + 1 = Zoom 100%
Cmd / Ctrl + 2 = 200% Zoom
Cmd / Ctrl + 3 = 300% Zoom
Cmd / Ctrl + 4 = 400% Zoom
Cmd / Ctrl + 8 = 800% Zoom
Cmd / Ctrl + 5 = 50% Zoom
Cmd / Ctrl + Alt + 0 = Ajustar todo

Espero que haya sido útil y que hayan aprendido algo nuevo hoy que ayudará a acelerar su proceso de diseño.

Para obtener más tutoriales y artículos sobre Gravit Designer, esté atento a nuestro blog y redes sociales a continuación.

Facebook / Twitter / Foro