Черный на черном?

Это в любой ситуации не лучший вариант. Соблюдение баланса между слишком большим и слишком низким контрастом крайне важно для создания хорошего опыта взаимодействия с пользователем и удобного интерфейса. Безусловно, использование белого или цветного текста в темной теме увеличит читаемость и облегчит напряжение пользователя. Figma

Каждый раз, когда вижу картинки с моим любимым столом — радуюсь и горжусь, что купила себе такой, не пожадничав и не согласившись на компромиссные варианты.

Variants Randomizer Этот плагин позволит вам создать кучу рандомных вариантов иллюстраций из выбранных вами компонентов. Есть бесплатный период

monocomize

Преобразуйте графику в монохромный вариант с различной непрозрачностью Install
🔥 Одна из самых необычных задач за последнее время
Сделали логотип для проекта МИ Миланы Хаметовой: изначально готовили дизайн под сольный проект в музыке, а в итоге он стал частью постера к сериалу! Сначала собрали выборку референсов по стилю на основе позиционирования, а далее предложили выборку из 10+ абсолютно разных начертаний, чтобы выбрать идеальный вариант. Так глубинно и структурно подходим всегда ко всем проектам: поставьте реакций, если откликается дизайн и наш подход! 👍
📚Книга «Нежное искусство посылать» от Александры Райнварт — книга не про дизайн, но очень полезная для дизайнеров.
Особенно для тех, кто берёт срочные правки в 23:40, соглашается на лишние варианты «чтобы не обидеть» и превращает проект в бесконечную череду уступок. ❗️Для графического дизайнера умение говорить «нет» — это не грубость, а профессиональная гигиена. Не делать десятый вариант логотипа без причины. Не соглашаться на правки, которые ломают концепцию. Не отдавать исходники, если это не было в договоре. Не превращать дизайн в коллективное творчество всех сотрудников клиента. 📍Эта книга хорошо напоминает: границы — не мешают работе, а делают её продуктивнее. Потому что хороший дизайнер защищает не только себя, но и качество проекта. А вам сложно отказывать клиентам, когда просьба звучит «ну это же быстро»? 🥲
🧩 Какой способ управления размерами иконок в дизайн-системе реально работает
Если в дизайн-системе у иконок ограниченный набор размеров, это почти всегда превращается в отдельную архитектурную проблему. Снаружи всё выглядит просто: ну есть 12, 16, 20 и 24 пикселя, что тут обсуждать. А потом выясняется, что один подход удобен библиотекарю, но раздражает потребителя, второй красиво выглядит в теории, но ломается на вложенных компонентах, а третий требует больше ручной поддержки, зато лучше всего ведет себя в реальной работе. Алиса Пакард очень внятно разбирает эти варианты и приходит к практичному выводу: лучший компромисс сейчас это size-свойство на каждом icon-компоненте, а не отдельные компоненты на каждый размер и не обертка для иконок. Потому что этот способ дает больше контроля там, где он нужен, не ломает опыт потребителя и лучше сочетается с preferred swaps и другими паттернами внутри библиотеки. Внутри: – Почему отдельные компоненты под каждый размер иконки быстро захламляют библиотеку; – Зачем подход с variable modes выглядит заманчиво, но плохо масштабируется; – Чем icon wrapper удобен для поддержки, но неудобен в реальном UI; – Почему вложенные иконки внутри кнопок и других компонентов всё усложняют; – Как size-свойство на каждом icon-компоненте решает проблему гибче; – Почему этот подход лучше для preferred swaps и настройки конкретных компонентов; – Какой компромисс приходится принять библиотекарю при таком решении; – Почему в управлении размерами иконок сейчас важнее опыт потребителя, чем удобство внутренней поддержки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Как сегодня изменилась работа дизайнера
Еще недавно дизайнеру приходилось делать почти все вручную: искать референсы, долго объяснять идею, собирать подачу, визуализировать концепцию, продумывать контент, тестировать образы почти вслепую. Сегодня многое изменилось. Теперь дизайнер все больше становится истинным творцом и дирижером процесса, у которого в распоряжении появился ИИ. ➡️ Он придумывает, задает направление, чувствует стиль, принимает решения. А ИИ помогает быстрее реализовать идею, перевести ее в визуал, протестировать варианты, собрать подачу и усилить маркетинг. ‼️ Но это не значит, что роль дизайнера стала меньше. Наоборот. Теперь особенно важны: ▶️вкус ▶️насмотренность ▶️понимание формы ▶️умение направлять ▶️процесс ▶️способность жестко контролировать результат Потому что ИИ сам по себе не создает сильный продукт. Без профессионала он очень быстро начинает производить красивый, но пустой шум. В каком-то смысле мы действительно получили мечту: ты придумываешь - ИИ помогает реализовать. Но есть важный момент. Самый сложный этап в моде по-прежнему там, где идея должна превратиться в реальную вещь. И здесь без конструктора, технолога и золотых рук швей никуда. Потому что красивая картинка - это еще не изделие. Настоящая одежда требует точности, знаний, посадки, материалов, обработки и профессионального исполнения. ✔️Зато огромный пласт маркетинговых задач ИИ действительно перекрывает очень сильно. Визуализация, контент, подача, карточки товаров, оформление витрин, презентации, быстрые тесты идей - все это теперь можно делать быстрее, гибче и интереснее. 📌Именно такие темы мы и разбираем в клубе: как меняется профессия, как использовать ИИ не поверхностно, а профессионально, и как соединять творчество, инструменты и реальную практику. ВСТУПИТЬ В КЛУБ
#10 Dessn хочет пустить дизайнеров ближе к коду
TechCrunch написал про Dessn. Это новый дизайн-инструмент, который поднял $6 млн и предлагает дизайнерам работать ближе к реальному продукту: запускать проект в облаке, подтягивать кодовую базу и менять интерфейс через ИИ. Кажется, что это опять очередной заход на тему «мы сейчас заменим Фигму». Но у Dessn фокус другой. Он полезен командам, у которых уже есть продукт, код, компоненты и рабочий интерфейс. Это не про генерацию с нуля как в Lovable или v0. У Dessn история приземлённее: быстро потрогать изменение там, где продукт уже живёт. В моих проектах этот разрыв всплывает постоянно. В макете всё чисто: нормальные имена, ровные карточки, аккуратные состояния, никаких внезапных ошибок. А потом открываешь прод, и там фамилия на 28 символов, картинка сломалась, тариф закончился, кнопка уехала, а бэкенд вернул что-то весёлое. Фигма в этом смысле прекрасная штука, но она очень легко превращает продукт в красивый симулятор продукта. Вроде всё выглядит убедительно, команда согласовала, можно идти дальше. А потом выясняется, что компонент так не умеет, данные приходят другие, состояние забыли, разработчик смотрит на макет и говорит: «ну это сложно сверстать». Dessn пытается сократить именно это расстояние. Сидеть отдельно в файле и представлять, как оно будет работать, уже мало. Хочется быстрее проверить идею на живом продукте. В таком сценарии пользы больше, чем в ещё одном генераторе красивых карточек. Хотя тут легко представить и обратную сторону. Если дать всем возможность быстро менять интерфейс через ИИ, в команде сразу начнётся спор за ответственность. Дизайнер поправил, разработчик не понял, продакт попросил ещё три варианта, кто-то на встрече сказал «а давайте попробуем», и вот уже продукт превращается в песочницу для идей. Поэтому без нормальных правил такое тоже быстро поедет. Основатели Dessn, кстати, не хотят делать связку с Фигмой. Считают, что это снова утащит команды от прода. Спорная мысль, но логика понятная. Они хотят строить инструмент вокруг места, где продукт уже работает, а идеальный макет остаётся в стороне. У них ещё в планах связки со Слаком и заметками со встреч. Типа обсудили что-то в команде, и из этого можно быстрее собрать прототип. С этим я пока осторожен, потому что «из созвона сразу в интерфейс» звучит красиво только до первого созвона, где все говорили разное и никто ничего не решил. В целом мне такие инструменты интереснее, чем очередные генераторы красивых карточек. Меньше вау на демке, зато ближе к реальной работе. Главное, чтобы это не превратилось в режим «каждый накидал по промпту, а потом разработка разгребает». Но мне нравится то, что щас все намекают дизам на то, что пора начать разбираться в коде) И скоро диз без этого навыка будет уже не так хорош. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Вы часто интересуетесь дизайн-системой и принципами ее построения.
Поэтому сегодня в Вышке проведем лекцию на тему «Правила создания компонентов» Поговорим о том, как строятся компоненты в дизайне – как логичная, масштабируемая система, которая экономит время и упорядочивает структуру. Разберем, как проектировать компоненты так, чтобы ими было удобно пользоваться, поддерживать и развивать вместе с продуктом. 📌 На лекции обсудим: • пример компонента и массовое редактирование; • атомарность: из чего складывается система; • Auto Layout и его роль в гибкости интерфейса; • варианты компонентов и зачем они нужны; • скрытие элементов внутри компонентов; • как вложенность влияет на производительность и оперативную память. Лекцию проведет Ксения Литвак (продуктовый дизайнер, дизайнер дизайн-систем в Voximplant) ➡️ Подключайтесь сегодня в 19:00 (мск) на Boosty
Тред в твиттере по созданию Accessibility интерфейса на основе маштабируемых шрифтов с помощью вариантов.
#11 Фигма запустила агентов прямо на холсте
Вот теперь история с ИИ в Фигме стала совсем прямой. Сначала они подключали внешних ребят через MCP, дружили с Claude Code, Codex и другими агентными инструментами. А теперь, по данным TechCrunch, Фигма добавляет собственного ИИ-агента прямо на совместный холст. Работать это должно так: пишешь запрос, агент создаёт новый дизайн, правит существующий экран или делает несколько вариантов того, что уже лежит в файле. Причём можно запускать сразу несколько агентов, чтобы они параллельно делали разные задачи. Выглядит как логичный следующий шаг. Если кодовые агенты уже умеют лезть в Фигму, тащить оттуда контекст и что-то собирать по макетам, то странно было бы Фигме самой оставаться просто местом, куда агент приходит в гости. Агенту проще жить там, где уже лежит вся продуктовая логика: компоненты, стили, состояния, комментарии, старые решения и люди, которые всё это обсуждают. Главный вопрос теперь: понимает ли агент, зачем этот экран вообще существует? Вот это для дизайна намного интереснее самой генерации. Нарисовать пять вариантов карточки уже не вау. Вау будет, если агент поймёт, что в этом продукте нельзя брать старую кнопку, что пустое состояние должно быть таким, что у мобильной версии другой сценарий, что в этой таблице пользователь ищет быстрый ответ итд Фигма говорит, что агент понимает дизайн-контекст и элементы, потому что работает на моделях, дообученных под дизайн-задачи. Хорошо, если так. Потому что обычная ИИ-генерация интерфейсов часто выглядит как человек, который насмотрелся красивых дашбордов, но ни разу не сидел на созвоне, где обсуждали реальную роль этого дашборда в продукте. Тут важен сам факт, что агент появляется на совместном холсте. Холст в Фигме всегда был местом, где команда смотрит на одно и то же. Дизайнер двигает блок. Продакт спорит про сценарий. Разработчик спрашивает, что будет в краевом случае. Кто-то оставил комментарий три недели назад и испортил всем настроение. Теперь туда добавляется ещё один участник. Он не устает, не обижается и может за минуту накидать десять вариантов. Польза очевидная, пока не представляешь реальный файл большой команды. Там же начнётся веселье: 1. один агент сделал вариант главного экрана 2. второй поправил состояние ошибки 3. третий решил «улучшить» компонент 4. дизайнер вручную вернул половину назад 5. продакт спросил, кто вообще это предложил Фигме придётся очень аккуратно проектировать ещё и следы работы агента. Что он поменял. Почему поменял. Где его вариант. Где человеческое решение. Что можно откатить. Что ушло в обсуждение. Что осталось просто черновиком. Самый полезный агент в Фигме будет не тем, кто рисует красиво. Скорее тем, кто быстро приносит материал для обсуждения: черновик, краевые случаи, варианты, странные состояния. Такой быстрый помощник, которому можно дать скучную задачу, но всё равно надо смотреть за руками. И это нормальная роль. Дизайнеру редко нужен кто-то, кто сам всё решил. Чаще нужен тот, кто быстро принесёт материал для обсуждения. А дальше уже начинается работа: понять сценарий, убрать лишнее, проверить состояния, привести в чувство и принять решение. Если Фигма сделает агента именно таким участником холста, это может быть сильная штука. Если просто добавит генератор экранов внутри файла, будет весело первые две недели, а потом все снова вернутся к ручной уборке после ИИ. Я, честно говоря, ко всей это аи агентской приколюхе в дизайне именно отношусь очень скептически. Вышли уже десяток продуктов по генерации и все сдохли. Ни одного продукта я не знаю, кто там на слуху и им прям пользуются. Код да, дизайн, увы, пока нет. А вы что думаете?) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Самая дорогая покупка в ремонте
Речь, конечно же, про кухонный гарнитур. И именно на нем чаще всего люди теряют сотни тысяч рублей. И не потому, что выбрали «дорогой вариант», а потому что не понимают, где действительно стоит потратиться, а где им просто продают лишнее. Можно переплатить за бренд, фасады, фурнитуру, неудачную комплектацию, сложные модули, ненужные решения и при этом получить кухню, которая через год будет раздражать каждый день. А можно собрать кухню в разы дешевле, но с умом: без потери качества, эстетики и удобства, но с нормальной экономией на тех местах, где она действительно возможна. 📱 На YouTube-канале студии вышел короткий, но очень полезный ролик о том, как экономить при выборе кухни. Рассказали про решения, которые мы используем в проектах каждый день и которые помогают нашим заказчикам не сливать бюджет туда, где это вообще не дает интерьеру никакого плюса. Если вы сейчас планируете ремонт, выбираете кухню или уже получили первый расчет и немного поседели от суммы — очень рекомендую посмотреть. https://youtu.be/telgiI_rtJY?si=QO7sMW5njPjMzTuJ
🌟МОЯ ПЕРВАЯ ОБЛОЖКА КНИГИ
Когда пришёл этот запрос, я понял, что это будет другой уровень. Не лэндинг, не баннер, не логотип. Настоящая печатная книга. Крупный тираж. «Правда всем» — так называется книга Романа Василенко. Доктор экономических наук, основатель международной бизнес-академии (МБА) в Петербурге, предприниматель. 23 стратегии создания капитала — и всё это должно считываться с обложки с первого взгляда. Мне прислали исходные фотографии автора и пожелание: добавить на обложку яхту (его яхту😳). Фото яхты не было. Нашел только 3D-рендер с сайта производителя, но вопрос авторских прав, нельзя было игнорировать. ♻️ Решение: на основе рендера создал собственное изображение с помощью платных ИИ-инструментов. Долго, но дешевле, чем заказывать фотосессию для яхты. Клиент дал мне полную свободу в принятии решений. Это одновременно и подарок, и огромная ответственность. Когда клиент полностью доверяет — получается лучшее из того, что я делаю: ⚡️Обложка была утверждена с первого раза После этого я проконсультировал заказчика по вёрстке страниц. Издательство прислало несколько вариантов, из каждого выбрал сильные решения, а слабые разобрал по деталям и довел вёрстку до финала. 🔥 Первый опыт в книжном дизайне такого масштаба. Было непросто. Было интересно. Получилось — и я этим доволен Если вы предприниматель и планируете книгу, презентацию или любой визуальный продукт, который будет представлять вас на серьёзном уровне — напишите мне, и я разработаю для вас дизайн, с которого начинается доверие. ⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️ 💬 Написать в Telegram 🚀 «Как вывести сайт в топ»Посмотреть кейсы
ИИ vs Человек: метаанализ исследований креативности ⭐️
В последние годы каждые пару месяцев учёные выпускают новые исследования, посвященные сравнению человеческой креативности с искусственным интеллектом. Выводы разнятся в зависимости от методологии, выборки и других нюансов. Иногда они кажутся неутешительными. Например, январское исследование показало, что ИИ уже превосходит среднестатистического человека по креативности. Однако свежий метаанализ 28 работ предлагает другой взгляд на проблему. Человеческая креативность действительно сравнима с ИИ Метаанализ подтверждает: креативные результаты современных моделей ИИ почти не отличаются от человеческих. Однако в исследовании появляется третья переменная — креаторы, которые используют ИИ. В работе проанализировали 8214 участников разных исследований и сравнили их результаты между собой. Оказалось, что креативность тех, кто работает в связке с ИИ, значительно превосходит креативность как генеративный моделей, так и людей, полагающихся только на свои силы. ИИ — креативный партнёр, но есть нюанс В метаанализе оценивалась не только эффективность решения творческих задач, но и разнообразие генерируемых идей. И хотя креаторы, работающие в паре с ИИ, оказались эффективнее, они предложили меньше разнообразных идей. Возможно, дело в том, что для решения задач потребовалось меньше вариантов. Если это так, то это ещё один аргумент в пользу применения ИИ в работе. И хотя такие результаты настораживают, вот за что точно можно не переживать: пока симбиоз человека и машины показывает лучшие результаты, бездушный ИИ не отнимет у креаторов работу. #КНП_исследования 🔵 Канал о креативе, креативности, творческом мышлении и полезных инструментах
🤓 Дизайн — Разминка №97
💛 Инфоповод 🩵 Spotify обновил иконку. плоский зелёный круг стал объёмным диско-шаром. дверь открылась — значит можно заходить 💕Задача предложи свой вариант иконки Spotify 💜Правила сам логотип не трогаем — три волны остаются всё остальное можно: форма, цвет, текстура, стиль, материал 💚Фокус любой эксперимент приветствуется главное — объясни что сделал, почему такое решение и с чем это ассоциируется 💙Время ⏱ 30 минут 💚Результат 1-2 варианта + короткий комментарий к решению. За анимацию респектос 🩷Дедлайн 2 дня 19 мая Обсуждение: t.me/Designwarmups_chat Сайт designwarmups.com #97_ДизайнРазминка​​​​​​​​​​​​​​​​
4 книги для тех, кто рисует моду
Если вы хотите научиться профессионально рисовать fashion-эскизы, понимать форму одежды и визуализировать идеи как настоящий дизайнер — эти книги стоит знать каждому. ✨ Figure Drawing for Fashion Design Vol. 1 Одна из самых известных книг по fashion-иллюстрации. Здесь подробно разбирается построение женской фигуры, пропорции, позы, пластика тела и подача эскиза. Книга помогает не просто “рисовать красиво”, а создавать выразительные fashion-образы с характером. Отлично подойдет студентам, дизайнерам одежды и всем, кто хочет уверенно рисовать фигуру в fashion-стиле. ✨ Figure Drawing for Fashion Design Vol. 2 Настоящая база по техническому рисунку одежды и fashion flats. В книге показано, как переводить объемную одежду в понятный технический чертеж для производства. Разбираются разные типы изделий, детали кроя, посадка, материалы и оформление технических рисунков. Очень полезна тем, кто хочет работать с производством, создавать коллекции или делать профессиональные tech packs. ✨ Figure Drawing for Men’s Fashion Редкая и очень ценная книга именно по мужской fashion-иллюстрации. В ней подробно показано построение мужской фигуры, особенности мужских силуэтов, подача тканей, одежды и аксессуаров. Подойдет тем, кто хочет глубже понимать мужскую моду и научиться рисовать мужские коллекции профессионально. ✨ Fashion Details: 4000 Drawings Настоящая энциклопедия fashion-деталей. В книге собрано огромное количество вариантов воротников, складок, драпировок, карманов, рукавов, вырезов и декоративных элементов. Это не просто книга, а бесконечный источник вдохновения для дизайнеров одежды, иллюстраторов и студентов fashion-направлений. Эти книги — уже практически классика fashion-образования. Именно на таких материалах формируется визуальное мышление дизайнера одежды.
📚"Nudge" Ричарда Талера и Касса Санстейна
Книга про то, как небольшие изменения в среде влияют на решения людей. Не через давление и манипуляции, а через архитектуру выбора: порядок вариантов, формулировки, настройки по умолчанию, визуальные подсказки. Почему это полезная книга для дизайнеров? Мы постоянно направляем внимание человек и влияем на его поведение. 🔸Например, в меню кафе можно просто перечислить позиции, а можно через верстку и акценты мягко направить выбор: выделить авторские напитки, поставить их выше, добавить маленькую пометку «выбор бариста» или визуально отделить их от базового меню. Формально выбор остаётся свободным, но дизайн помогает человеку быстрее принять решение. Хорошая книга, чтобы перестать думать о дизайне только как о «сделать красиво» и начать видеть в нём систему решений.
Рукописные шрифты заинтересовали прямо. Если в тех еще разбираешься более менее, что-то там двигаешь, в универе послушал, порисовал, что-то понял. То вот рукописные прям сложнее понять как строить и не испортить читаемость
Ирина Прям частый запрос оказался И кто я такая, чтобы игнорировать этот зов. Рукописные шрифты намного-намного разнообразнее гротесков и антикв. Если у этих товарищей по сути меняются только толщины, пропорции, наклоны и варианты начертаний, то у рукописных варьируется буквально ВСЁ. Пропорции, толщины, наклоны, начертания... хотя стоп. Это же то же самое... И да, и нет. Логика точно та же — сначала создаём графему, потом натягиваем на неё стилистическое мясо. Самое сложное: сохранить единую стилистику, чтобы все буквы выглядели родными. Секрет тут в повторяющейся логике направляющих. Записала для вас наглядное видео. Будет ли об этом в интенсиве? Похоже, что нужно добавлять! Может сделать это бонусом для первого потока — как моя благодарность за доверие? 🌸
В чём проблема создавать уникальные шрифтовые решения с помощью ИИ?
Можно же просто кинуть ему референс и вауля! У меня самой уже таких решений в портфолио хватает. Нормальный вариант. В принципе, если вас не увлекают процессы в работе дизайнером, то это прям рабочий вариант. Дёшево и сердито. У меня даже курс об этом есть за 3900 Прям да. И всё же. Мда. Это хороший такой крепенький середнячковый вариант. Когда мы вообще не берём во внимание призвание и чисто выполняем функцию. И готовы сражаться с усреднённым-однообразием ИИ решений и нелюбовью ИИ к кириллице В придачу к лёгкости тут придёт страх, что любой может так же как и я. И это будет правдой. Ну, не прям – любой. Но почти любой. Мне важно иметь выбор и опору на свои навыки. Я могу то, что многие не могут. Это не только отличает меня, но наполняет меня уверенностью, ощущением собственной аутентичности. Я могу сделать шрифтовой лого в ИИ за 30 секунд. Я могу создать вручную каждый штрих, каждый изгиб, каждую, простите, клюшку у буквы Л. Я могу комбинировать ИИ и свои навыки. Это даёт мне творческую свободу и профессиональную значимость. В этом я вижу единственную перспективу для дизайнеров в 21 веке. 😎 Го в клуб тех, кто тоже может этим выпендриваться и наслаждаться? Присоединиться к интенсиву “Это ЗНАК” Задать Ксюше вопросик