Forwarded from [Женя Арутюнов ARCHIVE]
Часть 2
Дизайн-система
Независимо от фреймворка и версии сборщика шаблонов, уже много лет мы собираем сайты на собственной дизайн-системе, которая незамысловато называется IDS (Intuition Design System). Это набор CSS-классов и JS-функций, которые мне самому были нужны чаще всего. Постепенно я устаканил их названия и основные свойства, а недавно мы с ребятами запилили реализацию на голом HTML.
Мы всё никак не дожмём дизайн-систему до официального релиза, но в целом её уже можно смотреть и брать. Вот: https://intuition-tech.github.io/ids/. И вот ещё такая страничка с обещаниями и отмазками: https://intuition.team/ru/ids (строго не судите, я сделал её вчера).
Если вам понравился Eleventy, вы можете засунуть туда IDS и очень быстро собирать всякие лендосы и сайты продуктов. Ну или сначала медленно, а когда научитесь — быстро. И это тоже шаг в сторону эффективности и независимости, потому что наша дизайн-система — не зависимость, а нечто другое.
Подробности снова в комментариях (много текста):
— наш смешной способ дистрибуции дизайн-системы;
— причём тут глобальное неравенство и опять нейросети;
— в какой именно «последний вагон» надо запрыгивать.
Дизайн-система
Независимо от фреймворка и версии сборщика шаблонов, уже много лет мы собираем сайты на собственной дизайн-системе, которая незамысловато называется IDS (Intuition Design System). Это набор CSS-классов и JS-функций, которые мне самому были нужны чаще всего. Постепенно я устаканил их названия и основные свойства, а недавно мы с ребятами запилили реализацию на голом HTML.
Мы всё никак не дожмём дизайн-систему до официального релиза, но в целом её уже можно смотреть и брать. Вот: https://intuition-tech.github.io/ids/. И вот ещё такая страничка с обещаниями и отмазками: https://intuition.team/ru/ids (строго не судите, я сделал её вчера).
Если вам понравился Eleventy, вы можете засунуть туда IDS и очень быстро собирать всякие лендосы и сайты продуктов. Ну или сначала медленно, а когда научитесь — быстро. И это тоже шаг в сторону эффективности и независимости, потому что наша дизайн-система — не зависимость, а нечто другое.
Подробности снова в комментариях (много текста):
— наш смешной способ дистрибуции дизайн-системы;
— причём тут глобальное неравенство и опять нейросети;
— в какой именно «последний вагон» надо запрыгивать.
Forwarded from [Женя Арутюнов ARCHIVE]
Часть 3
Зачем дизайнить кодом
У меня есть курс про дизайн кодом: https://intuition.team/ru/how-to-design-with-code
Я собираюсь перезаписать его в ближайшие дни — там опубликована уже новая программа, и показан результат практической части, к которому мы в конце придём. Он клёвенький, со всякими анимациями. Баланс между полезной базой и всякими приколами знатно сместился в сторону приколов; но база на месте.
Я этот курс проводил уже три раза, это будет четвёртый. В этот раз я решил ещё меньше импровизировать, ещё больше заморочиться на понятности и осязаемости результата.
Как курс связан со всем рассказанным в первых двух постах? Ну так, косвенно. Это одна из множества возможностей как-то потихонечку примыкать к элитному комьюнити Истинных и Свободных Созидателей Цифровых Продуктов.
Курс подойдёт тем, кому будет интересно разобраться в нашей дизайн-системе. И тем, кто хотел бы с чего-то начать кодить. И тем, кто хотел бы когда-то в будущем стать виртуозным продуктовым дизайнером. И тем, кто хотел бы публиковать в интернете красиво оформленный текст в промышленных масштабах.
Этот курс находится на пересечении сразу нескольких карьерных путей. Я даже нарисовал для вас схемку, как это устроено. Она чуть ниже. (Да, это не самая красивая моя схема! И это я ещё не всё туда поместил. Торопился.)
В общем, рекомендую свой курс. У меня много всяких авантюр, вы знаете. А это не авантюра, это дерьмо проверено временем. (Кстати, вы же внимательно читали — я собираюсь перезаписать курс. Сейчас там пусто, уроки появятся со 2 по 12 апреля. Есть промокод «ничего, я подожду», он действует как раз до 12 апреля.)
Зачем дизайнить кодом
У меня есть курс про дизайн кодом: https://intuition.team/ru/how-to-design-with-code
Я собираюсь перезаписать его в ближайшие дни — там опубликована уже новая программа, и показан результат практической части, к которому мы в конце придём. Он клёвенький, со всякими анимациями. Баланс между полезной базой и всякими приколами знатно сместился в сторону приколов; но база на месте.
Я этот курс проводил уже три раза, это будет четвёртый. В этот раз я решил ещё меньше импровизировать, ещё больше заморочиться на понятности и осязаемости результата.
Как курс связан со всем рассказанным в первых двух постах? Ну так, косвенно. Это одна из множества возможностей как-то потихонечку примыкать к элитному комьюнити Истинных и Свободных Созидателей Цифровых Продуктов.
Курс подойдёт тем, кому будет интересно разобраться в нашей дизайн-системе. И тем, кто хотел бы с чего-то начать кодить. И тем, кто хотел бы когда-то в будущем стать виртуозным продуктовым дизайнером. И тем, кто хотел бы публиковать в интернете красиво оформленный текст в промышленных масштабах.
Этот курс находится на пересечении сразу нескольких карьерных путей. Я даже нарисовал для вас схемку, как это устроено. Она чуть ниже. (Да, это не самая красивая моя схема! И это я ещё не всё туда поместил. Торопился.)
В общем, рекомендую свой курс. У меня много всяких авантюр, вы знаете. А это не авантюра, это дерьмо проверено временем. (Кстати, вы же внимательно читали — я собираюсь перезаписать курс. Сейчас там пусто, уроки появятся со 2 по 12 апреля. Есть промокод «ничего, я подожду», он действует как раз до 12 апреля.)
Forwarded from [Женя Арутюнов ARCHIVE]
Схема 1. Как разные карьерные пути пересекаются прям где надо
https://intuition.team/ru/how-to-design-with-code
Информация для проскролливших, которым некогда читать: Всё ок! Сохраните эти заметки до момента, когда будете решать, на чём бы сделать новый сайт — тогда и прочитайте.
Ну, вроде всё. Спасибо за внимание! Пойду.
Напишите комментарий.
https://intuition.team/ru/how-to-design-with-code
Информация для проскролливших, которым некогда читать: Всё ок! Сохраните эти заметки до момента, когда будете решать, на чём бы сделать новый сайт — тогда и прочитайте.
Ну, вроде всё. Спасибо за внимание! Пойду.
Напишите комментарий.
Forwarded from Denis Sexy IT 🤖
Через пару минут смотрим главный анонс года от OpenAI:
https://www.youtube.com/live/0Uu_VJeVVfo?si=UDbJm8jtXCsSsED3
https://www.youtube.com/live/0Uu_VJeVVfo?si=UDbJm8jtXCsSsED3
YouTube
Introducing GPT-5
Sam Altman, Greg Brockman, Sebastien Bubeck, Mark Chen, Yann Dubois, Brian Fioca, Adi Ganesh, Oliver Godement, Saachi Jain, Christina Kaplan, Christina Kim, Elaine Ya Le, Felipe Millon, Michelle Pokrass, Jakub Pachocki, Max Schwarzer, Rennie Song, Ruochen…
Forwarded from Дизайн-Телега 🔥
A cheat sheets for all designers (Icons of all brands)
💾 Скачать и использовать
https://www.figma.com/communy/file/1240603238591907695
🔎 Посмотреть описание
https://www.figma.com/communy/file/1240603238591907695
#icons #figma
👨 Дизайн-телега
💾 Скачать и использовать
https://www.figma.com/communy/file/1240603238591907695
🔎 Посмотреть описание
https://www.figma.com/communy/file/1240603238591907695
#icons #figma
👨 Дизайн-телега
Forwarded from Дизайн-Телега 🔥
🔗 ЗАБРАТЬ СЕБЕ
#материалы #полезное
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from PSD | Дизайн-пространство
Отличные примеры минималистских геометрических логотипов, постеров, этикеток, аккуратно созданных дизайнером Dominik Piłat / #лого #постеры
https://instagram.com/dominik_pilat
💣 PSD
https://instagram.com/dominik_pilat
💣 PSD
Forwarded from UI_UX inspiration
Дизайн приложения кошелька
Категория: #финансы
Язык: #en
https://.com/shots/17583755-Wallet-App-Design
🌠 UI_UX inspiration
Категория: #финансы
Язык: #en
https://.com/shots/17583755-Wallet-App-Design
🌠 UI_UX inspiration
Forwarded from UI_UX inspiration
Media is too big
VIEW IN TELEGRAM
Forwarded from Новые шрифты
Rotarfihs
Rotarfihs — это ещё один необычный шрифт, подходящий для обложки или логотипа.
🧑💻 Максим Райков
📄 Бесплатный
🔗 Скачать шрифт
📱
Rotarfihs — это ещё один необычный шрифт, подходящий для обложки или логотипа.
🧑💻 Максим Райков
📄 Бесплатный
🔗 Скачать шрифт
📱
Forwarded from PSD | Дизайн-пространство
This media is not supported in your browser
VIEW IN TELEGRAM
Day 348:
Mercury Banking for Startups.
→ mercury.com
Rive Build interactive motion graphics that run anywhere.
→ rive.app
Nikita Labutin A creative director with a strong background in copywriting and over six years of experience crafting ideas for both brands and non-profit organizations.
→ nikitalabutin.com
More on
→ curated.design
🗄 База референсов
Mercury Banking for Startups.
→ mercury.com
Rive Build interactive motion graphics that run anywhere.
→ rive.app
Nikita Labutin A creative director with a strong background in copywriting and over six years of experience crafting ideas for both brands and non-profit organizations.
→ nikitalabutin.com
More on
→ curated.design
🗄 База референсов
Forwarded from Node.JS [ru] | Серверный JavaScript
Please open Telegram to view this post
VIEW IN TELEGRAM