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

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

@setka_design

Дизайнерам про разработку. https://setka.design

Делают @adam_arutyunov и @ivan_dianov.
Subscribers
1.17K
Photos
125
Videos
66
Links
91

Showing posts older than #195 · Back to latest

Older Posts 14 shown
Post #194 1.51K
  • 😁 9
  • 🏆 2
Post #193 1.49K

Forwarded from Data-comics

Генеративный арт и Дата-арт

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

Приходят мысли про NFT, код, красивые мерцающие паттерны... Но есть ведь и дата-арт проекты, выполненные в очень схожей манере и практически тем же инструментарием.

Чтобы разобраться в вопросе, узнать больше про ген-арт и его особенности, я позвала на беседу известных мне специалистов по генеративному арту - Ивана Дианова и Адама Арутюнова, которые активно занимаются этой темой и у них даже есть курс про ген-арту (который мне все хочется пройти!)

Эфир планируется вечером
7го числа, в 18:00, если все пойдет по плану - выложим ссылку за несколько минут до начала в канал.

Приходите послушать и позадавать вопросы!
Будем всем очень рады! 🥰
  • 🔥 7
  • 🥰 3
  • ❤ 1
Post #187 3.06K
Пиксельсорт

Сетка представляет свой новый спецпроект — сортировщик пикселей. Загружаешь картинку, выбираешь паттерн — и получаешь глитч-арт для модного постера или аватарки в телеграме.

Работает даже на телефоне. Попробуйте! Сфоткайте себя, коллегу, кота или ковёр, выберите один из готовых паттернов или загрузите свой. Лучше всего подойдёт текст или что-то абстрактно-геометричное.

Можно менять критерий сортировки и её направление, а потом скачать получившуюся картинку. Делитесь результатами в комментариях :—)

https://setka.design/pixelsort

🕸 Сетка
  • 🔥 29
  • 👍 6
  • ❤ 4
  • 👏 1
  • 🎉 1
  • 👾 1
Post #186 1.56K
Новогодняя скидка на курс гендизайна

Нет, всех достали новогодние скидки. Лучше так:

Денрожденная скидка на курс гендизайна

Мы запустили курс генеративного дизайна год назад — 21 декабря 2022 года. С того времени мы провели один поток, второй, третий, потом долго-долго монтировали записи, а теперь продаём в виде интерактивного телеграм-канала. Там каждый день выходят смонтированные записи занятий, квизы и другая дополнительная информация.

Начало следующего потока — 9 января. Мы учим дизайнеров с нуля делать классную графику с помощью кода и показываем, что программировать вообще-то не страшно.

До 31 декабря курс можно купить со скидкой. Сейчас доступ стоит 6650 ₽, но цена постепенно-постепенно растёт, и к 9 января курс будет стоить 9900 ₽.

Подробное описание, программа, отзывы и формат — на сайте. Запись — через бота @gendesign_bot.

(↑ На видео выше — шоурил из работ выпускников.)
  • 🔥 8
  • 👍 3
  • ❤ 1
  • 👏 1
Post #185 1.41K
А если интересно посмотреть, как миандрирование симулируется нашей планетой безо всяких компьютеров и алгоритмов, посмотрите этот пост. В следующем за ним посте милая история про миандрирование и рабство.
  • 👍 2
Post #183 1.36K
Миандрирование рек — классный пример симуляции природных процессов.

Ещё одно красивое его применение — инсталляция от немецкой студии onformative. Симуляция происходит в реальном времени, на шейдерах.

onformative.com/work/meandering-river/
  • ❤‍🔥 5
  • ❤ 1
  • 🆒 1
Post #182 1.21K
Круче всего — анимация миандрирования
  • 🔥 10
  • ❤‍🔥 1
Post #181 1.18K
Meander — генератор топографических карт несуществующих рек.

Автор: Robert Hodgin

roberthodgin.com/project/meander
  • 👏 7
  • 🔥 3
  • ❤‍🔥 1
  • ❤ 1
  • 💯 1
  • 🆒 1
Post #180 1.35K
Утыкиваем сферу
#приём

Я тут мучаюсь, пишу код, а Адам сырники сфоткал и больше лайков набрал!

Штош, нужен реванш. Покажу полный вынос мозга: тем же самым золотым сечением Φ можно равномерно расставить точки и на сфере. Спускаемся по ней шагами равной высоты и каждый раз поворачиваем точку вокруг вертикали на тот же угол 360°×Φ

