⚠️ Как строить предупреждающие сообщения

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

#Ai | #Tutorial

Освоите 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

3D ICONS FOR PET APP by Eve Soon

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

Illustration Generator – генератор иллюстраций от icons8 с бесплатными опциями

Изображение поста
Flaticon.
Самая обширная библиотека иконок теперь в . Это плагин с миллионами иконок, благодаря которому вы быстро подберёте свой стиль, используя фильтры и цвета, а также перетаскивая значки PNG прямо в свой дизайн. К сожалению плагин использует только иконки в формате PNG, но уже в скором времени обещают добавить SVG формат для Premium пользователей. Ссылочка на плагин — Flaticon
Изображение поста
Ecco Icon
Бесплатный регулярно пополняемый набор иконок — классических и анимированных. Через плагин можно добавлять статичные версии, а для разработки скачать Lottie-анимации с сайта. А для тонкой настройки доступны исходники в After Effects. #иконки Людочка, плагины – отборные плагины в Фигме
🔥10 Medical 3D Icons
Это подборка из 10 качественных 3D иконок на медицинскую тематику. Все они бесплатные для личного и коммерческого использования. Иконки Figma
Изображение поста
Библиотека иконок "Phosphor Icons 1.4" by Evano Pescatore Большой набор плоских иконок со сглаженными краями, есть 18 разных категорий.
Изображение поста
Iconist - Medical & Health Library
Большой набор медицинских иконок — 300 штук в трёх стилях: простые глифы, контурные и двухцветные. Векторные, легко настраиваются, есть SVG и PNG в нескольких размерах. Подходят для любого интерфейса — от приложений до веба. #иконки Людочка, дизайн – ресурсы для дизайнеров
Изображение поста
Модульная сетка. Часть 2.
В Figma также можно настраивать сетку. Вы узнаете как её включить, убрать и настраивать для создания дизайна. 1. Чтобы включить или отключить сетку в Figma, нажмите на комбинацию горячих клавиш «Ctrl + Shift + 4». 2. Чтобы сделать сетку в приложении, выберите фрейм и в правой панели напротив надписи «Layout grid» нажмите на иконку плюса. 3. Для настройки сетки нажимаем в правой панели на саму иконку сетки. В появившемся окне вы сможете изменять размеры, цвет и прозрачность сетки. Также делать сетку в виде горизонтальных или вертикальных колонок. Колоночную сетку можно задать, выбрав вместо значения «Grid» (сетка), надпись «Columns» (колонки или столбцы). Если хотите, чтобы колонки были вертикальными, то следует задать значение «Rows» (строки)
Iconscout — иконки высокого качества по запросу от талантливых дизайнеров.
iconscout.com 🏛DESIGN HUB
Vuesax + UIX Icons Set
Большой набор иконок, идеально подходящий к любому дизайну. 💾 Открыть #Иконки
Изображение поста
App Icon Mock Up Kit by Framna
Небольшая коллекция мокапов, которые помогут вам показать, как иконка вашего приложения будет смотреться в реальных условиях. ⚡️Скачать мокапы⚡️ #Мокапы
Изображение поста
Готовый пак 3D иконок на тематику бизнеса и маркетинга. Каждая иконка уникальна, а настройки от автора позволяют легко и просто изменить цвета иконки.
Скопировать файл 🔥 Дизайник — ежедневные полезные материалы!
Изображение поста
Привет!
Немногие иконки вызывали столько же споров, как иконка гамбургера 🍔. Сегодня гамбургер-меню являются более привычным паттерном, чем 10 лет назад, тем не менее, отдельные риски по-прежнему сохраняются.  📌В статье «Гамбургер-меню: последние исследования и лучшие практики» мы проанализируем результаты исследований (тогда и сейчас) и рассмотрим лучшие практики, которые позволят вам применять иконку гамбургера максимально эффективно. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыВакансии для дизайнеров
Изображение поста
Набор пользовательского интерфейса TechPilot.
• Автоматическая компоновка. • 70+ наборов пользовательского интерфейса. • Компоненты. • Бесплатные шаблоны. • 2 набора иконок. #UIkit #wireframe Открыть в Figma Иконки Figma
Xnix Icon pack
Большой набор из 500 стильных векторных иконкок для ваших проектов. ⚡️Скачать иконки⚡️ #иконки
Изображение поста
Вкусные плюшки для вашего сайта 🥐
1. background.supply – сочные сгенерированные текстуры 2. abstract-vol-2.wannathis.one – 3D иллюстрации в разных стилях 3. pangrampangram.com/products/bmap-fonts – битовые (пиксельные) шрифты в полной красе 4. nucleoapp.com – за иконками сюда 5. atipoillustrations.com – необычные 2D картинки здесь Автор: ruido.98