43
Кодинг в творческой индустрии или зачем дизайнеру программировать Никита Рокотян ROKOTYAN.COM

DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Embed Size (px)

Citation preview

Page 1: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Кодинг в творческой индустрии или зачем дизайнеру программировать

Никита РокотянROKOTYAN.COM

Page 2: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 3: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 4: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

ИСКУССТВО

ТВОРЧЕСКИЕ ТЕХНОЛОГИИ

НАУКАТЕХНОЛОГИИ

Page 5: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Генеративный дизайн

Визуализация данных

Интерактивные инсталляции

Программирование в творческой среде

Разработка интерфейсов

Page 6: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

IBM 650

Page 7: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 8: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Processing (2001, MIT) www.processing.org Processing — это ваш блокнот с зарисовками Сейчас Processing активно используется художниками, дизайнерами, учеными и др. людьми творческих профессий

Идеи, лежащие в основе проекта: – Софт это уникальный медиум с уникальными качествами; – Скетчинг необходим на стадии разработки идеи; – Программирование придумано не только для инженеров, гиков и парней.

Для огромного количества людей Processing стал мостиком в те области искусства и дизайна, где требуется

программирование

Page 9: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Для нормальных людей

С++Для гиков-кодеров

Линия на экране

Processing

line(1.0, 1.0, 2.0, 1.0);

Page 10: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 11: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Генеративный дизайн

Page 12: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 13: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 14: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 15: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Neue: Nordkyn

Page 16: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 17: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 18: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Onformative: 4010 – Facebook Tree

Page 19: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 20: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 21: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 22: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 23: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Визуализация данных

Page 24: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Feltron Reports

Page 25: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 26: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 27: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Clever°Franke Weather charts

Page 28: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 29: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 30: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

VARIABLE Every day of my life

Page 31: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

CO2 on Earth

Page 32: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

data-visualization journalism

Page 33: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Разработка интерфейсов

Page 34: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 35: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Framer.js

Page 36: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Интерактивные инсталляции

Page 37: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Onformative — NikeFuel Station

Page 38: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 39: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Chris O’Shea — Woodland Wiggle

Page 40: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com
Page 41: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

http://hello.processing.org

Page 42: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

Всем спасибо!

ROKOTYAN.COM

Page 43: DUMP-2015: «Кодинг в творческой индустрии, или зачем дизайнеру» Никита Рокотян, rokotyan.com

DESKTOP/MOBILE: Processing (2D/3D)

openFrameworks (2D/3D) Cinder (2D/3D)

WEB: three.js (3D) pex.js (3D)

paper.js (2D Vector) p5.js (2D)

d3.js (SVG)

Инструменты

ИНТЕРФЕЙСЫ: Origami

Framer.js

framer.js