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

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

WIM.Agency — digital-агентство омниканальной коммуникации. Задачи: — большая часть работы, до 90%, будет состоять из дизайна email-рассылок, но опыт в этом не обязателен, мы научим — также периодически необходимо будет создавать landing pages, баннеры, геймификации Ожидания: — наличие портфолио с коммерческими работами: лендинги, баннеры, будут плюсом рассылки — опыт работы в Figma, After Effect, базовые навыки в нейросетях: Midjorney, Sora и в UX/UI — внимание к деталям, а именно: к системе отступов, распределению акцентов, грамотному использованием пространства Условия: — полная удаленка — график работы: 5/2 с 10 до 19 по Мск — оплата почасовая — адаптация: у тебя будет наставник — даем доступ к корпоративной Figma, а также к Shutterstock, Unslpash, Sora, Midjourney → #79284c383de74732852a629c362ec144">Почитать подробнее Контакт для отклика: @Career_WIM_Agency_bot #дизайн

Изучаем Material Design 2: взгляд на статью №3 из 6 Читать на дизайнерс | #статья

Изучаем Material Design 2: взгляд на статью №3 из 6 Читать на дизайнерс | #статья

Саша рассказала о своём пути от графического дизайнера до продуктового, работая над ERP-платформой. Будучи единственным дизайнером на проекте без опыта работы с большими продуктами, она столкнулась с хаосом из сотен экранов без консистентности и структуры. Главной проблемой стало отсутствие базовых инструментов: переменных, системы отступов, методологии. Она самостоятельно освоила современные возможности Figma через YouTube-ролики и эксперименты, создав Systematic Color Workflow с 400+ токенами. Правда, позже поняла, что можно было ограничиться только реально используемыми стилями и не усложнять работу фронтенда. Внутри: – Как создать Color Mixer для формирования консистентной палитры; – Почему текстовый компонент может перегружать макеты при сотнях экранов; – Зачем сразу определять правила отступов и брейкпоинты; – Как Variants, Boolean и Auto Layout ускоряют работу; – Почему пришлось аргументировать переход на платную версию Figma; – Какие ошибки можно было избежать с опытным ментором. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

WIM.Agency — digital-агентство омниканальной коммуникации. Задачи: — создание дизайна полного спектра графических материалов, таких как полиграфия, наружная реклама, POS-материалы, web баннеры Ожидания: — опыт в графическом дизайне не менее 2 лет — внимание к деталям, а именно: к системе отступов, распределению акцентов в соответствии с их важностью, грамотному использованием пространства, а также проработки типографики — стек: Illustrator, Photoshop, InDesign, Figma Условия: — удаленка, занятость 2-4 часа в день, важно быть на связи с 10 до 19 по мск пн-пт — почасовая оплата + официальный контракт — даем доступ к корпоративной Figma, а также к Shutterstock, Sora, Midjourney Контакт для отклика: @Career_WIM_Agency_bot #дизайн

Пока сильнее всего это проявляется в дизайне Реально, даже не задумываясь, если я замечаю тонкие колебания цвета, то сразу делаю кадр ярче и нахожу то, что обычно «практически» незаметно 🧐 С текстом та же история: если мне интересно, я читаю даже самый мелкий шрифт и пытаюсь понять, что там спрятано, обращая внимание даже малейшие отклонения в отступах — Ну и если вернуться к мелкому шрифту, и отбросить вопросы про CTR и маркетинг, то он просто выглядит стильно и минималистично! Мелкий набор текста часто создает аккуратную эстетику, в связке с крупным текстом Да о чем говорить: на ноуте 15" у меня стоит уменьшенное системное масштабирование (примерно 75%), а курсор минимального размера. Просто так комфортнее 😆 Поэтому мелкий текст для меня не способ спрятать проблемы с компоновкой, это осознанный выбор и часть визуала Если клиент попросит, я сделаю крупнее. Но себе оставлю версию с мелким текстом! Такие мысли. А как вы относитесь к мелким деталям или тексту? 👇🏻

Добавил в скрипт, который подгоняет размер артбордов под их незаблокированное содержимое, больше контроля над процессом. Гибкий выбор артбордов Теперь нет ограничения диапазоном «от и до». Можно перечислить нужные артборды через запятую (1, 3, 5) или задать группу через дефис (2-8). Контроль над сторонами артборда Раньше скрипт менял размер артборда со всех сторон. Теперь можно выбрать, какие именно стороны подогнать под контент. Например, можно изменить только высоту артборда, оставив ширину неизменной. Отступы в процентах Кроме фиксированных значений в единицах документа, можно задавать отступы в процентах от размера содержимого. Например, если установить Left и Right по 50% — слева и справа будет пространство, равное половине ширины контента на артборде. Скачать скрипт #illustrator #artboard

