#UI_ревью 8. Mail app

Работа: Geex Arts Автор ревью: Любовь Жидких + Картинка почти во весь экран выглядит эффектно. Нравится, что часть элементов вынесена за пределы изображения, что позволяет не перекрывать его. + Нравится легкий градиент на фоне. Нейтральный цвет, не перетягивающий на себя внимание, но придающий стиля. + Интересный приём с таббаром без подложки, придает легкости. + На втором экране воздух в верхней части карточки помогает сбалансировать более перегруженную нижнюю часть. + Крупная типографика выглядит современно и придет стиля интерфейсу, чувствуется швейцарский стиль. – Прием с пролистыванием медиа не даёт представления о том, сколько фото приложено к письму, тут мог бы лучше сработать паттерн из сторис с линиями. Помимо отображения количества материалов, он бы помог еще больше разгрузить карточку. – Возможно получится перебор с рамками на экранах с фото. Телефон сам по себе имеет рамку + две рамки в интерфейсе. – Таббар без подложки ограничен в использовании. Для этого экран обязательно должен быть сделан так, чтобы отделять зону таббара. – Карусель в карточках может быть не самым удобным решением. Преимущество привычного списка в том, что можно охватить взглядом несколько писем сразу и выбрать нужное для прочтения письмо. Тут же придется долго листать одно за другим пока не найдешь нужное. Поэтому данный прием может быть использован в качестве дополнительного. По теме: зачем делать дейли ревью, из чего состоит UI. @slashdesigner #первые_шаги #UI
Изображение поста

📱 Эффект волнистого градиента в иллюстраторе

