Сетка — кодинг для дизайнеров
Дизайнерам про разработку. https://setka.design Делают @adam_arutyunov и @ivan_dianov.
نمایش بیشتر1 067
مشترکین
+224 ساعت
+57 روز
+130 روز
- مشترکین
- پوشش پست
- ER - نسبت تعامل
در حال بارگیری داده...
معدل نمو المشتركين
در حال بارگیری داده...
Умные люди в тиктоке сказали, что мы больше не можем собирать персональные данные сограждан с помощью зарубежных гугл-форм. Поэтому, если есть что рассказать или спросить — пожалуйста, пишите в личку: @adam_arutyunov.
🤯 4
JavaScript по-дизайнерски. Предварительная запись
В прошлом году мы запустили и провели курс по веб-разработке (лендос немного заржавел, но всё главное осталось). На нём мы учили дизайнеров верстать на HTML/CSS и программировать прикольные штуки на Джаваскрипте.
Спустя год мы решили перезапустить курс в новом формате:
— мы больше не учим вёрстке, остаётся только программирование;
— сначала с нуля учим основам JavaScript (только тому минимуму, который нужен для практики);
— затем разбираем и программируем пять-шесть красивых примеров разных скетчей для сайта — параллакс, отслеживание мышки, отсеивание скролла страницы, сложные анимации и что-то ещё;
— делаем всё на голом HTML/CSS/JS, но показываем, как вставить скетч в Тильду или Редимаг;
— как всегда, учим фундаментально и рассказываем, как превратить любую идею в реализацию, чтобы после курса вы могли сами делать любые другие штуки.
Перед тем, как мы запустим новый поток, хотим количественно и качественно оценить спрос, и для этого мы сделали гугл-форму.
https://forms.gle/kbHsv9SaY1fmki2x5
Если вам интересно пройти такой курс, пожалуйста, откройте форму, нажмите кнопку «далее», а потом «отправить». На втором этапе есть несколько необязательных вопросов — будет круто, если вы ответите на любое количество из них, это поможет сделать курс более релевантным.
Мы посмотрим на ответы, а через несколько недель выпустим обновлённый лендинг и откроем запись на живой поток. Пожалуйста, тыкните на кнопки в форме до 19 июля 23:59 МСК.
https://forms.gle/kbHsv9SaY1fmki2x5
🔥 4👍 3❤ 3
Обновили лендинг курса генеративного дизайна
Появились:
— примеры генеративного дизайна в айдентике;
— работы выпускников курса;
— подробное описание, кому подойдёт курс, что там будет и чего не будет;
— наглядная иллюстрация содержания телеграм-канала с материалами.
Немного успокоили скетчи в программе, ну и в целом всё пересобрали и подкрутили.
Следующий поток стартует 30 июля. Приходите!
https://setka.design
compressed_Screen Recording 2024-07-08 at 10.58.14.mp410.67 MB
❤ 8🔥 2🎉 2
Спейс инвейдеры под этим и предыдущим постами суммируются?
Нет, я понял, что так разводить на сердечки неэтично.
Вдруг вам на самом деле не понравилось, но при этом вы хотите заставить меня страдать и пилить полноценный схемогенератор.
Ставьте спейс-инвейдера.
👾 50❤ 9🖕 1
00:19
Video unavailableShow in Telegram
Прототип Схемогенератора
Ответ на вызов Ивана Дианова ↑.
Я посмотрел на корни, которые Ваня скинул в качестве референса, и подумал, что это очень похоже на схему метро какого-нибудь Пекина, или Шанхая.
Ну вы же знаете, в моей голове всё похоже либо на логотип метро, либо на схему метро. (Травма, которую мне нанесло посещение всех 250 станций московского метро.)
Короче, я сделал скетч, который генерирует по сетке вымышленную схему метро вымышленного города. Сначала случайно выбираются концы линий на краях схемы, а потом между ними прокладывается кратчайший путь. После этого вычисляются пересечения линий, чтобы на их месте нарисовать значок пересадки.
Исходник скетча: https://editor.p5js.org/AdamArutyunov/full/jZUuVnydb
P. S. Пятьдесят сердечек — и я делаю полноценный генератор красивой схемы с кастомизацией, сложными путями, ползунками и пресетами, как в Метрогенераторе :—).
Screen Recording 2024-06-19 at 13.30.51.mp45.89 MB
👾 47❤ 37🔥 2👎 1🆒 1
Photo unavailableShow in Telegram
Ваня бросает вызов Адаму
Давно Адам с Ваней не бросались вызововами. И вот, наконец-то.
Адам! Сможешь сделать какую-нибудь штуку, которая вырастает по сетке?
❤🔥 18👍 6🆒 4⚡ 1❤ 1🔥 1
00:24
Video unavailableShow in Telegram
PEOPLE
Денис Башев с Ваней Диановым сделали PEOPLE. Это дизайн-инструмент для создания генеративной типографики.
В нём можно рисовать квадратики на бесконечном холсте. А можно не квадратики, а сразу целые буквы — для этого надо нажать нужную латинскую букву на клавиатуре.
Пересечения обрабатываются хитрым алгоритмом, и в результате получается красивый геометричный паттерн. Настраивается плотность паттерна, размер фигур и толщина обводки, результат можно сохранить в SVG и подредачить в Фигме или Иллюстраторе.
people.ivandianov.com
people.ivandianov.com
people.ivandianov.com
Полная история разработки проекта — в канале.
out.mp42.66 MB
🔥 17❤ 5👍 1
00:19
Video unavailableShow in Telegram
Выпускник нашего курса гендизайна Глеб Шалимов создал Wave Logo Generator. Загружаешь фотку или логотип, двигаешь ползунки и получаешь его разные волновые версии. Красивое!
Приходите к нам учиться, следующий поток начинается через неделю. По секрету скажу, что мы всем-всем предлагаем сделать курсовик и сильно помогаем с ним. (Ване только дай кому-нибудь по-помогать, он будет созваниваться, пинать в личку и отвечать на все вопросы). Пока бесплатно, а скоро станет отдельной дорогой опцией.
setka.design
Untitled.mp46.69 MB
👍 14🔥 11❤ 4
00:08
Video unavailableShow in Telegram
Марков-джуниор-стрим прошёл, видео на ютубе, код в комментариях.
Закодили систему правил. Например этот видосик получается из двух правил:
1: IAAAA ↓ IJJJI 2: *** *J* *** ↓ L*L *L* L*L
Screen Recording 2024-03-28 at 20.07.14.mov.mp44.69 KB
❤ 7👍 2🔥 2
یک طرح متفاوت انتخاب کنید
طرح فعلی شما تنها برای 5 کانال تجزیه و تحلیل را مجاز می کند. برای بیشتر، لطفا یک طرح دیگر انتخاب کنید.