💥 9 крутых сеток и направляющих для карточек

Казалось бы, уже все вокруг для упрощения задач по инфографике сделали и раздали.. Но такого еще точно не было 👏🏻 Считаю, это поможет и скрасит работу каждому: от новичков до профи Готовые сетки по золотому сечению, правилу третей, модульной сетке и еще 6 разных решений, используйте! ( Разрешение: 1200x1600 ) 🔗 Забрать сетки По классике {🔥} на этот пост за скачивание! 🐡 Теперь отдаю удочку, а не рыбу!
Изображение поста

📱 Делаем сетку в иллюстраторе

Многие уже обсудили сайт Norgram, залетаю в котел и я

У меня все, как всегда позитивно💔 Понравилась и идея и реализация. Ну вот как не хмурьтесь такие кейсы редкость — со смыслом, с довольно плавной адаптацией, не типичной сеткой. И то, что это не концепт, а полностью рабочая штука. Круто! С профессиональной архитектурной точки зрения этот сайт разобрал Сергей Гуров в своем посте. Что тоже круто! Смотреть предпочтительнее с веба — ссылка на сайт. Жаль, у меня нет реакции со словом ✅Круто
Изображение поста

🤩В Таиланде отгремел самый обсуждаемый конкурс мира — «Мисс Вселенная 2025». Россию на нем представляла уроженка Московской области Анастасия Венза. 