Video is not supported
Плагин «Supa Mesh Gradient» by Angelo Libero
Плагин для создания сетчатых градиентов прямо в Figma 🎨 Скачать плагин 🎨 #plugin
Изображение поста
organic gradient backgrounds Бесплатный набор градиентных фонов
Install
Изображение поста
Изображение канала: Хороший UX · Денис Абдуллин
Как просто делаются интересные градиенты в Figma: сначала форма, потом размытие
🖼️ Хороший интерфейс
Изображение поста
Изображение канала: Adobe Illustrator | Graphic Design
Премиум контент из приватки
Эти материалы приобретались в течение нескольких лет, а теперь они доступны и вам за 1 ₽ - Сутки // Мокапы · Девайсы · Брендинг · Реклама · Полиграфия // Эффекты · Текст · Объекты · Фото · Композиции // Фигуры · Графичные · Объемные · Коллажи · Стикеры // Текстуры · Наложение · Объекты · Материалы · Природа // Фоны · Градиентные · Смешение · Светлые · Тёмные // Шаблоны · Обложки · Постеры · Иллюстрации // Иконки · Интерфейс · Объемные · Тематические // Кисти · Для Photoshop · Для Procreate
Изображение поста
Изображение канала: Фабрика Дизайна
Подборка полезностей, чтобы градиенты приносили вашим проектам дополнительные очки
🔶 Плагин для создания плавных градиентных переходов с помощью кривых Безье 🔶 Плагин поможет сделать сложные градиенты, используя привычные рабочие инструменты 🔶 Библиотека из 800 готовых градиентов, основанных на базовых цветах 🔶 Коллекция градиентов для оригинальных презентаций 🔶 48 градиентов, сгенерированных нейросетью 🔶 Платформа с линейными градиентами для фонов в цифровых проектах 🔶 Meshy. Инструмент для создания сетчатых градиентов с заданной цветовой палитрой 🔶 Плагин Color Shades для генерации градиентов в заданном цвете 🔶 Neat. Сервис по созданию анимированных градиентов 🔶 Готовые градиенты «северное сияние» 🔶 Бот для создания гармоничных градиентов и цветовых палитр: @wtcolor_bot [Фабрика Дизайна]
Изображение поста
Изображение канала: UPROCK. UX/UI, Фриланс, Коммерческий дизайн.
⚡️Разбор коммерческого проекта
Привет! Продолжаем делиться полезным контентом от дизайнеров и преподавателей студии UPROCK. Сегодня в видео Елена делится крутым кейсом – медицинская клиника в Японии. Клиент хотел показать технологичность, но сохранить традиционный дух восточной медицины. 📌 При создании дизайна использовались принципы эклектики, давайте посмотрим, что получилось: – Минимализм и направляющие линии добавили изюминку в простую сетку; – Медиаконтент без обработки передал ощущение заботы и человеческого тепла; – Графические линии и формы добавили технологичность и сделали дизайн детализированным; – 3D-формы и необычные карточки – контраст между современным и природным; – Цвет и градиенты сделали интерфейс ярким, эффектным и живым. Даже без эффектного медиаконтента можно работать через ассоциации, формы и графику, внедряя эклектику в проект. А еще делимся подборкой других реальных коммерческих проектов студентов UPROCK для вашего вдохновения: ⚡️Николай Кудрявцев – Fitness Faces ⚡️Добрыня Карепин – Vis Studio ⚡️Наталия Федина – Bond Lab ⚡️Анастасия Шустова – CHARLIE'S GROUP ⚡️Катерина Фоминых – Furnovia Furniture Company
Video is not supported
Изображение канала: Дизайн-Телега 🔥
Плагин Dopely Colors — предлагает миллионы вариантов цветов, включая палитры, градиенты и гармонии, и позволяет пользователям создавать свои собственные палитры из любого изображения.
#цвета #градиенты #палитры
Video is not supported
Изображение канала: UPROCK. UX/UI, Фриланс, Коммерческий дизайн.
🟣 Как подбирать цветовую палитру для ваших проектов
Привет, это Алиса, дизайнер и куратор студии UPROCK 👋 В работе я часто сталкиваюсь с тем, что подбор цветовой палитры – это одна из самых сложных задач для начинающих дизайнеров. Особенно если нет ограничений в виде брендбука и нужно придумать все с нуля. Для таких случаев существует множество сервисов, которые здорово помогают с подборкой цветовой палитры, например, один из моих любимых – Pigment Shape Factory. Это ресурс, который каждый раз выдает новые сочетания цветов, никогда не повторяясь. Можно управлять насыщенностью, теплохолодностью, а еще есть версия для градиентов. Я обычно делаю так: сначала подготавливаю макет в черно-белом варианте, чтобы абстрагироваться от цвета, а потом накладываю палитры и пробую разные варианты. Так гораздо проще увидеть, что работает, а что нет. Иногда одна палитра сразу раскрывает проект, и появляется тот самый свежий результат. ➡️ Попробовать инструмент - Pigment Shape Factory Не менее важным аспектом в оформлении проектов, в особенности коммерческих, является качественный визуальный контент, и сегодня в этом здорово помогают нейросети. 🚀 Напоминаем, что если вы хотите научиться усиливать проекты через сгенерированный контент, – приходите сегодня на вебинар в 19:00 МСК. Мы поговорим о том, как сделать генерацию в AI последовательной и профессиональной, и как использовать ее для реальных задач. ⚡️ Зарегистрироваться на вебинар
Video is not supported
Изображение канала: Retro Figma
Исправляем грязные градиенты.
Video is not supported
Изображение канала: Дизайн-Телега 🔥
48 AI mesh gradients
48 тёмных и светлых градиентов для фонов. #Gradient ОТКРЫТЬ
Изображение поста
Изображение канала: Дизайн-Телега 🔥
Плагин CoolHue — предоставляет коллекцию из 60+ тщательно отобранных готовых градиентов для дизайн-проектов. Позволяет быстро применять стильные цветовые переходы.
#градиенты #палитры #визуал
Video is not supported
Изображение канала: Веб дизайн в Figma
Unique Gradient — набор градиентных фонов.
🔗 Figma Community ▫️ #gradients
Изображение поста
Изображение канала: Дизайн-Телега 🔥
Градиенты северного сияния.
• 26 редактируемых градиентов. • 240 типографских стилей. • 156 цветовых стилей в палитре от 25 до 900. • 60 стилей градиента. • 18 градиентов растровой сетки. • 40 теней и размытий. • 10 базовых контейнерных сеток для использования в различных разрешениях. #gradient #styles Открыть в Figma Источник
Video is not supported
Изображение канала: Профессия Дизайнер
Копируй градиенты правильно by martanskkiy
Из этого видео вы узнаете о том, как правильно копировать градиенты в Illustratore. #illustrator #туториал #лайфхак
Video is not supported
Изображение канала: Дизайн-Культура
Делаем постер с градиентным эффектом в Figma.
💛 Дизайн-Культура
Video is not supported
Изображение канала: Дизайн-Телега 🔥
Background Blur
Набор градиентных фонов для вашего дизайна. #Gradient ОТКРЫТЬ 👨 Дизайн-телега Источник
Изображение поста