¿Qué son las operaciones booleanas en diseño gráfico?

Al diseñar una aplicación es necesario agregar diferentes elementos gráficos que sirvan de guía para el usuario en la interfaz, por ello, a veces es necesario combinar y crear formas complejas. En este post, te hablaremos acerca de qué son las operaciones booleanas en diseño gráfico y cómo se aplican en un programa de diseño como Sketch.

Operaciones booleanas en diseño gráfico

Las operaciones booleanas (pertenecientes al algebra boleana o algebra de boole ) en diseño gráfico hacen referencia al proceso de creación de un elemento a partir de la combinación de dos o más formas geométricas. Estas tienen tres características principales que determinan la forma de creación:

• Intersección
• Unión
• Exclusión

Operaciones booleanas en Sketch

En Sketch, el término de operaciones booleanas (del campo de la matematica booleana o las funciones logicas booleanas ) no difiere del significado aplicado para el diseño gráfico, por ello se relaciona con la forma en la que se combinan las figuras geométricas de acuerdo con las tres características principales mencionadas anteriormente.

En este programa de diseño encontramos cuatro opciones disponibles que se refieren a las operaciones booleanas en diseño gráfico y que se aplican desde una capa superior a una capa inferior:

• Unión
• Substraer
• Intersección
• Diferencia

Para entender que son las operaciones booleanas en inkscape, veamos qué es la unión, una opción que nos permite sumar dos figuras o formas geométricas, mientras que en la sustracción se elimina el trazo de una figura que va encima de la que está en la posición de abajo. Por otro lado, la intersección ofrece la posibilidad de conservar el área en donde las formas originales se sobreponen, mientras que la diferencia genera un efecto contrario.

Estas cuatro operaciones booleanas en diseño gráfico que nos ofrece Sketch nos ayudan a crear figuras más complejas, como es el diseño de diferentes iconos o gráficos vectoriales.

Por ejemplo, si agregamos dos figuras geométricas, como un círculo y un rectángulo, tenemos la posibilidad de combinarlas para obtener un icono que necesitemos. Es así como podemos jugar con las opciones que nos ofrecen las diferentes operaciones booleanas en diseño gráfico.

En el caso del círculo y el rectángulo, sería posible utilizar la opción de unir para que el área de la figura principal se sume a la que se encuentra en la capa inferior. Si usamos la operación de sustracción, podemos conseguir que se invierta el proceso anterior, porque restaría los elementos proporcionados por la capa superior para modificar la capa inferior.

Por otro lado, si elegimos crear una intersección entre ambas formas geométricas, como una de las operaciones booleanas en diseño gráfico, el resultado será una figura que refleje el punto de unión entre ambas capas y elimine las partes que no pertenecen a ese punto de encuentro. Mientras que al usar la opción de diferencia obtenemos una figura parecida a la generada por el proceso de unión, puesto que los operadores booleanos sirven para crear una forma donde las partes que se superponen se descartan y se unen los demás trazos.

Si quieres conocer más herramientas de diseño gráfico, te invitamos a leer nuestro Top 5 de programas más usados en diseño gráfico, en donde te hablamos sobre cinco programas de diseño, tanto de versión de pago como de versión gratuita, que te pueden servir para diseño web o desarrollo de aplicaciones, entre otras cosas.

¿Por dónde seguir?

Ahora que conoces qué son las operaciones booleanas en diseño gráfico, ¿quieres aprender más sobre lo que implica desarrollar y diseñar apps? Para ello, te animamos a consultar nuestro Desarrollo de Apps Móviles Full Stack Bootcamp, con el que aprenderás diferentes pautas o guías para diseñar en menos de un año. Además, lograrás aplicar las UI en el diseño de aplicaciones y te enseñaremos a dominar varios programas enfocados en esto. ¡Apúntate!