🌺Вечернее платье для Анастасии создала выпускница СПбГУПТД, модельер Ольга Малярова в стенах родного вуза в своей мастерской. 🌞Платье из сетки и кружева розового и лимонного оттенков украсили тончайший корсет, крупные кристаллы и драпировки. Все расшивали вручную, количество камней - более 150 тысяч. ❤️По словам дизайнера, ей хотелось создать воздушный, практически невесомый образ, в котором Настя напоминала бы нимфу.
📚 40 элементов интерфейса для начинающих дизайнеров
Автор собрал подробный справочник базовых элементов интерфейса, разделив их на четыре группы: навигация, ввод данных, обратная связь и отображение данных. Каждый элемент объясняется простым языком с практическими примерами использования. Особенно интересны нюансы терминологии. Например, Bottom navigation в мобильных приложениях называется по-разному: Navigation bar в Material Design и Tab bar в Human Interface Guidelines. А меню из трёх точек имеет сразу три варианта: кебаб (вертикальные точки), фрикадельки (горизонтальные точки) и бенто (сетка квадратиков как в сервисах Google). Автор также объясняет важные различия: радио-кнопки позволяют выбрать только один вариант, а чекбоксы несколько; тост исчезает автоматически, а уведомление может быть постоянным. Внутри: – Почему аккордеон и коллапс это разные элементы; – Как три точки превратились в кебаб и фрикадельки; – Зачем нужны хлебные крошки и откуда такое название; – Чем селект отличается от дропдауна; – Почему минимальный размер кнопки 44×44 пикселя; – Какие шесть типов диаграмм чаще всего используют в интерфейсах. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Динамические бенто-сетки
Редактируемые карточки в стиле бенто можно сделать вручную, используя неразрушающие эффекты Иллюстратора. Вы сможете менять ширину отступов, количество ячеек и радиус скруглений в любой момент. 1. Рисуем поверх формы разделительные линии с обводкой. 2. Группируем линии и применяем Effect → Path → Outline Stroke и Pathfinder → Merge. 3. Группируем их с нижней формой и применяем Pathfinder → Subtract и Stylize → Round Corners. Если нужны отдельные объекты, то разбираем группу с эффектами через Object → Expand Appearance. И после ещё можно сделать плавные скругления бесплатным скриптом Round Corners Customization. — А автоматически генерировать разные сетки с настройкой количества ячеек, отступов и скруглений можно моим платным скриптом BentoGrid. #learn #illustrator #draw #paid
Для своих клиентов я создаю папки на Авито
Делаю коллективный доступ и сохраняю туда сокровища, которые идеально подойдут в текущий проект. Может быть, все дело в том, что мои личные папки перевалили за 100+ сохраненок и мне практически физически больно, когда классный предмет уходит из-под носа, потому что мне некуда его пристроить? Решила разделить эту свою страсть и с вами тоже❤️ ⭕️ Все началось с основательного буфета, который был распространен в СССР в 40-50х годах. Интересный момент, что по форме он напоминает крестьянские шкафы-поставцы, где в начале XX века крестьяне демонстрировали самую ценную посуду. ⭕️ К нему за компанию как-то сами прыгнули изящные стулья в стиле модерн. ⭕️ Стол решила взять современный, для баланса. ⭕️ Ироничная люстра Гжель периода 70-80х совпала по времени с возвращением интереса к национальному в дизайне. ⭕️ И, конечно, не обойтись без скатерти ришелье и кобальтовой сетки ЛФЗ. Сохраняйте себе готовый интерьер столовой, а лучше заберите буфет и пришлите мне фото, что он живет свою лучшую жизнь в счастливом доме☺️ [Дизайнер в кокошнике]
Изображение поста
Аватар следит за курсором
С помощью нейросети Replicate, автор создал сетку изображений своего лица, смотрящего во всех направлениях 🖼️ Концепты интерфейсов
Плaгин Logo Layout — автоматически масштабирует и распределяет логотипы в сетке, учитывая их пропорции.
Теперь все логотипы будут выглядеть гармонично, независимо от их изначального размера и формы. #логотипы #масштабирование #сетка
Фоновые узоры сетки для дизайна веб-сайта.
• Элегантный и современный дизайн • Полностью редактируемый • 5 различных вариантов • Подробная информация об использовании • Демонстрационный дизайн веб-сайта #фоны #узор #сетка Открыть в Figma
Привет!
Мы — студия продуктового дизайна и разработки red cat. Разрабатываем продукты, меняющие мир вокруг. С кем мы уже работали и продолжаем работать: РЖД-медицина, Free Age, ВДНХ, Росмолодёжь, FishStat. Мы сейчас ищем дизайнера на проект. Растёт объём задач и расширяется сам продукт. Поэтому в помощь нашему ведущему дизайнеру теперь нужен молодой, талантливый и амбициозный спец, который готов развиваться и вырасти в своих скиллах и грейде на реальных задачах. Чем предстоит заниматься: • Отрабатывать в макетах правки от стейкхолдеров и разработки • Помогать делать адаптив под мобилку • Другие задачи, возникающие по ходу работы над продуктом и беклогом Что нужно уметь: • Работать с дизайн-системой • Знать и уметь в компоненты, варианты, переменные И, конечно: • Базовые навыки — композиция, сетки, пропорции, типографика, колористика • Уверенное владение Figma • Отличная насмотренность • Способность самостоятельно организовать свою работу, четко оценивать задачи и укладываться в сроки • Умение уважительно давать и получать фидбек, открытость к изменениям и готовность учитывать чужую точку зрения • Продуктовое мышление и ориентированность на бизнес-цели клиента, сфокусированность на конечном результате и продукте Особенно важно: • Уметь работать быстро • Быть на связи • Коммуникабельность • Ответственность • Желание и стремление расти и развиваться в профессии В плане вывода на проект у нас всё чётко. С онбордингом, поддержкой от старшего диза и арт-дира. Если вдруг нужно будет чему-то дообучить — научим. Что предлагаем: • Удалёнка Работай из любой точки мира • Гибкий график Можешь выбирать удобное время начала • Работа в продукте • Комфортные условия Работаем в Телемосте, Figma, Telegram и Notion • Менторство и рост внутри студии • Молодой и амбициозный коллектив, комфортный арт-дирекшн У нас все на одной волне и нет начальников • Интересные проекты Сможешь с гордостью взять их к себе в портфолио • Зарплата в рынке Что дальше: Сперва, нам важно встретиться с человеком. Понять, сходимся ли мы по вайбу и подходу к работе. Поэтому сначала нам нужно будет познакомиться на небольшом интервью. ОТКЛИК Чтобы откликнуться на вакнсию, напишите @evmfadeeva Она поставит встречу
Изображение поста
#новинки
Скульптурную люстру Meshmatics для бренда moooi дизайнер Рик Тегелаар (Rick Tegelaar) создал … из обычной проволочной сетки. Многослойность создает завораживающую игру света и тени, делая любое пространство особенным.
Изображение поста
Плагин LilGrid — наводит порядок в макетах. Берет все неупорядоченные элементы в системе и организует их в виде сетки, параметры которой задаете сами. Полезно, когда нужно организовать большое количество кнопок или иконок в дизайн-системе.
Плагин ничего не ломает, а только меняет расположение элементов и отменяется действие одним шагом при необходимости. #выравнивание #направление #отступы #порядок #сетка #слои
Минималистичные иконки
• 24px Размер сетки • Полностью векторный #icons Открыть в Figma
Плагин Offgrid — создаёт паттерны из любых многоугольников, например, кирпичные узоры или сетки из шестиугольников.
Как использовать: 1. Выберите узел (лучше всего работает с компонентом) 2. Запустите плагин 3. Отрегулируйте значения строк, столбцов, интервалов и смещений. 4. Нажмите «Создать». #сетка #паттерны
Perspective Grid — плагин для создания перспективной сетки.
🔗 Figma Community ▫️ #tools
Отрываю от сердца подборку Вадима Гранича «ГРАФИЧ» 🤲
Буквально мини‑справочник графических стилей – здесь собраны визуальные эталоны стилистик, от киберпарка до швейцарской типографики! Каждая подборка аккуратно структурирована: вы увидите явные примеры, цветовые схемы и удачные композиции. На примерах легко считываются акценты, шрифты, палитры, сетки — всё, что формирует стиль. 🔗 Ссылка на библиотеку Доска регулярно обновляется и может стать быстрой альтернативой толстой литературе по графдизайну и стилям☺️ #полезное
Изображение поста
Длинный пост про стиль
В 2020 году я выступил в Суздале и рассказал об исследовании истоков русской эстетики (мне кажется, я был первым, кто капнул в этом направлении). Как бы громко это ни звучало, но когда я нырял в эту тему, я ставил себе такую экзистенциальную задачу — найти «свой голос» в культурном процессе начала XXI века! (Местоимение «свой» можно понимать по-разному). Тогда казалось, что мы все говорим не «своими голосами»: мы говорим на голландском, немецком (тут я про Швейцарию скорее), что мы от какой-то эмоциональной несвободы все пытаемся на что-то опереться (на сетку, стиль, канон, референс). Само по себе неплохое стремление (для этого и нужны школы, мастера и традиции), но только вот опираемся мы на «готовое», уже сказанное, переваренное, сформулированное, несвое. Чтобы разобраться в эстетике, я начал с этики, с исследования. Так появилось эссе «розы и слезы» (да и вообще мой проект как таковой). Дальше было самое интересное — я попытался разработать (сам для себя) эстетический метод, стиль, который, на мой взгляд, вытекал (струился) из исследования истоков. Если очень коротко, то три эстетических принципа «самости» звучат так: 1. самодельность (я уверен, что освобождение от «референса» (чужого решения) лежит через болезненную самопальность. «Болезненную», потому что сложно говорить инАково, страшно, непонятно, «что люди скажут»), 2. бесформенность (мы не создали эстетический канон, у нас по сути не сложилась эстетическая традиция, у нас ничего нет, ни-ху-я, буквально! Но — это как бы и есть метод, канон, подход. Отсутствие чего-то — это тоже что-то! Короче, нечего тут бояться, надо просто попробовать развить то, что у нас есть — бесформенность), ну и 3) нравственность — тут все понятно, мы, конечно, не можем просто так, у нас должна быть миссия, мы должны кого-то спасать. Я уверен, что наша категория Красивого еще не сформулирована окончательно, она точно не в Пинтересте лежит, ждет, когда ее найдут и скопируют. Я уверен, что наш голос он вообще не про красивое, как таковое, — откуда у нас взяться красивому (в его западноевропейском понимании). Наше красивое для того же «европейца» скорее некрасивое, непонятное, странное, а лучше даже — страшное! В имидже сверху — анонс открытия ресторана на Трубной, который открывают мои друзья, и для которого я ковыряю айдентику. Логотип нарочито самопальный: от референса до его интерпретации. «Пафосное название» искрится от бытовой и уличной типографики, в которой зарыта не «метафора» (не люблю метафоры), а мое отношение. Трафарет, с одной стороны, максимально формальное решение, техническое, антиавторское, с другой стороны, в нашей с вами реальности — это универсальный формат авторского высказывания, ломающего систему, рамки, диктатуру формы. Мы способны превратить трафарет в манифест самобытности. В нем есть все: драма — рука художника ломает оковы формата, исторический контекст — старославянские мотивы накладываются на советскую пластику. Тут есть все! За рамками постера лежит еще сам стиль/язык проекта, о нем расскажу уже чуть позже. И в качестве послесловия хочу использовать кусок переписки с В. Коломейцевым: «Потому что мы хотим увидеть, что есть наше, и как мы к этому принадлежим. Паттерны, особенности и чудное эклектичное поведение форм в кириллице. Как кириллица отражает себя саму на улице. Буквально — на руках ее делателя, а не в компьютере, держа за пазухой Пинтерест, библиотеку референсов и векторных политипажей. Мы постоянно в поисках самих себя, держа в голове дизайн как принтер идей и ценных бумажек с одной стороны, а с другой — как географ-любитель намечает уже проявившийся облик местности на карту. Все сделано, надо просто про это рассказать, найдя для этого повод. Неуместные жонглеры, которые развлекают и озадачивают публику, отвлекая их от спячки.» ВАЖНЕЙШЕЕ!!! учтонение — источник — это табличка неизвестного ремесленика на одной из стоянок преображенского рынка в Москве, которой со мной любезно поделился Вова Коломейцев (@keyfeer)
Изображение поста