Где бы взять волшебную палочку, чтобы проекты не только доделывались, но и начинали работать? Возможно, именно об этом тайно мечтают все проджекты, арт-директоры и бренд-дизайнеры, когда проект уже почти собран, но всё ещё «не летает». Подмигните нам, если это правда ⚡️ Вместо палочки наш шрифтовой дизайнер Виталий Кузьмин предлагает использовать… напильник! Как именно его использовать в дизайне и провести финальную шлифовку проекта Виталик расскажет 18 октября на удалёнке от Мультибрендинга. Приходите послушать! Виталий — шрифтовой и графический дизайнер, леттерер и график, автор PT Root, PT Root UI, Sober Sans, соавтор Golos UI и Golos Text. Работал над шрифтами для Dodo Pizza, ВТБ и Сбера (проекты получили Red Dot, ED Awards, GRANSHAN). Лирическое отступление: когда делаешь шрифты, привыкаешь к режиму марафона. Нельзя с наскока или за спринт собрать шрифт с человеческим кернингом, который будет адекватно отображаться на экране и работать, например, в условиях плохой видимости. Поэтому шрифтовые дизайнеры очень хорошо знают, что такое долгие и сложные проекты 🐶

В дизайне персональной страницы несколько уже устойчивых трендов. Крупная типографика. Преломление через рифленое вертикально стекло, оптические эффекты преломления с пошаговым отступом. Смотрится хорошо, естественно и в общем стиле, но уже хорошо знакомо глазу и не создает сильного образа индивидуальности. Дизайнер: Stella Petkova

Учитываете или обычно используете геометрические? 🖼️ Хороший интерфейс

— Оч круто переработал — Интереснее чем крупных дизайнеров смотреть 👆 Приятно читать вашу обратку на вчерашний разбор Кто ещё не видел: 🎞 Смотреть ← 🔥 Накидайте реакций на пост, если нравится такая рубрика. Могу на след неделе ещё один разбор дропнуть, но уже чисто по дизайну 🎨 Буду придираться к сетке, типографике, отступам, длине строки и тд — такого ещё не было на канале

Еще подростком, когда ходил в художку, мог нарисовать хороший пейзаж за 2 дня и еще 7 дней доводить его до идеала.. В работе также — не мог делать задачи быстро и хорошо на 7/10. Задрачивал дизайн по пикселям, 20 минут выбирал фотку из трёх одинаковых или несколько часов убирал эти ебучие висящие предлоги на сайтах 😳 Чересчур обращал внимание на детали. Одновременно гордился этим и корил себя, что много времени сливал на неэффективные действия 📉 ————————— Но нашел этому простое решение. Я начал задавать себе вопрос: «Важно ли кому-то видеть выполнение данной задачи на 10/10?» В 80% СЛУЧАЕВ ОТВЕТ «НЕТ»: 1️⃣ Ну доведу я до идеала макет по отступам, висящим предлогам, теням и пикселям. Клиент не увидит разницы. Лучше уделить больше внимания структуре сайта и текстам — чтобы конверсия была выше 2️⃣ Как оказалось, на моей аватарке канала никто не заметил зеленый стремный «фонарь» под глазом, который я тщетно пытался убрать целый час 3️⃣ Стоит ли 3 часа перебирать шрифты для проекта? Когда можно сразу взять универсальные Inter и Montserrat. Лучше время потратить например на поиск нового клиента и заработать 50 тыс рублей ————————— Я научился отделять второстепенное и больше фокусироваться на том, что действительно двигает меня вперед и делать это на 10/10: поиск клиентов, продажи и изучение маркетинга сайтов 👨‍💻

Пока все проходят «написябрь» от моих друганов Юли и Антона, у меня моя фаза «неписября», потому что чутка я подзамахалась, ну, сами понимаете. Хочется спокойствия, умиротворения и слияния с бесконечным вечным, как говорится. И в своем «неписябре» я добралась, наконец, до чтения. Целый месяц ничего не читала и уже чувствую, как мозг усох. Сейчас читаю «Невыносимая легкость бытия» Милана Кундеры — ненавязчивая психология с нотками романтики (ну я девочка, люблю иногда такое, каюсь). И в самом начале книги было лирическое отступление об идее вечного возвращения — это если бы мы проживали свою жизнь снова и снова, без изменений, повторяя одни и те же действия. И, знаете, это так отрезвило. Просто задумайтесь: если бы любой ваш поступок, любое ваше слово или действие повторялось бы из раза в раз до бесконечности, стали бы вы совершать этот поступок, действие или говорить эти слова? (А тревожникам и представлять не надо, хихик). «В мире вечного возвращения на всяком поступке лежит тяжесть невыносимой ответственности» Представляете, насколько бы мир стал лучше, если бы каждый хоть на несколько минут задумался о том, что его поступок не пройдет бесследно, не забудется и не будет прощен, а будет вечно возвращаться. Насколько бы всем людям показались бы глупы и нелепы интриги и клевета, которые они разносят против других; насколько бы ценна была бы человеческая доброта и теплота. Каждый поступок мы бы взвешивали и не разбрасывали бы словами и обещаниями направо и налево. Такие вот задумчивые дела, мои чюваки! А вы бы прожили свою жизнь без изменений заново? Ни о чем бы не жалели?

