❤️ СПОРТ КЛУБ Щ® × ENDY 📣

Забрать тут 🔥

💛 Инфоповод 🩵 Spotify обновил иконку. плоский зелёный круг стал объёмным диско-шаром. дверь открылась — значит можно заходить 💕Задача предложи свой вариант иконки Spotify 💜Правила сам логотип не трогаем — три волны остаются всё остальное можно: форма, цвет, текстура, стиль, материал 💚Фокус любой эксперимент приветствуется главное — объясни что сделал, почему такое решение и с чем это ассоциируется 💙Время ⏱ 30 минут 💚Результат 1-2 варианта + короткий комментарий к решению. За анимацию респектос 🩷Дедлайн 2 дня 19 мая Обсуждение: t.me/Designwarmups_chat Сайт designwarmups.com #97_ДизайнРазминка​​​​​​​​​​​​​​​​

🌹 Даша Соболева провела две недели на Алтае и рассказывает, где там лучше всего отдыхается. 🌹 История превращения бывшего монастыря в Морской музей в Штральзунде ждёт вас на канале ReuseArch. 🌹 Вы наверняка слышали, что в американских домах нет 13-го этажа. Узнать о тонкостях нумерации в жилых зданиях ещё больше можно в канале бюро Megabudka. 🌹 Очень модный офис — с панелями из тёмного дерева и стеклоблоками — смотрите у IN/EX. 🌹 Светлана Липкина расспросила нас с Аленой Сокольниковой о миланских впечатлениях. Почитать можно тут. 🌹 «Собака архитектора» показывает бумажный проект реконструкции к/т «Октябрь», предложенный Ильей Уткиным ещё в 1999 году. Я не фанат, но любопытно. 🌹 Если хотите знать, что, где и как цветёт, спешите в канал «Паша и Москва», там подробная хроника московской весны. Вот, например, сквер на Баррикадной. 🌹 Кажется, идея морских круизов сейчас несколько скомпрометирована, но если вдруг вы решите отправиться в такое путешествие, присмотритесь к интерьерам яхты Orient Express Corinthian на канале Vintage Voyage. 🌹 Очень красивая лестница и другие классные решения — в проекте парижской квартиры, которую оформила Studio Razavi, ждут вас прямо здесь, в «Ромашковом».

Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно Рассказываю на примере проекта, где я на фрилансе (oversecured.com) Дано: - legacy-архитектура фронта, которую сложно масштабировать с LLM-кой - отсутствие части макетов в Figma + неактуальность макетов Что хотим: - заиметь макеты в Figma, которые выступают как источник правды - можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт - UI-kit/дизайн-система, которая полностью совпадает в Figma/code Как мы решили это сделать: 1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт 2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение. 3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн 4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp)) Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы). И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100 Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma Часть 2 напишу, когда подойду к ней!

Разработчик William Candillon выкатил интересное — свою библиотеку для работы с графикой, интерактивным леттерингом в векторе для веб. Redraw — это библиотека 2D-графики, построенная на базе WebGPU. Она поддерживает переменные толщины линий, цветовую градиентную заливку по контурам и физически обоснованный рендеринг. Важной особенностью Redraw является векторное размытие, которое позволяет создавать быстрые эффекты размытия без необходимости растрирования. Это открывает возможности для таких задач, как аналитическое размытие движения или быстрая обработка фоновых фильтров.

TABIA выполнили настоящий «королевский гамбит» - взяли акриловый камень GRANDEX и сделали ход, который внесут в учебники В серии Sport доски выполнены в насыщенном синем и экспрессивном красном - цвета узнаваемые, если вы понимаете, о каком клубе речь 😎 Они соответствуют требованиям FIDE и при этом отлично смотрятся в интерьере «У Grandex одна из самых широких цветовых палитр и отличное качество, которое позволяет воплощать любые стилистические идеи» Как насчет партейки? https://vk.com/tabia2024

«В поисках акций 2» — pixel hunting-квест для Альфа-Инвестиций в мезоамериканском стиле. Чтобы уровни были понятны широкой аудитории, в иллюстрациях соединили мифологию Мезоамерики с поп-культурой Черпали вдохновение отовсюду: от «Волка с Уолл-стрит» и «Игры на понижение» до «Острова сокровищ» и «Аладдина» 40 уровней / 20 уникальных иллюстраций / 5 цветовых палеток / 5 узоров уже можно смотреть на Behance и Dprofile @webzdelnya 💻💻💻

