Сетка — кодинг для дизайнеров – Telegram
Сетка — кодинг для дизайнеров
1.22K subscribers
116 photos
62 videos
1 file
81 links
Дизайнерам про разработку. https://setka.design

Делают @adam_arutyunov и @ivan_dianov.
Download Telegram
Но я вдохновился им и сделал кое-что другое!
Сегодня делаем спирограммы.

У вас наверняка в детстве была такая игрушка — трафарет с круглыми вырезами и несколько пластиковых кругов с отверстиями. Ставишь ручку в отверстие, прокручиваешь несколько раз пластиковый круг и получаешь красивый рисунок. Ставишь ручку в другое отверстие — получаешь другой рисунок.

Сегодня сделаем то же самое с помощью кода.

Сетка
6👍2🔥1
Код: https://editor.p5js.org/AdamArutyunov/sketches/8UkBTqC_u

Классно, если пошарите прошлый пост друзьям. Это поможет нам набрать аудиторию.
🔥3🍓2👏1🍌1💋1
Адам бросает вызов Ване

Весь прошлый месяц я жил в квартире с такой плиткой в ванной. Каждая раскрашенная ячейка — готовый референс для гендизайна :—).

Нужно взять любой понравившийся кусочек и сделать по его мотивам красивый полноэкранный паттерн, насколько фантазии хватит.

Вы тоже подключайтесь!
6🔥3👏1
Математик Бен Ф. Лапоски (1914—2000) создал свои первые «Осциллоны» в 1950 году. Он с длинной выдержкой фотографировал осциллограф — прибор для визуализации переменного тока. Разноцветные изображения он получал, закрывая осциллограф светофильтрами.

Получаемые Бэном формы можно назвать фигурами Лиссажу, но с более сложными колебаниями.

#генеративные_художники
🔥147👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Если вам понравились работы Бэна Лапоски, посмотрите, что вытворяет Jerobeam Fenderson!

Он использует похожий приём: рисует на экране с помощью колебаний. Но колебания эти звучат!

Не представляю, как он это делает. Кажется, с помощью самодельного приложения. Задача выглядит очень сложной: ведь и картинка и звук — одно целое, их нельзя менять отдельно друг от друга.

https://www.youtube.com/watch?v=YqSvkNjWnnQ
#генеративные_художники
5👍1
Допустим, вы захотели сделать бомбу.

(Нет, надо добрый пример.)

Допустим, вы сделали суперклассный и важный проект и хотите заинтриговать посетителей сайта обратным отсчётом до заданной даты анонса.

Сегодня сделаем такой таймер на джаваскрипте за 15 минут!

Мне кажется, что я подтупливаю на этом видосе. Поделитесь фидбеком :—)

Сетка
2
И тут же я вот так! Адам, слабо обить автобусное кресло? :–D
🤯61
Псст. У нас есть инста с классно кропнутым названием курса. Подписывайтесь, скоро будут и другие
https://www.instagram.com/setkadesign/
8👏1
Думаете, легко было придумать название «Сетка»? Нет. Было нелегко. Вот какие варианты мы тщательно рассмотрели и решительно отвергли.

Вдруг мы ошиблись? Какой вам нравится?
🥰2😁1
(В интерфейсе телеграма самое странное, что кто запостил отложенный пост, тот и считается его автором.)

(На самом деле, это сделал и написал Иван Дианов, а не я.)
Адам Арутюнов отвечает на вопросы которые придумал сам.

Зачем дизайнеру программировать?

Можно придумать красивый ответ — «это весело и увлекательно и вообще очень классно!». И это правда. Можно придумать устрашающий ответ — «иначе тебя заменят нейросети и ты останешься без работы» и это неправда. Спокойный и прагматичный ответ — так можно заработать больше денег.

Делать макеты — это хорошо, но за это же время можно сверстать полноценный сайт и продать его в пять раз дороже. Тильда и Редимаг — это хорошие инструменты, они позволяют очень быстро делать типовое, но сильно ограничивают тех, кто делает что-то своё. Ещё это чьи-то инструменты, с ними может случиться всё что угодно. А HTML, CSS и JavaScript — это открытые технологии, их никто никогда не отберёт, не забанит и не заблокирует.

Дизайнер, который понимает язык разработчиков и умеет на нём говорить, становится намного ценнее в команде. Его макеты логически целостные, он представляет ограничения веба и даже может сам вносить стилистические правки в коде. Такому можно сказать «создай пулреквест? я ща вмёржу в мастер и задеплоится» и рассчитывать на понимание :—).

Нейросети не заменят дизайнеров, но прошаренные дизайнеры заменят консервативных.

Почему вы учите программированию именно дизайнеров? Там какое-то особенное программирование?

Нет, само программирование абсолютно такое же. Просто это задаёт контекст, в котором мы лучше рассказываем материал. Нам не нужно объяснять, как работают координаты X и Y и что такое RGB, мы можем проводить аналогии с вёрсткой макетов в Фигме или Иллюстраторе. Сужение целевой аудитории позволяет точнее решать специфические проблемы учеников и говорить с ними на одном языке.

Ещё мы любим автоматизацию дизайна и верим, что за ней будущее. Мы даём ученикам новый инструмент и очень радуемся, когда они делают с помощью него что-то красивое.

Адам, а правда, что уже в понедельник начинается курс по веб-разработке, на котором вы научите нас делать настоящие сайты на HTML, CSS и JS, расскажете про Git, покажете, как опубликовать сайт для всех, и что программу можно посмотреть на лендинге, а записаться через специального бота?

Правда.
8🔥2👍1
Герберт В. Франке
1927—2022

Франке изучал физику, математику, химию, психологию и философию в Вене. Защитил докторскую по электронной оптике. Читал лекции по «кибернетической эстетике» в Мюнхенском университете стал одним из основателей культурно-технологического центра Ars Electronica.

А ещё он писал фантастику, попробую найти и почитать.

Вики, Музей V&A
#генеративные_художники
4