Visually Blog Typography + Code: Human Design Elements + Algorithmic Procedures | Visually Blog

Typography + Code: Human Design Elements + Algorithmic Procedures

Drew Skau

published on October 18, 2013 in Design

In this digital world we live in, data truly is everywhere. Every computer interface you use contains data at a number of levels, including even the fonts that make up the letters you read. Yeohyun Ahn has used this data as the starting point in her TYPE+CODE II project.

She works in processing, and uses a variety of algorithms combined with human designed components to create her artwork. Her code heavily relies on the Geomerative library created by Ricard Marxer. But, Ahn doesn’t just jump straight into the code. She starts with hand drawn sketches that lay down the basic concept for a piece.

Once Ahn has an idea for a piece, she begins writing the code for it. The output of the code is rarely perfect at first, so her process includes a lot of iteration before she arrives at a final result that she is satisfied with.

Many of her works rely on the binary tree algorithm to generate branched structures, or to control the distribution of the shapes that help define the character.

The human designed fonts serve as a great starting point for algorithmically generated elements, and Ahn has a great eye for tweaking and adapting the algorithms to create beautiful work.

Drew Skau is Visualization Architect at and a PhD Computer Science Visualization student at UNCC with an undergraduate degree in Architecture. You can follow him on twitter @SeeingStructure