Поместите данные в начало процесса проектирования, это обнажит проблемы раньше и подарит идеи по визуализации. Между изменениями в данных и дизайне должна быть мгновенная связь.
На мастерклассе понадобятся:
- Nodebox 3
- Google Chrome
- Sublime Text
- Песочница JSBin
- Библиотеки: Handlebars, jQuery
- InDesign: Data-merge
- Sketch: Content-generator plugin — своя коллекция, есть русские имена и фамилии
- Sketch: sketch-data-parser plugin — работает с JSON, загружает картинки по URL прямо в макет
- Sketch: SketchSquares plugin — вставляет фотки Instagram в макет
- Sketch: Data Populator
- Sketch: sketch-mail-merge — вставляет данные из CSV в шаблон
- Nodebox 3 — визуальный программатор графики, бокс-модель — коробочки, провода на входе и выходе
- Nodebox 1 — программатор на основе Питона, только Mac. К сожалению, проект не развивается, что не мешает мне его применять в подседневной деятельности. Есть интересный продолжатель — PlotDevice.
- D3.js — мощнейший генератор канвас и SVG-графики в браузере, JavaScript
- PaperJS — векторная графика и анимация в браузере, JavaScript
- p5.js — новая адаптация Processing к браузеру, JavaScript
- Sublime Text — многофункциональный редактор кода
- Emmet Live Style — мгновенная связь инспектора браузера с редактором кода
- Handlebars — шаблонизатор HTML/CSS
- AngularJS — Javascript-фреймворк для быстрого прототипирования, не подходит для продакшина. Если не знаете с чего начать — прекрасный туториал по AngularJS.