Сетка — кодинг для дизайнеров

Умные люди в тиктоке сказали, что мы больше не можем собирать персональные данные сограждан с помощью зарубежных гугл-форм. Поэтому, если есть что рассказать или спросить — пожалуйста, пишите в личку: @adam_arutyunov.

JavaScript по-дизайнерски. Предварительная запись В прошлом году мы запустили и провели курс по веб-разработке (лендос немного заржавел, но всё главное осталось). На нём мы учили дизайнеров верстать на HTML/CSS и программировать прикольные штуки на Джаваскрипте. Спустя год мы решили перезапустить курс в новом формате: — мы больше не учим вёрстке, остаётся только программирование; — сначала с нуля учим основам JavaScript (только тому минимуму, который нужен для практики); — затем разбираем и программируем пять-шесть красивых примеров разных скетчей для сайта — параллакс, отслеживание мышки, отсеивание скролла страницы, сложные анимации и что-то ещё; — делаем всё на голом HTML/CSS/JS, но показываем, как вставить скетч в Тильду или Редимаг; — как всегда, учим фундаментально и рассказываем, как превратить любую идею в реализацию, чтобы после курса вы могли сами делать любые другие штуки. Перед тем, как мы запустим новый поток, хотим количественно и качественно оценить спрос, и для этого мы сделали гугл-форму. https://forms.gle/kbHsv9SaY1fmki2x5 Если вам интересно пройти такой курс, пожалуйста, откройте форму, нажмите кнопку «далее», а потом «отправить». На втором этапе есть несколько необязательных вопросов — будет круто, если вы ответите на любое количество из них, это поможет сделать курс более релевантным. Мы посмотрим на ответы, а через несколько недель выпустим обновлённый лендинг и откроем запись на живой поток. Пожалуйста, тыкните на кнопки в форме до 19 июля 23:59 МСК. https://forms.gle/kbHsv9SaY1fmki2x5

Обновили лендинг курса генеративного дизайна Появились: — примеры генеративного дизайна в айдентике; — работы выпускников курса; — подробное описание, кому подойдёт курс, что там будет и чего не будет; — наглядная иллюстрация содержания телеграм-канала с материалами. Немного успокоили скетчи в программе, ну и в целом всё пересобрали и подкрутили. Следующий поток стартует 30 июля. Приходите! https://setka.design

Спейс инвейдеры под этим и предыдущим постами суммируются?

Нет, я понял, что так разводить на сердечки неэтично. Вдруг вам на самом деле не понравилось, но при этом вы хотите заставить меня страдать и пилить полноценный схемогенератор. Ставьте спейс-инвейдера.

Прототип Схемогенератора Ответ на вызов Ивана Дианова ↑. Я посмотрел на корни, которые Ваня скинул в качестве референса, и подумал, что это очень похоже на схему метро какого-нибудь Пекина, или Шанхая. Ну вы же знаете, в моей голове всё похоже либо на логотип метро, либо на схему метро. (Травма, которую мне нанесло посещение всех 250 станций московского метро.) Короче, я сделал скетч, который генерирует по сетке вымышленную схему метро вымышленного города. Сначала случайно выбираются концы линий на краях схемы, а потом между ними прокладывается кратчайший путь. После этого вычисляются пересечения линий, чтобы на их месте нарисовать значок пересадки. Исходник скетча: https://editor.p5js.org/AdamArutyunov/full/jZUuVnydb P. S. Пятьдесят сердечек — и я делаю полноценный генератор красивой схемы с кастомизацией, сложными путями, ползунками и пресетами, как в Метрогенераторе :—).

Ваня бросает вызов Адаму Давно Адам с Ваней не бросались вызововами. И вот, наконец-то. Адам! Сможешь сделать какую-нибудь штуку, которая вырастает по сетке?

PEOPLE Денис Башев с Ваней Диановым сделали PEOPLE. Это дизайн-инструмент для создания генеративной типографики. В нём можно рисовать квадратики на бесконечном холсте. А можно не квадратики, а сразу целые буквы — для этого надо нажать нужную латинскую букву на клавиатуре. Пересечения обрабатываются хитрым алгоритмом, и в результате получается красивый геометричный паттерн. Настраивается плотность паттерна, размер фигур и толщина обводки, результат можно сохранить в SVG и подредачить в Фигме или Иллюстраторе. people.ivandianov.com people.ivandianov.com people.ivandianov.com Полная история разработки проекта — в канале.

Выпускник нашего курса гендизайна Глеб Шалимов создал Wave Logo Generator. Загружаешь фотку или логотип, двигаешь ползунки и получаешь его разные волновые версии. Красивое! Приходите к нам учиться, следующий поток начинается через неделю. По секрету скажу, что мы всем-всем предлагаем сделать курсовик и сильно помогаем с ним. (Ване только дай кому-нибудь по-помогать, он будет созваниваться, пинать в личку и отвечать на все вопросы). Пока бесплатно, а скоро станет отдельной дорогой опцией. setka.design

Марков-джуниор-стрим прошёл, видео на ютубе, код в комментариях. Закодили систему правил. Например этот видосик получается из двух правил:

1:
IAAAA
↓
IJJJI

2:
***
*J*
***
↓
L*L
*L*
L*L