La historia de un diseñador conquistando las matemáticas.

Odiaba las matemáticas.

Las matemáticas fueron frustrantes. Cuando era joven, parecía inútil dedicar demasiado tiempo a resolver problemas matemáticos mientras tienes muchas otras cosas que hacer.

En realidad, ¡puedo crear conceptos hermosos si sé más sobre matemáticas!

Cuando era estudiante universitario, tomé una clase de arte interactiva donde me enseñaron cómo ser un artista creativo escribiendo código con Processing. De uno de los ejemplos, encontré un magnífico arte creado por Marius Watz (él es mi ídolo desde entonces).

Advertencia, esto contiene una sobredosis de asombrosa belleza.

Marius Watz <BValSys> 2010

Como un ambicioso estudiante universitario, hice todo lo posible para replicar el estilo, sin entender nada que pareciera aterrador. Tales como pecado (bla, bla) o cos (bla, bla).

Tos Tos, doble para bucle

Para ser honesto, estaba muy orgulloso de mi obra de arte. Parecía interesante, ahorró mucho tiempo en comparación con la creación del mismo diseño en Illustrator o Photoshop. Sin embargo, me di cuenta que sin comprender la geometría, no tenía ninguna posibilidad de llegar a algún lugar cerca de Marius Watz.

La trigonometría había sido la peor de las matemáticas en mi vida. ¡Pero a quién le importa! Si puedes crear algo tan genial, estoy listo para vender mi alma para aprender matemáticas.

Empecé a aprender matemáticas de nuevo.

Recomiendo ver videos para estudiantes de secundaria.

Buscar material de aprendizaje fue sorprendentemente fácil. ¡Está en todas partes! Si encuentra que la voz de alguien tiene sueño o el contenido es difícil de entender, hay miles de opciones alternativas para que pueda cambiar. Vi un canal de YouTube creado por un profesor de matemáticas coreano (solo porque estoy familiarizado con el alcance del libro de texto y las normas matemáticas coreanas).

No puedo decir que fue divertido, pero me ayudó a entender lo que hizo Marius Watz. - Cuando utilizó coseno para la posición x, y seno para la posición y.

¡Estaba colocando un punto en un círculo!

¡En lugar de usar números, usó variables trigonométricas para poder colocar un punto que sigue la curva de un círculo!

Mi primera versión de las matemáticas.

Incluso después de entender la trigonometría básica, no tenía la confianza suficiente para aplicarlo a mi diseño. Decidí probar cualquier cosa, incluso si se ve tonto y divertido. Estaba en el extremo opuesto en términos de estética, como puede ver.

http://share.framerjs.com/ejaybmwm4k95/
Yo: jajaja. Esto es tan bobo. * publíquelo en el grupo Framer de Facebook *
(Unos minutos más tarde)
¡¿Yo que?! ¿A la gente le gusta?
(Pocas horas después)
Yo: ... La gente piensa que soy bueno en matemáticas. ¡Que raro!

Esta fue la primera vez que me di cuenta de que compartir algo tonto o estúpido en tus ojos aún puede inspirar a la gente, hacer que se rían o sonrían. Eso me motivó a crear más conceptos y estudiar geometría más fundamental.

Spinner es un gran lugar para aplicar trigonometría.

Si no sabe qué hacer después de aprender trigonometría, haga una rueda giratoria de carga. Usé Framer para crear un prototipo de esto.

Crear animaciones giratorias se ha convertido en mi actividad favorita. Siempre se siente más elegante que un círculo giratorio, pero no es complejo de construir. Solo necesitas pensar en 3 cosas.

1. ¿Cuántos puntos tendrá esta ruleta? (es decir: 3 puntos)
2. En un círculo, ¿dónde debería estar cada punto? (es decir: cada 120 grados)
3. En una iteración, ¿cómo le gustaría animar cada punto? (es decir: dentro y fuera, estirar y encoger).
https://framer.cloud/ZePNP/http://share.framerjs.com/e9f5sfvmrapa/

Solo que tres pasos + conocimiento básico de trigonometría era todo lo que necesitaba. ¡Qué simple es eso!

