Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Metaballs, isosurfaces & black boxes
Adventures in programmatic branding
Aki-Ville
Exove Design
www.womenintech.sg
Women Technology
Diversity
Technology
Diversity
Technology
Movement
Dynamic
Evolving
Change
Interactive
Techy but organic
Programmed but freeform
Diverse, not dualistic
Brand = Code
Isosurfaces.
An isosurface is
a surface created by applying one or more
functions onto a 3d space or a 2d plane.
An isosurface is a lev...
F(x,y) = (x - x0)^2 + (y - y0)^2 = R^2
Metaballs.
Metaballs
are a subset of isosurfaces. And also
organic-looking n-dimensional objects.
F(x,y) = (x - x0)^2 + (y - y0)^2 = R^2
v
M(x,y) = R / sqrt( (x-x0)^2 + (y-y0)^2 )
CC BY-SA 3.0 https://commons.wikimedia.org/w/index.php?curid=5237220
1. Iterate through every pixel on the screen
2. Iterate through every Metaball in the world
3. Calculate that Metaball's f...
Processing.org
Done!
Not so fast...
What happen?In > > Out
“Black box”
Client > Designer > Algorithm > Result
Client > Designer > Algorithm > Result
Client > > Algorithm > Result
?
Client > > Algorithm > Result
Client > Designer > Algorithm > Result
Client > Designer > > Algorithm > Result?
Client > Designer > UI > Algorithm > Result
Thanks for listening.
Aki-Ville Pöykiö
Design Director
Exove Design
akiville@exovedesign.com
040 5917871
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ
Upcoming SlideShare
Loading in …5
×

Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ

217 views

Published on

IxDA Helsinki x Exove meetup 19.10.2017
Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs?
by AKI-VILLE PÖYKIÖ

We created a fluid, ever-changing brand for Women in Tech, a diversity in technology movement kickstarted in Singapore. ED’s design director Aki-Ville Pöykiö tells the story and how we survived an algorithm gone rogue.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Adventures In Programmatic Branding – How To Design With Algorithms And How To Tame Metaballs? by AKI-VILLE PÖYKIÖ

  1. 1. Metaballs, isosurfaces & black boxes Adventures in programmatic branding Aki-Ville Exove Design
  2. 2. www.womenintech.sg
  3. 3. Women Technology
  4. 4. Diversity Technology
  5. 5. Diversity Technology Movement Dynamic Evolving Change Interactive
  6. 6. Techy but organic Programmed but freeform Diverse, not dualistic
  7. 7. Brand = Code
  8. 8. Isosurfaces.
  9. 9. An isosurface is a surface created by applying one or more functions onto a 3d space or a 2d plane. An isosurface is a level set of this function.
  10. 10. F(x,y) = (x - x0)^2 + (y - y0)^2 = R^2
  11. 11. Metaballs.
  12. 12. Metaballs are a subset of isosurfaces. And also organic-looking n-dimensional objects.
  13. 13. F(x,y) = (x - x0)^2 + (y - y0)^2 = R^2 v M(x,y) = R / sqrt( (x-x0)^2 + (y-y0)^2 )
  14. 14. CC BY-SA 3.0 https://commons.wikimedia.org/w/index.php?curid=5237220
  15. 15. 1. Iterate through every pixel on the screen 2. Iterate through every Metaball in the world 3. Calculate that Metaball's function for the current pixel, and add it to that coordinate's current value.
  16. 16. Processing.org
  17. 17. Done!
  18. 18. Not so fast...
  19. 19. What happen?In > > Out “Black box”
  20. 20. Client > Designer > Algorithm > Result
  21. 21. Client > Designer > Algorithm > Result
  22. 22. Client > > Algorithm > Result ?
  23. 23. Client > > Algorithm > Result
  24. 24. Client > Designer > Algorithm > Result
  25. 25. Client > Designer > > Algorithm > Result?
  26. 26. Client > Designer > UI > Algorithm > Result
  27. 27. Thanks for listening. Aki-Ville Pöykiö Design Director Exove Design akiville@exovedesign.com 040 5917871

×