Срочно лайкните этот пост, перешлите его друзьям и родственникам! Если, конечно, вы хотите видеть в канале гендизайн, а не еду.

Если хотите видеть еду, напишите в комментариях, я что-нибудь из холодильника сфоткаю.

Код и демка https://editor.p5js.org/illus0r/sketches/AZHVeb9nd
  • 👍 41
  • ❤ 21
  • 🔥 9
  • 😁 4
Post #179 1.17K
Ваня, ну что за пример — «для визуализации данных или дата-арта»? Это же нужно очень редко и вообще далеко не всем.

Знаете, зачем на самом деле нужно уметь кружки равномерно распределять? Сырники на тарелке складывать. Можно, конечно, натыкать их в горку как на фотке, но это неэффективное использование пространства. А можно по-умному, посчитать оптимальный паттерн для каждого слоя с учётом гравитации.

А потом спрашивают, зачем нам золотое сечение.
  • ❤ 14
  • 🤓 6
  • 😁 4
  • 🔥 2
  • 👍 1
Post #178 1.42K
Равномерное утыкивание
#приёмы

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

Можно, конечно, расставить их по сетке. Но 1) все так делают, скучно, и 2) сложно заанимировать изменение числа кружков.

Тут нас внезапно спасает золотое сечение Φ≈1.61803399

Если ставить точки всё дальше и дальше от центра, при этом после каждой точки делать поворот на 360°×Φ, начинается магия.

Код демки https://editor.p5js.org/illus0r/sketches/IxWWlYIbW
  • ❤ 20
  • 👍 7
  • 🔥 1
Post #177 1.18K
Запись вебинара с Максимом Розовым

Таймкоды:

00:00 Ничего не происходит
04:05 Начало
07:06 Что такое гендизайн и когда он пригодится
15:30 Когда много носителей, поверхностей, страниц. Портал «В мире Достоевского». Генератор адресных табличек Челябинска. На районе.
27:06 Когда нужно зашифровать информацию. Кьюар-коды для карт лояльности Ашана. Сайт «Смарт-солюшенс». Флотерея.
42:15 Когда нужны вариации одной штуки. Конструктор баннеров для магазина часов «Хроно».
48:20 Когда нужно оживить что-нибудь статичное. Логотип «Сетки». Интерактивные плакаты.
51:00 Когда проект связан с творчеством. Сайт «Аквариума».
53:36 Когда нужно изобразить что-то абстрактное. Сайт «Салют ту бизнес» и сайт «Кривицкого».
01:05:46 Гендизайн помогает выйти в офлайн и продаётся дороже
01:10:58 Конец и дискуссия. Как Макс и Ваня начали программировать и было ли сложно.
01:19:00 Секретный пред-анонс генеративной айдентики для стартапа

Ютуб: https://www.youtube.com/watch?v=ZnrJoapgdls
  • 🔥 12
  • ❤ 4
Post #173 2.72K
Открытый разговор с Максимом Розовым

Сначала немного понтов.

Максим Розов — дизайнер из Сберавтотеха, работает над беспилотными грузовиками. До этого делал дизайн коммуникаций в Сбердевайсах. А до этого четыре года работал в Студии Лебедева — в его портфолио 32 проекта, 13 наград от «Рейтинга рунета», «Тэглайн эвордс», «Золотого сайта» и «Э-ввв-ордс». Максим дизайнил сайты, мобильные приложения, интерфейсы, навигацию, логотипы и ещё много другого.

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

Разговор пройдёт в эту субботу, 18 ноября. Начнём в 18:00 по Москве, уложимся в полтора-два часа. Созвон будет в Зуме, чтобы можно было задавать вопросы. Приходите, будет классно.
  • 🔥 11
  • ❤ 3
  • 🎉 2
Post #172 1.47K
Сетка — кодинг для дизайнеров Эффект Дросте Это когда внутри изображения размещается его уменьшенная копия, внутри которой — уменьшенная копия предыдущего изображения, и так далее. Название — в честь какао Дросте, на коробке которого была изображена медсестра с такой же коробкой на подносе.…
Пятьсот подписчиков назад я обещал, что ещё +9 подписчиков — и запилю видос про эффект Дросте на п5.

Вот он, в тиктоке. Подписывайтесь!

https://www.tiktok.com/@setka.design/video/7296650577855909127
  • 👍 3
  • ❤ 2
  • 🔥 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →