#новинки

Скульптурную люстру Meshmatics для бренда moooi дизайнер Рик Тегелаар (Rick Tegelaar) создал … из обычной проволочной сетки. Многослойность создает завораживающую игру света и тени, делая любое пространство особенным.
Изображение поста

Плагин LilGrid — наводит порядок в макетах. Берет все неупорядоченные элементы в системе и организует их в виде сетки, параметры которой задаете сами. Полезно, когда нужно организовать большое количество кнопок или иконок в дизайн-системе.

Плагин ничего не ломает, а только меняет расположение элементов и отменяется действие одним шагом при необходимости. #выравнивание #направление #отступы #порядок #сетка #слои
Минималистичные иконки
• 24px Размер сетки • Полностью векторный #icons Открыть в Figma
Плагин Offgrid — создаёт паттерны из любых многоугольников, например, кирпичные узоры или сетки из шестиугольников.
Как использовать: 1. Выберите узел (лучше всего работает с компонентом) 2. Запустите плагин 3. Отрегулируйте значения строк, столбцов, интервалов и смещений. 4. Нажмите «Создать». #сетка #паттерны
Perspective Grid — плагин для создания перспективной сетки.
🔗 Figma Community ▫️ #tools
Отрываю от сердца подборку Вадима Гранича «ГРАФИЧ» 🤲
Буквально мини‑справочник графических стилей – здесь собраны визуальные эталоны стилистик, от киберпарка до швейцарской типографики! Каждая подборка аккуратно структурирована: вы увидите явные примеры, цветовые схемы и удачные композиции. На примерах легко считываются акценты, шрифты, палитры, сетки — всё, что формирует стиль. 🔗 Ссылка на библиотеку Доска регулярно обновляется и может стать быстрой альтернативой толстой литературе по графдизайну и стилям☺️ #полезное
Изображение поста
Длинный пост про стиль
В 2020 году я выступил в Суздале и рассказал об исследовании истоков русской эстетики (мне кажется, я был первым, кто капнул в этом направлении). Как бы громко это ни звучало, но когда я нырял в эту тему, я ставил себе такую экзистенциальную задачу — найти «свой голос» в культурном процессе начала XXI века! (Местоимение «свой» можно понимать по-разному). Тогда казалось, что мы все говорим не «своими голосами»: мы говорим на голландском, немецком (тут я про Швейцарию скорее), что мы от какой-то эмоциональной несвободы все пытаемся на что-то опереться (на сетку, стиль, канон, референс). Само по себе неплохое стремление (для этого и нужны школы, мастера и традиции), но только вот опираемся мы на «готовое», уже сказанное, переваренное, сформулированное, несвое. Чтобы разобраться в эстетике, я начал с этики, с исследования. Так появилось эссе «розы и слезы» (да и вообще мой проект как таковой). Дальше было самое интересное — я попытался разработать (сам для себя) эстетический метод, стиль, который, на мой взгляд, вытекал (струился) из исследования истоков. Если очень коротко, то три эстетических принципа «самости» звучат так: 1. самодельность (я уверен, что освобождение от «референса» (чужого решения) лежит через болезненную самопальность. «Болезненную», потому что сложно говорить инАково, страшно, непонятно, «что люди скажут»), 2. бесформенность (мы не создали эстетический канон, у нас по сути не сложилась эстетическая традиция, у нас ничего нет, ни-ху-я, буквально! Но — это как бы и есть метод, канон, подход. Отсутствие чего-то — это тоже что-то! Короче, нечего тут бояться, надо просто попробовать развить то, что у нас есть — бесформенность), ну и 3) нравственность — тут все понятно, мы, конечно, не можем просто так, у нас должна быть миссия, мы должны кого-то спасать. Я уверен, что наша категория Красивого еще не сформулирована окончательно, она точно не в Пинтересте лежит, ждет, когда ее найдут и скопируют. Я уверен, что наш голос он вообще не про красивое, как таковое, — откуда у нас взяться красивому (в его западноевропейском понимании). Наше красивое для того же «европейца» скорее некрасивое, непонятное, странное, а лучше даже — страшное! В имидже сверху — анонс открытия ресторана на Трубной, который открывают мои друзья, и для которого я ковыряю айдентику. Логотип нарочито самопальный: от референса до его интерпретации. «Пафосное название» искрится от бытовой и уличной типографики, в которой зарыта не «метафора» (не люблю метафоры), а мое отношение. Трафарет, с одной стороны, максимально формальное решение, техническое, антиавторское, с другой стороны, в нашей с вами реальности — это универсальный формат авторского высказывания, ломающего систему, рамки, диктатуру формы. Мы способны превратить трафарет в манифест самобытности. В нем есть все: драма — рука художника ломает оковы формата, исторический контекст — старославянские мотивы накладываются на советскую пластику. Тут есть все! За рамками постера лежит еще сам стиль/язык проекта, о нем расскажу уже чуть позже. И в качестве послесловия хочу использовать кусок переписки с В. Коломейцевым: «Потому что мы хотим увидеть, что есть наше, и как мы к этому принадлежим. Паттерны, особенности и чудное эклектичное поведение форм в кириллице. Как кириллица отражает себя саму на улице. Буквально — на руках ее делателя, а не в компьютере, держа за пазухой Пинтерест, библиотеку референсов и векторных политипажей. Мы постоянно в поисках самих себя, держа в голове дизайн как принтер идей и ценных бумажек с одной стороны, а с другой — как географ-любитель намечает уже проявившийся облик местности на карту. Все сделано, надо просто про это рассказать, найдя для этого повод. Неуместные жонглеры, которые развлекают и озадачивают публику, отвлекая их от спячки.» ВАЖНЕЙШЕЕ!!! учтонение — источник — это табличка неизвестного ремесленика на одной из стоянок преображенского рынка в Москве, которой со мной любезно поделился Вова Коломейцев (@keyfeer)
Изображение поста
Плагин «Grid for Tilda Publishing» by Schetinin
Плагин для создания правильной Tilda сетки 🕸 Скачать плагин 🕸 #plugin
Изображение поста
Минутка осени:
Как осень влияет на дизайн? Конечно, в наших с вами широтах погода меняется и вид из окна становится туманным и серым, а прогулки сырыми и ветренными. Осень навевает меланхолию. При этом работается хорошо. Снаружи дожди и ветер, а перед экраном компьютера всё под твоим контролем. Осенью нас естественно тянет на учебу. Отгуляв летом отпуск за который в голову пришли идеи о развитии и изменениях и появилось желание изучить новое, расширить свой инструментарий. Осенью хочется создавать удобное и комфортное, а потому что внешняя среда всё больше неудобна своими серыми буднями и холодком при красоте желтеющей листвы. Компенсация неприятных моментов слякоти и одежды не по погоде в попытках интутивно проектировать более удобное и продуманное. Хочется делать стили с обязательным желтым на сером, ведь листва на асфальте это так красиво и естественно. Осень в дизайне это рисовать мокрый асфальт, отражение красных фар в лужах. Фотографировать, записывать голосовые о том, что надо внести в проект сидя в кафе с чашкой чая. Осенью хочется больше работать удаленно. Удаленно от осени, но она так хороша эстетически, так самостоятельна как стиль. Теплые цвета листвы на холодном фоне неба. Осень ты думаешь не о карьере, зарплате, портфолио, а о смысле дизайна в твоей жизни. Смысле счастья, когда из десятка гипотез и прототипов у тебя нашелся один и он крутой. Как солнечный день осенью в череде дождливых. День в который ты чувствуешь, что именно это и есть настоящее — делать, думать, творить не смотря ни на что. Закутаться в шарф и выходить в осень, идти вынимая наушники из ушей, чтобы слушать дождь. Чтобы позже снова выравнивать блоки по сетке, создавая в пространстве гармонию, которой так много в осеннем мире образов и звуков. Любите дизайн.
Изображение поста
🇬🇧 A new (or rather, old) approach to typography on the web
Команда Daybreak Studio рассказала о проектировании типографической системы Atlas для продукта Adaline и поделилась приёмами и подходами, которые решают многие проблемы типографики в вебе. Веб-типографика редко подчиняется тем же законам, что и печатная. Линии плавают, межстрочные интервалы считаются по рамке шрифта, а не по базовой линии, а визуальный ритм часто теряется в сетках и токенах. Чтобы вернуть оптическую точность и читабельность, команда создала систему, где все параметры подчинены восприятию, а не математике. В статье детально разобраны принципы такого подхода — от подбора кегля и межстрочного интервала до настройки вертикального ритма, адаптации под CSS и создания гибкой модели токенов. #статья@zhurnalus_lite
Изображение поста
🌊 Хочешь быть на волне в дизайне?
Тогда забудь про хаос и бесконечные уроки «как нарисовать кнопку за 2 часа». В Figma для всех тебя ждёт: ⚡️ Фишки и приёмы, которые ускоряют работу 🎨 Уроки по интерфейсам, сеткам и композиции 📦 Подборки плагинов и материалов, которые экономят время Здесь нет «воды» (кроме нужной волны 😉). Только полезный контент, который реально прокачивает. 🚀 Подписывайся на Figma для всех — и будь на волне, пока остальные барахтаются в лужах. #реклама О рекламодателе
— Увидел в реках, и ты заслуживаешь больше просмотров
— Оч круто переработал — Интереснее чем крупных дизайнеров смотреть 👆 Приятно читать вашу обратку на вчерашний разбор Кто ещё не видел: 🎞 Смотреть ← 🔥 Накидайте реакций на пост, если нравится такая рубрика. Могу на след неделе ещё один разбор дропнуть, но уже чисто по дизайну 🎨 Буду придираться к сетке, типографике, отступам, длине строки и тд — такого ещё не было на канале
Изображение поста
🐲 Прямиком из пламени черного дракона Вельдоры,
CG-каналы для Вас, ловите 🔥 👩‍🎨 @cgfreelance - вакансии и проекты по CG. 🤖 @cgAIFreelance - вакансии и проекты по AI в CG 🎬 @cgnews - новости из мира CG. 🤠 @darkmax3d - короткие уроки и секреты по 3dsMax. 🛸 @tyflowevent - проекты TyFlow, качай и юзай. 🫥 @polymodel - примеры построения сетки в 3d. 🍩 @blender_tricks - короткие уроки и секреты по Blender. 🚠 @geometrynodes - проекты для Blender, качай и юзай. 😎 @threeDailys - ваши работы CG. ⚖️ @cgblacklist - черный список в CG. 😎 Можно добавить все каналы одной удобной папкой https://t.me/addlist/0bFapsjsiQ9lYmIy 🪙 Наши икон-паки http://t.me/addemoji/cgfreelance_emoji http://t.me/addemoji/cgfreelance_emoji_v2 https://t.me/addemoji/blender_tricks_emoji https://t.me/addemoji/darkmax3d_emoji 🐱 Забираем в копилку!  #art
🌊 Хочешь быть на волне в дизайне?
Тогда забудь про хаос и бесконечные уроки «как нарисовать кнопку за 2 часа». В Figma для всех тебя ждёт: ⚡️ Фишки и приёмы, которые ускоряют работу 🎨 Уроки по интерфейсам, сеткам и композиции 📦 Подборки плагинов и материалов, которые экономят время Здесь нет «воды» (кроме нужной волны 😉). Только полезный контент, который реально прокачивает. 🚀 Подписывайся на Figma для всех — и будь на волне, пока остальные барахтаются в лужах. #реклама О рекламодателе
🎙️ Как Perplexity создаёт голосовые интерфейсы будущего
Гуннар Грей, ведущий дизайнер мобильных устройств Perplexity, рассказал о создании голосового режима, который прошёл через три крупные итерации. От простой синусоидальной волны команда дошла до сферы из частиц, созданной с помощью металлических шейдеров, которая меняет форму и цвет в зависимости от состояния системы. Главное открытие: в эпоху AI граница между дизайном и инженерией размывается. Грей научился писать шейдеры с помощью Cursor, хотя у него нет технического образования. Он подчёркивает, что инструменты вроде Cursor снижают барьер входа в программирование, позволяя дизайнерам задавать вопросы и получать объяснения прямо в процессе работы. Внутри: – Почему кнопка «нажать, чтобы говорить» решила проблемы с задержкой; – Как визуализатор из точечной сетки создаёт обратную связь; – Зачем дизайнеру учиться писать код и работать с шейдерами; – Почему специалисты широкого профиля ценятся в стартапах с AI; – Как голосовой режим работает в режиме громкой связи; – Какие инструменты помогают быстро прототипировать динамичные интерфейсы. ➡️ Смотреть интервью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Библиотека векторных иконок.
• 2000+ иконок. • 2 стиля: линии и заливка. • Созданные по 24-пиксельной сетке. #icons #vector #plugin Открыть в Figma Источник
Прямиком из лаборатории: как разговаривать с ИИ так, чтобы макеты не расползались
Китайские исследователи показали SpecifyUI — система, которая помогает в итеративном проектировании пользовательских интерфейсов с использованием структурированных спецификаций и генеративного искусственного интеллекта. Сердце системы — SPEC — структурированное, параметризованное, иерархическое промежуточное представление, в котором элементы пользовательского интерфейса представлены в виде управляемых параметров. Да, звучит сложно. Но это может помочь с генеративным дизайном в будущем. Так что давайте разбираться. Как устроен генеративный дизайн сейчас (и что с ним не так) – Текстовые подсказки рулят сценарием: большинство инструментов просят «объяснить словами» замысел, а потом пытаются угадать структуру макета и компоненты. Итерации линейные: мелкая правка часто «расползается» по макету. – Болезненная точечная правка: без формальной структуры сложно поменять один блок, не тронув остальные. Нужна адресная правка по узлу и атрибуту, а не перегенерация целой страницы. Это и закрывает SPEC: правки вида <операция, путь, значение> — например, заменить палитру только у шапки или превратить таблицу конкретной секции в карточки. – Нет мостика к коду: обычная генерация выдает «картинку вдохновения». SPEC строит мост до инженерии: RAG по базе примеров, агент кода и отладчик доводят результат до исполнимого состояния. Чем SPEC нам полезен? – Контроль: намерение фиксируется как SPEC — структурная запись про сетку, палитру, «язык форм», сценарий и иерархию Страница → Секции → Компоненты. Правки вносятся адресно по пути в структуре, не ломая остальное. – Сборка из референсов: система режет референсы на регионы, достает из них структуру и стиль, склеивает в единый SPEC. Можно брать сетку из А, палитру из В, компоненты из С. – Повторяемость и передача в разработку: SPEC конвертируется в рабочий интерфейс и код (React + библиотека компонентов + графики); есть цикл «сгенерировать — отловить ошибку — починить». Почему это не пустая болтовня На корпусе из ~2000 экранов: меньше визуальных ошибок, выше семантическое сходство, стабильнее структура. В тесте с 16 дизайнерами участники отметили лучшее чувство контроля по сравнению с Google Stitch Где это реально заходит – Продуктовые экраны, каталоги, дашборды, лендинги с повторяющимися блоками. – Когда важно держать стиль и логику дизайн-системы. – Когда итераций много и их нужно фиксировать правилами, а не папкой картинок. Когда можно пройти мимо – Разовый визуальный эксперимент ради идеи. – Очень маленькие страницы, где быстрее нарисовать, чем описывать. – Когда нет ресурса сформулировать правила — SPEC требует дисциплины. Итог Это начало пути, но направление правильное: итеративный дизайн с ИИ под контролем структуры. Меньше случайностей, больше повторяемости.
Изображение поста
Доброго времени суток!!!
Что насчёт сетки для НКР? Файл пришлю в комментарии 👇