🎨 Как в Фигме рождаются продуктовые иконки

Эмма Вебстер рассказала, как дизайнер Тим Ван Дамме создавал и переработал набор иконок для расширившейся линейки Фигма. Он собрал простые правила: единичная толщина линий, ровные вырезы, скруглённые торцы, баланс по сетке и три размера под разные носители. Такой каркас помогал быстро отсекать неудачные варианты, которые терялись на маленьких масштабах или расползались на билбордах. Дальше шли сотни итераций и проверка на целостность набора. Тим нащупывал суть каждого продукта, брейнштормил образы, превращал идеи в десятки версий и искал отклик в команде, иногда полностью меняя направление. В финале сводил шесть кандидатов, сверял с гайдами и ощущением семейного сходства, чтобы новый набор выглядел как единый голос Figma. Внутри: – Базовые правила контура, вырезов, скруглений и размеров; – Отбор по масштабу от тулбара до билборда; – Поиск метафор под продукт и списки ключевых смыслов; – Сотни вариантов от пчёл для Buzz до стикеров для FigJam; – Командная обратная связь и отбрасывание лишнего; – Финальный отбор шести иконок по гайдам и целостности. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

— Забирай бесплатно внизу (ограничено) один из лучших моих уроков из курса по нейросетям 👇🏻 Внутри показываю, как через Midjourney & Adobe FireFly создаю топовую киношную графику, вообще почти не рисуя ручками. А еще сегодня последний день ⚠️, когда можно взять новый актуальный курс по нейросетям всего за 3.900 рублей вместо 9.900 рублей по предзаказу. За полгода в нейронках все очень сильно поменялось… и мой старый модуль по ИИ уже стал не совсем актуальным. Так вот… Это будет полностью перезаписанный модуль по нейронкам, который адаптирован как под нулевых новичков, так и под очень опытных дизайнеров. Причем я вижу, что вам уж очень интересно все это (судя по количеству оплат… 😳) Зачем тебе NeuroGuide: — Узнаешь такое профессия Нейродизайнер, и на каких услугах можно зарабатывать дизайнеру даже без опыта (!) — Нейрофотосессии: Как делать супер-реалистичные фото и зарабатывать на этом — Анимация и генерация карточек товара в нейросетях — Ультра-реалистичные коллажи в пару кликов — Как приручить нейросети: твой личный ментор, маркетолог, арт-директор и продажник По факту прохождения курса ты получишь выжимку моего опыта, которая полностью перевернет твое представление о дизайне. Так, что даже человек с улицы сможет пойти и начать продавать ✨ Опытные же смогут очень сильно выделиться на фоне конкурентов, тоннами постить качественные работы в Pinterest и Behance ⭐️ Знаете же да, этих дизайнеров, которые кричат что конкуренции нету…? Ну в целом да, когда делаешь очень красиво и быстро — ее мало… ) Программа NeuroGuide 👇🏻 [12+ уроков] Урок 1. Зачем дизайнеру нейросети: 10 задач, которые экономят кучу времени и приносят новых клиентов Урок 2. Промпт-инжиниринг без боли: как получать нужный результат с первого раза Урок 3. Midjourney: киношная графика, которая выделит тебя среди тысяч дизайнеров Урок 4. Sora и GPT: как визуализировать любую идею Урок 5. Flux и Krea: новый уровень реализма Урок 6. Firefly: Генеративная магия Урок 7: Recraft: SVG, иконки, иллюстрации Урок 8: Мои связки нейросетей: как собрать мощную систему под любые задачи Урок 9: Кейс: как я сделал киношную презентацию с помощью нейросетей Урок 10: Какие услуги можно продавать с помощью нейросетей Урок 11: Как сэкономить на нейросетях 100К в год: мой оптимальный набор + лайфхаки Урок 12: Твоя ИИ-команда — от стратегии до продаж и поддержки Уроки 13-14: Секретный бонус 🔒 Повторяю… УРОК ДАЮ БЕСПЛАТНО ТОЛЬКО СЕГОДНЯ ⚡️ Переходи по вот этой ссылке и подавай заявку! Там тебя будет ждать урок. Тут в канале его не будет. Так что потом не пишите в личку, что пропустили. А чтобы купить прямо сейчас всю актуальную базу по нейросетям NeuroGuide — пиши в личку «Хочу Нейрогайд» Кто посмотрит урок — благодарности и отзывы в комментарии 👇