Después de explorar círculos, me mudé a triángulos.

Las herramientas importan cuando pasas a la tierra del triángulo / estrella / polígono. Hay algunas herramientas en las que puedes escribir dos puntos y trazar una línea entre ellos.

En mi caso, Framer no era una de las herramientas. Alternativamente, puedo dibujar un rectángulo y rotarlo hasta cierto punto para que se vea como una línea.

Al principio, practiqué varias formas basadas en triángulos.https://framer.cloud/rJ68Ono4g/

¡Conquistar las matemáticas se siente aún mejor si lo logras bajo restricciones!

Aquí estoy, ¡polígonos!

En este momento, comencé a decirle a otras personas que me encantan las matemáticas. Estaba aprendiendo polígonos y haciendo conceptos durante mis vacaciones de Navidad. Esta es la materia más fascinante que he estado estudiando hasta ahora.

https://framer.cloud/H1fWocJSg/

Antes de aprender sobre los polígonos, eran como cortadores de galletas para mí. Solo abro Photoshop, Illustrator o Sketch, luego selecciono la herramienta de forma de polígono. Puedo cambiar los números del 5 al 12, como si eligiera un cortador de galletas diferente de un cajón de utensilios. Eso fue todo lo que sabía sobre los polígonos.

Esqueleto del octágono

Después de aprender sobre los polígonos, me di cuenta de que los polígonos eran hermosas estructuras de triángulos. ¡Están esperando que los convierta en otra cosa!

Trabajando en arcos

Como mencioné, hay algunas herramientas que le permiten dibujar una línea desde el punto A hasta el punto B. Afortunadamente, ¡el procesamiento fue esa herramienta afortunada! También es muy fácil dibujar arcos. Aumentó el lado creativo del uso de las matemáticas.

¡Trabajo en progreso!Los bocetos

Aunque el procesamiento es un lenguaje un poco anticuado en estos días, lo mejor de usar el procesamiento es que puede exportar su dibujo como un pdf. Esto le permite agregar más detalles utilizando otras herramientas, como Illustrator y Photoshop.

Versión coloreada

Bonificación: crear mis propias formas

Conocer la trigonometría, los triángulos y los polígonos significa que puedes dibujar cualquier cosa mezclándolos.

Además, seguirás creando pequeños tiros fallidos divertidos para entretenerte.

Mascota olímpica de 1988

Oh! Hay otra ventaja que viene después de aprender geometría. Descubrí que también puedes comenzar a entender la arquitectura.

Interpreté el estilo arquitectónico del área de Ginza, Tokio

¿Puedo usarlo para trabajar?

Si considera aprender algo que odiaba, es mejor asegurarse de que el conocimiento sea lo suficientemente práctico como para aplicarlo a su trabajo.

¡La respuesta es sí!

En mi caso (estoy trabajando en el diseño de aplicaciones móviles), ¡me sorprendió que hay muchas aplicaciones que usan geometría en su diseño de interfaz de usuario! Además, puede compartir fácilmente su conocimiento con los desarrolladores, porque la mayoría (¿todos?) De los lenguajes de programación en mi campo admiten la expresión matemática.

Estoy recopilando algunos ejemplos para este caso, así que estén atentos para mis futuras publicaciones :)

-

Si estás interesado en mi pequeña exploración de las matemáticas, ¡todavía estoy estudiando sobre ello casi todos los fines de semana! Especialmente cuando estoy un poco borracho, pero no demasiado. Puedes seguir mi twitter (@ arle13) para ver todas las pequeñas cosas tontas que estoy haciendo.

Además, puedes Esta historia se basa en mi experiencia de psicólogo visitante cuando tuve una caída masiva en el diseño. Si estás interesado, ¡échale un vistazo!
https://medium.com/@arle13/the-story-of-a-designer-encountering-psychology-572101827ec2

Si está interesado en la ilustración de este artículo, puede comprarlo en muchos formatos diferentes en https://www.redbubble.com/people/arle13/works/30739839-geometric-star. (¡Tomaré café gratis!)