Об этом нас спрашивают после того, как мы показываем арты из наших проектов. Они у нас и правда замечательные: большие, фактурные, сложные по цвету, с интересными смыслами и идеей. Но они такие именно потому, что купить их нельзя. Почти все картины для наших проектов мы заказываем у художниц индивидуально. Это не постеры с маркетплейсов, не распечатка в рамке и не похожая абстракция из масс-маркета. А ручная работа, которую пишут под конкретный интерьер — цветовую гамму, масштаб стены, атмосферу квартиры и ЖК. Искусство в наших интерьерах — не попытка хоть чем-то закрыть пустую стену. Для этого у нас есть десятки других приемов: панели, молдинги, фактуры, зеркала, свет, текстиль, сложная покраска, столярка, акцентные материалы. Поэтому арт-объекты мы используем не везде, а только там, где это действительно уместно. В живой работе есть то, чего невозможно добиться распечаткой: мазок, рельеф, плотность краски, сложные полутона, неровность руки, игра фактуры при разном освещении. Именно такие детали делают интерьер не просто красивым, а авторским. Постер можно повторить в сотнях квартир. А работа, написанная под конкретный проект, существует только в нем. И в дорогом сегменте это особенно важно. Когда человек заходит в квартиру, он может не знать, сколько стоит диван, какой бренд у светильника и откуда привезен столик. Но он очень быстро считывает, есть ли в интерьере настоящий уровень — или его просто пытались имитировать готовыми решениями по первой ссылке поиска.

Цветовые комбинации, которые помогут вам создать дорогой проект. #подборка

Справились? Правильный ответ — на всех. Дизайн окружает нас повсюду: от дорожной навигации до типографики в ироничных мемах. Графический дизайн — это пространство, где сочетаются творчество, логика, работа с цветом и формой. Он открывает путь в маркетинг, брендинг, digital-сферу и множество креативных индустрий! Чтобы поддержать всех, кто делает первые шаги в этом направлении, мы создали закрытый Telegram-канал «Первые шаги в графическом дизайне». Внутри сообщества вас уже ждут: ▪️простые и понятные материалы для быстрого погружения в основы графического дизайна ▪️разборы удобных плагинов, которые облегчают рутинные задачи ▪️мини-лекции и мастер-классы от ведущего преподавателя курса Впереди ещё больше практики, разборов, вдохновения и полезных материалов! Если вы хотите развивать свои навыки в сфере графического дизайна — присоединяйтесь к нашему закрытому каналу. Записаться можно через Telegram-бота Дополнительного образования ❤️ ВК | MAX | RUTUBE | ДЗЕН

Делитесь результатами в комментах🔥

- в школе я сооружала агро системы для полива - собирала палочки и веточки - я подвязала саженец яблони на даче, а палка к которой я привязывала проросла - про бесчисленные эксперименты с цветной морковкой, кабачками и земляникой можно даже не упоминать Когда все достанет - уйду заниматься растениями, а пока вот новый эксперимент : Мимоза стыдливая выросла у меня из семян и всех радует своей реакцией на прикосновения🤲🏻 И тут вопрос: "Как она это делает"??

Полезное видео для художников из которого вы узнаете, как просто изменить цвет каждого штриха. #photoshop #лайфхак

На гитхабе дизайнер создал файл A11y.md — готовый контекст, который загружаешь в Claude (или любую другую нейронку) — и она начинает проверять твои макеты по стандартам WCAG 2.2. Дима и Миша рассказывали уже о том, что если не спросить нейронку, то она и не расскажет о доступности, так вот md решает данную проблему. Мне нравится, как этот диз написал: Accessibility is not a feature or an incremental improvement; it is a pre-condition for use. Доступность — это необходимое условие. Как пользоваться, если ты диз? 1. Открыть файл на GitHub A11Y.md из папки docs/en/ 2. Вставить в начало чата с AI «Строго следуй правилам разработки, описанным в файле A11Y.md» 3. Скинуть файл или ссылку на свой проект 4. Готово! Что внутри репозитория: ⚡ Command Center — главный файл с матрицей приоритетов, правилами поведения для AI и протоколом для сложных компонентов. 📚 Support Library — справочная библиотека с готовыми решениями по контрасту, формам, кнопкам, навигации и модалкам. 🛠️ Templates — шаблоны для финальной проверки перед релизом и структурированный лог для фиксации технического долга. 📝 Examples — реальные ошибки доступности из проекта на Figma Make, с конкретными исправлениями, которые предложил A11Y.md в роли автоматического ревьюера. Немного того, что важно для дизайнера: → Контраст текста должен быть 4.5:1, элементов UI — 3:1 → Нельзя передавать состояние только цветом — нужны иконка + текст + цвет → Минимальный размер кнопки — 44×44px → Плейсхолдер не заменяет подпись к полю → Графики обязаны различаться без цвета — текстурами или штриховкой и многое другое Этот файл не научит доступности с нуля, он действует скорее как быстрый фильтр и сверка с WCAG. Конечно, я за то, чтобы изучать A11y глубже )