JAPANESE
OPEN &
GENERATIVE
DESIGN
Yuichi Yazaki
made in Japan 15 conference
about myself
• born & raised in Tokyo.
• interface designer
• creative coder
Yuichi Yazaki
about myself: community organizing
http://codefor.tokyo/
Code for Tokyo
Founder
http://data-visualization.jp
Data Visualization Japan
Founder
http://data-visualization.jp
about myself: interface design
CEREVO Cam
T navi(internet portal service on TV)
by Panasonic.
about myself: designing logo
https://www.behance.net/gallery/20639169/International-Space-Apps-Challenge-Tokyo-2014
I.S.A.C. Tokyo
Race for Resilience
http://raceforresilience.org/
http://code4japan.org/
about myself: installation
drawing Tokyo
(group exhibition)
about myself: collaborating with artists
https://www.behance.net/gallery/20639649/Yoriko-Youda-portfolio
portfolio of Yoriko Youda
https://www.behance.net/gallery/20639649/Yoriko-Youda-portfolio
portfolio of
Yoriko Youda
Toy Toy Toy
Workshop.
workshop at Hiroshi Fuji
solo exhibition.
http://n1n9.heteml.jp/toy_by_algorithm_com/projects/toytoytoy/
Hiroshi Fuji exhibition
Toy
Toy
Toy
Toy
my recent field
with Words/Facts without Words/Facts
making things/
having communication
Data Visualization Toy
with Words/Facts without Words/Facts
Data Visualization
• dynamic infographics.
• works on internet browser.
• use programming to make
charts/graphs you can interact
with.
• now popular among journalism
(called data journalism).
http://structure-and-representation.com/works/prefecturalMigrants/
Data Visualization
Number of Inter-prefectural Migrants
Ability of TPP: huge economic bloc
http://vdata.nikkei.com/prj2/tpp/
Data Visualization
http://structure-and-representation.com/works/odd/
Data Visualization
Logo Generator for Open Data Day event
Data Visualization
• can get diverse views.
• can think about common issue
like his/her personal issue.
Toy
3D Printer
Workshop.
teach children how 3d
printer works.
Toy
Hikaru Origami
Toy
Kendama
Revisited
(mockup by 3d printer)
inspired by Japanese old
comics, Violence Jack by
Go Nagai.
Toy
• 'Emotions' can change the way
to solve the problem.
• Toy works for emotions.
• It is effective over cultural /
contextural differences.
generative design
what is generative design (recently)?
• visualization or realization by
programming/coding.
• easily change output with data
or input.
• sometimes it s called Creative
Coding.
generative design: examples
Sol LeWitt
Sol LeWitt
http://oharadesigngroup.com/2013/10/14/sol-lewitt/
Sol LeWitt
http://oharadesigngroup.com/2013/10/14/sol-lewitt/
Sol LeWitt
•So called minimal art or conceptual art
•This work, he makes only drawing rule , didn t draw.
•Works depends on gallery and staff.
rule making realization->
artist installation staff
Sol LeWitt
Realization by rule.
Monroe Chair by Arata Isozaki
Arata Isozaki is an architect.
His works all around the world.
He designed this chair.
磯崎新のモンローチェア
Monroe Chair by Arata Isozaki
data ->
Marilyn Monroe s
curve of body.
chair
realization
Monroe Chair by Arata Isozaki
Realization by data.
(by how we like it too)
Constellation
Big Dipper
Constellation
in Japan
Ladle
in Greece
Bear
in China
Dynasty sitting in
the clouds
Big Dipper
data ->
star s position and
brightness
connecting starts,
we see something.
realization
Realization by how we see things.
Constellation
how we see
things
+
データエクスチェンジコンソーシアム:データの可視化分科会講演 - 矢崎裕一
Generative design is realization…
by rule.
by data.
by how we see things.
so you can
put your personal story into design.
generative design: my story
my friend who works for a toy company,
have made a toy called Bubble-Balloon Sun Flower.
It s popular among my friends.
I want to win…
which…
• You can generate many ballons as possible.
• so called Sun Flower.
making
Bubble Balloon Generator
https://www.flickr.com/photos/lucapost/
Seeds of sunflower are spiral
and it is said to be Fibonacci
sequence.
People finds Fibonacci sequence/golden ratio beauty.
started sketching using
Fibonacci sequence by
programming.
import to Adobe Illustrator and edit
+
generative 3d modeling application.
easier to change shapes depend on variables.
can make thousands kind of
shapes from just one
application.
open design
Tokyo Olympic emblem issue
Open design is
• Design version of open
source.
• Open as strategy.
littleBits
Open design islittleBits circuit designs are Open Source but…
connectors are patented.
• Openness is a strategy
for making platform.
• You should open, but
don t need to open
everything.
direct advice about the Japanese market/creative career in Japan
• knowing legal regulations.
• there are many things already.
• they like the word innovation.
• in some fields, there are no
principle/fundamentals.
one of them is generative design.
https://www.facebook.com/yuichi.yazaki
https://www.linkedin.com/in/yuichiyazaki
https://twitter.com/yuichiyazaki
let s talk.

Japanese Open and Generative Design