UX Teddy рассказали, как сделать уведомления понятными и заметными, разделив их на три формата — модальные окна, баннеры и всплывашки. В каждом случае важно соблюсти четкую структуру, чтобы пользователи вовремя замечали сообщение и принимали осознанное решение. В статье объяснены ключевые отличия: модалки с разделителем и текстовыми кнопками, баннеры с иконкой «X» в шапке и лаконичные всплывашки с тенью и вертикальными кнопками. Правильное расположение и визуальная иерархия помогают избежать путаницы и снизить визуальный шум. Внутри: – Модальные окна с заголовком, текстом, разделителем и текстовыми кнопками; – Баннеры в шапке с иконкой «X» и широким текстом; – Всплывашки в углу с тенью и вертикальными кнопками; – Общие принципы структуры и размещения для всех форматов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Освоите 3D в Adobe Illustrator | Полное руководство Готовы освоить основы 3D-дизайна в Illustrator? В этом видео Dansky покажет вам все, что вам нужно знать, чтобы превратить плоский дизайн в потрясающую 3D-графику. Будь то иконки, текст или логотипы, вы узнаете, как воплотить их в жизнь в Illustrator! 00:00:00 Введение 00:00:28 Превращайте 2D-графику в 3D 00:13:08 3D (классический) 00:20:25 Создание логотипа с помощью 3D-основы 00:29:40 Нанесение 3D-надписей с помощью Blend 00:37:13 Инструмент Mesh (Сетка) 00:41:11 3D-иконки в Illustrator + Dimension 01:05:00 Фотореалистичное 3D-моделирование 01:22:39 Заключение Автор Dansky

Набор из 63 классных 3д иконок для проектов на тему животных. 🔍Скачать иконки🔍 #иконки

Иконки Figma

Самая обширная библиотека иконок теперь в . Это плагин с миллионами иконок, благодаря которому вы быстро подберёте свой стиль, используя фильтры и цвета, а также перетаскивая значки PNG прямо в свой дизайн. К сожалению плагин использует только иконки в формате PNG, но уже в скором времени обещают добавить SVG формат для Premium пользователей. Ссылочка на плагин — Flaticon

Бесплатный регулярно пополняемый набор иконок — классических и анимированных. Через плагин можно добавлять статичные версии, а для разработки скачать Lottie-анимации с сайта. А для тонкой настройки доступны исходники в After Effects. #иконки Людочка, плагины – отборные плагины в Фигме

Это подборка из 10 качественных 3D иконок на медицинскую тематику. Все они бесплатные для личного и коммерческого использования. Иконки Figma

🌀Посмотреть иконки🌀 #materials 💚 Figma и точка

Большой набор медицинских иконок — 300 штук в трёх стилях: простые глифы, контурные и двухцветные. Векторные, легко настраиваются, есть SVG и PNG в нескольких размерах. Подходят для любого интерфейса — от приложений до веба. #иконки Людочка, дизайн – ресурсы для дизайнеров

В Figma также можно настраивать сетку. Вы узнаете как её включить, убрать и настраивать для создания дизайна. 1. Чтобы включить или отключить сетку в Figma, нажмите на комбинацию горячих клавиш «Ctrl + Shift + 4». 2. Чтобы сделать сетку в приложении, выберите фрейм и в правой панели напротив надписи «Layout grid» нажмите на иконку плюса. 3. Для настройки сетки нажимаем в правой панели на саму иконку сетки. В появившемся окне вы сможете изменять размеры, цвет и прозрачность сетки. Также делать сетку в виде горизонтальных или вертикальных колонок. Колоночную сетку можно задать, выбрав вместо значения «Grid» (сетка), надпись «Columns» (колонки или столбцы). Если хотите, чтобы колонки были вертикальными, то следует задать значение «Rows» (строки)

iconscout.com 🏛DESIGN HUB

💾 Скачать и использовать https://disk.yandex.ru/d/yBEuBQqJNNEHcw 🔎 Посмотреть описание https://ui8.net/appservice/products/interface-basic-icon-set #icons #sketch #illustrator #figma Иконки Figma

Большой набор иконок, идеально подходящий к любому дизайну. 💾 Открыть #Иконки

Небольшая коллекция мокапов, которые помогут вам показать, как иконка вашего приложения будет смотреться в реальных условиях. ⚡️Скачать мокапы⚡️ #Мокапы

💾 Скачать и использовать https://www.figma.com/community/file/1071678557813409125/kalai-icons-free-icon-library">https://www.figma.com/community/file/1071678557813409125/kalai-icons-free-icon-library 🔎 Посмотреть описание https://www.figma.com/community/file/1071678557813409125/kalai-icons-free-icon-library">https://www.figma.com/community/file/1071678557813409125/kalai-icons-free-icon-library #icons #figma Иконки Figma

Скопировать файл 🔥 Дизайник — ежедневные полезные материалы!

Немногие иконки вызывали столько же споров, как иконка гамбургера 🍔. Сегодня гамбургер-меню являются более привычным паттерном, чем 10 лет назад, тем не менее, отдельные риски по-прежнему сохраняются.  📌В статье «Гамбургер-меню: последние исследования и лучшие практики» мы проанализируем результаты исследований (тогда и сейчас) и рассмотрим лучшие практики, которые позволят вам применять иконку гамбургера максимально эффективно. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

• Автоматическая компоновка. • 70+ наборов пользовательского интерфейса. • Компоненты. • Бесплатные шаблоны. • 2 набора иконок. #UIkit #wireframe Открыть в Figma Иконки Figma