Design Algorithms Алгоритмы в дизайне ITGM9

Алгоритмы в ДизайнеКирилл Улитин

UX архитектор, Новые Облачные Технологии

DISCLAIMER

ТРУДНОСТИ ПЕРЕВОДА

АЛГОРИТМИЧЕСКИЙ ДИЗАЙНЮрий Ветров

DESIGN ALGORITHMSJon Gold

ALGORITHMIC DESIGNOpenProcessing

ALGORITHM DESIGNWikipedia

http://www.jvetrau.com/algorithmic-design/

http://www.jon.gold/2016/05/robot-design-school/

https://www.openprocessing.org/classes

https://en.wikipedia.org/wiki/Algorithm_design

THE GRID

Сервис The Grid

https://thegrid.io/

АЛГОРИТМ

Пример Noise Wave Среда Processing Книга руководство Nature of Code

ШУМ ПЕРЛИНА АЛГОРИТМ СЛУЧАЙНОГО РАСПРЕДЕЛЕНИЯ

https://processing.org/examples/noisewave.html

https://processing.org/

http://natureofcode.com

ДИАГРАММА ВОРОНОГО

Примеры Voronoi Diagrams

https://www.openprocessing.org/browse/?q=voronoi&time=anytime&type=all#

FOAM TREE PLUGIN

Плагин FoamTree

https://get.carrotsearch.com/foamtree/demo/index.html

ГЕНЕРАЦИЯ ИГРОВЫХ МИРОВ

Плагин Генератор Ландшафта

https://lebesnec.github.io/island.js/

ПОИСК ПУТИ

АЛГОРИТМЫ ПОИСКА ПУТИ

Деомнстрация-сравнение Алгоритмов пути

http://qiao.github.io/PathFinding.js/visual/

Galton

GALTON: ДОСТУПНОСТЬ СРЕДЫ

Библиотека Galton

http://galton.urbica.co/

http://galton.urbica.co

МОДУЛЬНЫЕ СЕТКИ

МОДУЛЬНЫЕ СЕТКИ

BIN PACKING

Плагин Packery

JS PACKERY

http://packery.metafizzy.co/

MAXIMAL RECTANGLE PROBLEM

ПРИМЕР

ПРИМЕР

ПРИМЕР

Плагин JS Adaptive Background Обсуждение Алгоритма Itunes 11

Платье

1200 Р

http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/

http://stackoverflow.com/questions/13637892/how-does-the-algorithm-to-color-the-song-list-in-itunes-11-work

ОПЫТ NETFLIX

Статья Extracting image metadata at scale

http://techblog.netflix.com/2016/03/extracting-image-metadata-at-scale.html

ОПЫТ FLIPBOARD

Статья Automating Layouts Bring Flipboard’s...

https://techcrunch.com/2014/03/23/layout-in-flipboard-for-web-and-windows/

НАУЧИТЕСЬ ВИДЕТЬ СИММЕТРИЮ

Ролик про Симметрию

https://www.youtube.com/watch?v=3drtbPZF9yc&t=186s

Видео курс по Симметрии

17 ГРУПП СИММЕТРИИ

https://www.youtube.com/channel/UCts9FTFNInqTMvcFpdyap7w/playlists

СОЗДАНИЕ ПАТТЕРНОВ

Блог о Паттернах

https://tessellations.ca/category/techniques/

ПРОГРАММЫ

KaleidoPaint (iOs/Android) Kali (Win/Mac)

http://geometrygames.org/KaleidoPaint/index.html

http://geometrygames.org/Kali/index.html

ФРАКТАЛЫ

Конспект Ельского университета по фракталам

http://users.math.yale.edu/public_html/People/frame/Fractals/

ДЛЯ ЧЕГО ФРАКТАЛЫ

FRACTAL ART

ОТ НЕЙРОНА К НЕЙРОСЕТИ

Презентация Artificial Intelligence, Machine Learning and Deep Learning Книга Machine Learning for Artists Machine Learning for Artists Статья Introduction to Neurons and Neuronal Networks Курс Нейронные сети (на русском)

http://www.slideshare.net/sujitpal/artificial-intelligence-machine-learning-and-deep-learning

http://ml4a.github.io/guides/

http://neuroscience.uth.tmc.edu/s1/introduction.html

https://stepik.org/course/%D0%9D%D0%B5%D0%B9%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%B5-%D1%81%D0%B5%D1%82%D0%B8-401/

ПРОСТАЯ НЕЙРОСЕТЬ

Видео The Brain: A neural network built entirely in Quartz Composer

https://www.youtube.com/watch?v=eUEr4P_RWDA&t=9s

СВЕРТОЧНЫЕ СЕТИРАБОТАЮТ КАК ВОСПРИЯТИЕ ЧЕЛОВЕКАХОРОШО ОБРАБАТЫВАЮТ ИЗОБРАЖЕНИЯ

Статья про Сверточные сети Библиотека для визуализации работы CNN

https://adeshpande3.github.io/adeshpande3.github.io/A-Beginner's-Guide-To-Understanding-Convolutional-Neural-Networks/

https://github.com/bruckner/deepViz

КОРПУС IMAGENET

Библиотека ImageNet

http://image-net.org/explore.php

TRACKING JS

Библиотека TrackingJS

https://trackingjs.com/

ПЕРЕНОС СТИЛЯ PRISMA NEURAL STYLE

Библиотека Neural Style

https://github.com/jcjohnson/neural-style

RECURRENT NETWORKSХОРОШИ ДЛЯ НЕПРЕРЫВНЫХ ДАННЫХТЕКСТЫ, АУДИО ИТД

Статья Рекуррентные сети

https://nplus1.ru/material/2016/11/04/recurrent-networks

WORD VECTORS МАТЕМАТИЧЕСКОЕ ПРЕДСТАВЛЕНИЕ НЕПРЕРЫВНЫХ ДАННЫХ ДЛЯNATURAL LANGUAGE PROCESSING

Представим текст всего из 3 слов в 3м мерном пространстве

Ехал Ваня через Ваня Ваня Ваня Ваня Ваня

Ехал 1 Через 1 Ваня 6

Ваня

Ехал

Через1

1

6

IBM WATSON ALCHEMY

Stop the overuse of overflow menus You know those obscure menu buttons on apps and websites that reveal even more menu options? They usually have an ellipsis “…” or an arrow ▼ icon on them and sometimes they’ll even have a More label. Or, better yet, a More with a ▼! These are called overflow menus. Overflow menus are a scourge that should be rooted out, crushed underfoot, and drowned in a sea of toxic sludge.

Сервис IBM Watson Alchemy

https://www.ibm.com/watson/developercloud/alchemy-language.html

КОРОЧЕ

Сидите спокойно, AI роботов-дизайнеров нет

Можно лишь автоматизировать рутинные задачи

Но если научитесь кодить и разбираться в алгоритмах

То…

СПАСИБО!

[email protected] fb.com/likeleto

Treasure Chest by Richard Cordero from the Noun Project

mailto:[email protected]?subject=

http://fb.com/likeleto