Псст. У нас есть инста с классно кропнутым названием курса. Подписывайтесь, скоро будут и другие
https://www.instagram.com/setkadesign/

Думаете, легко было придумать название «Сетка»? Нет. Было нелегко. Вот какие варианты мы тщательно рассмотрели и решительно отвергли.

Вдруг мы ошиблись? Какой вам нравится?

(В интерфейсе телеграма самое странное, что кто запостил отложенный пост, тот и считается его автором.)

(На самом деле, это сделал и написал Иван Дианов, а не я.)

Адам Арутюнов отвечает на вопросы которые придумал сам.

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

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

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

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

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

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

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

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

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

Правда.

Недавно лайвкодил на фестивале LES, у них есть вот такой логотип.

Я подумал, что прикольно было бы сделать мини-версию для всяких фавиконок 16×16 пикселей. И сделал сразу кодом.

Там наверху есть секция с переменными, можно понастраивать углы поворота и толщину линии. Попробуйте, редкатор прямо в браузере работает. https://twigl.app?ol=true&ss=-NaVpVOKzFwnuYeVBULP

И покажите в комментах, что получится!

Сидим мы сегодня с Адамом, готовим материалы для курса по шейдерам. И вдруг он такой «Да у тебя ведь паттерн Я.Дзена получился!» Мы ещё пару символов поменяли и вообще хорошо стало. Пойдём Яндексу продавать.

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

А как понять, что красиво?

Ну, я вот вырос в семье дизайнеров. Ещё я работаю программистом в Студии Лебедева и непосредственно вижу хороший дизайн каждый день. Много езжу, смотрю на вывески и логотипы в разных странах и городах. Но вообще в дизайнерском вкусе нет ничего магического, ты просто смотришь много дизайна и разбираешься, почему он хороший или плохой.

Конечно, есть Вкусомер. Но Вкусомер — это экзамен, а не учебник. Он не объясняет.

Я читаю канал дизайнера Жени Арутюнова, автора книги «Сложный дизайнер». Он называется «Это красиво, а это нет». Каждый день там выходят рецензии от разных ребят на дизайн вывесок, интерфейсов, логотипов и вообще всего чего угодно. Каждый пост подробно объясняет — почему это красиво, а это нет. А ещё само содержание рецензии важнее, чем вердикт.

Каждую неделю можно прислать свой или чужой дизайн на уничтожение или восхваление. Подписывайтесь.

https://news.1rj.ru/str/thisisfinethisisnot

Мы с Адамом здорово повеселились, бросая друг другу вызовы. И тут я понял, что нечестно оставлять вас в стороне. Вдруг вы тоже хотите бросать и принимать вызовы?

Пришлите в комменты картинку или две, которые было бы прикольно повторить кодом, а мы попробуем. Если и вы присоединитесь к кодингу — вообще кайф.

Я рассказал про Сетку генеративному художнику Питеру Пасме, название перевёл как The Grid. И он сразу прислал вот этот трек

Машин вызов

Маша в комментах предложила такой референс. Я решил не повторять, а вдохновиться и сделать что-то в этом направлении, а именно шестиугольники с кружками.

Кончено же на шейдерах! На п5-то все смогут.

После часа мучений с координатами, забил.

А вот только созванивались с Патрисио, автором лучшего учебника по шейдерам thebookofshaders.com, он показал, как решить задачу с помощью его инструмента lygia.

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

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

«Потом» настало, разобрался с координатами и научился залезать в соседей. На референс уже совсем не похоже :–)
Код в комментах

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

Студия Лебедева обновила свой сайт и выпустила «Потокус» — технологию, которая превращает разрозненный медиаконтент в бесконечный, динамичный и интерактивный эфир. Теперь любая компания может запустить своё корпоративное телевидение.

Ещё у студии появился вариативный логотип — буквы Е в нём выбираются случайно каждый раз.

Будущее — за автоматизацией и генеративным дизайном. Учим этому в «Сетке».

#новости

Вызов, брошенный @lubDeuce

Тут много чем можно вдохновиться. Но, конечно же, на первом месте для меня — седловая поверхность.

Посмотрите, эта… хм… ваза? Она чем-то похожа на жёсткое, неудобное, но всё-таки седло.

Я загуглил и теперь знаю, что самая простая седловая поверхность — гиперболический параболоид. Делается в одну строчку. Уравнение запомнить проще, чем название.

Сделал онлайн-демку с комментариями в коде

А можно остаться на плоскости. Это сильно проще, и тоже прикольно. Тут вид сверху на седловую поверхность, по ней вверх ползут градиентики, как изолинии на географической карте.

То есть на географической карте они никуда не ползут. Ну, вы поняли.

Демка. Без комментариев