Модуль помогает автоматически упорядочить элементы по сетке. Для этого нужно выделить объекты, задать ширину отступа и количество столбцов, а затем нажать «Применить». Если ничего не выделять, то инструмент выровняет сразу все элементы верхнего уровня на странице. В плагине есть функция сортировки, чтобы расположить объекты в алфавитном порядке. Готовую сетку можно сохранить и в дальнейшем применять ее к проектам в один клик. #Plugin ОТКРЫТЬ

Нажми Shift + M, чтобы измерять отступы. Так проще настроить высоту строки и размеры авто-лейаута.

• Возможность в одном окне настроить все базовые параметры, которые влияют на внешний вид • размеры, отступы, цвета, типографику, скругления. #Service #Style Открыть на сайте

🔹NEW Pixso Мы опубликовали несколько библиотек дизайн-системы Consta в Pixso (Beta): На цветовых переменных: – Consta UI-Kit – Consta Table – Consta Graphics На старых цветовых стилях: – Consta Charts – Consta Drill Elements Для обратной совместимости: – Consta Default, Dark, Display Colors – Consta Default Typography – Consta Spaces ⚠️ Почему Beta? Некоторые компоненты могут работать с ошибками. Мы уже знаем о части из них, а про другие можем узнать только от вас :) Будем благодарны за обратную связь. В ближайшие недели постараемся довести библиотеки до максимального сходства с Figma. Ссылка на библиотеки в Pixso Что дальше: Готовим публикацию оставшихся библиотек и параллельно переезжаем на Variables (шрифты, отступы). Еще кое-что для Pixso: Мы сделали плагин Consta Props Styler — он строит таблицу свойств для компонент-сета в один клик (по аналогии с Propstar в Figma). Забрать можно здесь. 🔹NEW Figma – Перевели Consta UI-Kit на цветовые переменные. Теперь в библиотеке нет отдельных версий под каждую тему — переключение делается прямо в настройке Appearance → Variable Mode. – Навигация в менеджере ассетов стала проще. Что дальше: Переезд шрифтов и отступов на Variables. Обновление UI-Kit выйдет в ближайшие пару недель, затем подтянем и остальные библиотеки. 🔹Компоненты в UI-Kit – NEW Banner — статусная плашка с кнопками для закрепленных сообщений. – NEW File Icon — новая иконка формата файла: много предзаготовок + возможность собрать свою. – Tag — иконка теперь настраивается через Boolean-свойство, поправили размеры для S и XS. – Badge — выбор иконки вынесен в список свойств. – Groups — компоненты, у которых есть Group-версия, сделали отдельными от групп, как на портале: – AvatarGroup (добавили настройку View для всей группы разом) – SwitchGroup – BadgeGroup – CheckboxGroup – CollapseGroup 🔹Еще кое-что для Figma Сделали плагин Consta Style Replacer. Он помогает заменить цветовые стили на переменные по совпадению имен. Если библиотека опубликована в вашей команде — заведите у себя переменные и замените стили за пару кликов. В следующей версии добавим возможность работы с переменными из удаленных библиотек. Смотреть в Figma community Стэй тунед!

Привет! На связи команда Consta, и мы к вам с новостями. Темизация и цветовые токены Мы готовимся к масштабному обновлению механик работы с темами — как в дизайне, так и в коде. Что изменится: • Откажемся от расчёта оттенков цветов через PostCSS в переменных компонентов. • Вместо этого введём Color Ramps — цветовые шкалы, построенные на базе базовых цветов. Оттенки из Color Ramps будут использоваться внутри компонентов. • Для удобства кастомизации тем разработаем инструмент генерации Color Ramps, чтобы вы могли создавать их самостоятельно. • Расширим набор цветовых переменных и статусных цветов для более гибкой работы с состояниями компонентов. • Обеспечим полную связку дизайна и кода — все цветовые и другие переменные будут синхронизированы. Плавный переход Для комфортного перехода текущие значения переменных перенесём в Figma Variables вместо старых стилей. Со следующей среды начнём публиковать группы компонентов, уже переведённых на переменные. Этот шаг — промежуточный этап перед полным обновлением тем. Пока в Figma Variables мы выносим только цвета, но скоро добавим шрифты, отступы и другие параметры для полной синхронизации с кодом. Кроме того, мы разработали плагин, который позволит быстро заменять стили на переменные в существующих компонентах — это упростит перевод ваших кастомных компонентов на новые цветовые переменные. Consta в Pixso В связи с выходом Pixso 2.0 готовим запуск Consta UI-Kit в этом инструменте на базе переменных. Ожидайте публикацию уже на этой неделе! Стэй тунед!

Изменяйте типографику, не заходя в Настройки блока. Чтобы вызвать меню, зажмите Cmd/Ctrl и кликните на текстовый элемент левой кнопкой мыши. Или кликните правой кнопкой на текст → Типографика. В появившемся меню можно задать цвет, размер, насыщенность текста, отступы, регистр и другие параметры. #tildaupdates