Тултип | UX UI
645 subscribers
138 photos
73 videos
1 file
176 links
Буст насмотренности и эффективности в дизайне продукта

Связь @gorba4evgenii
Download Telegram
Мобильные анимации | Vol. 2

Сегодня в программе:
функциональный морфинг при раскрытии карточки товара;
Riveo в онбординге возрождает из могилы эффект замерзшего стекла;
залипательный онбординг у Revolut, который практически можно назвать короткометражкой

🔙 Предыдущая подборка
Следующая подборка 🔜

#референсы
#анимации

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2❤1🔥1
Прокачай свои ИИ | Crea

Сегодня расскажу про Crea. Это одна из самых продвинутых нейросеток для генерации изображений и всего с этим связанного. Под капотом у нее Flux (продукт бывших разрабов Stable Diffusion), так что, по сути, это такая красивая оболочка с приятным интерфейсом для тех, кто не хочет запариваться изучением всех азов генерации через вышеупомянутый сервис.

Что нам доступно бесплатно?
Во-первых, можно генерить изображения с использованием референсов для стиля и для самого изображения. Во-вторых, получившуюся генерацию можно редактировать: удалять и добавлять элементы, менять фон и тому подобное. В-третьих, получившуюся конфетку можно про проапскейлить. На этом этапе нейронка добавит детализации и улучшит общее качество изображения. Самое главное — есть ежедневные бесплатные кредиты, которых хватит, чтобы поиграться и что-то да нагенерить этакого. Я, например, попробовал сделать Гарри Поттера в стиле Киберпанка (1 видео) и затем проапскейлил изображение (2 видео). Если не брать во внимание, что у Гарри не видно шрам, да и сам он смахивает на азиатскую версию, то результатом я остался доволен.

А что, если заплатить?
Если понравился инструмент, то можно взять платную версию и тогда нам становится доступно еще больше кредитов для генерации, а также генерации видеороликов, анимаций.

Самое вкусное
Самая главная киллер фича сервиса это Real time generation (3 видео). В этом случае рабочая область делится на левую и правую часть. Мы пишем промт, чтобы задать общую тональность генерации. Далее в левую часть закидываем фото, генерации или рисунки, которые нейросеть воспроизводит в правой части. Это помогает расположить элементы на изображении именно так, как мы этого хотим, а не как задумала машина. Недавно завезли возможность конвертации изображения в 3d модель, с помощью которой можно не только выставлять позиционирование в сцене, но и угол поворота (4 видео)

Начать играться ➡️


#инструменты
#ии

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
«...рекомендуем поизучать крупные дизайн-системы и гайдлайны, чтобы понять, как правильно работают компоненты...»

Вспоминаю тестовое задание от Самоката. Одна из задач была улучшить дизайн мобильного приложения для менеджера даркстора. Я проанализировал возможные несостыковки и нарисовал свое удобное и правильное решение. Фидбек был таким: «...рекомендуем поизучать крупные дизайн-системы и гайдлайны, чтобы понять, как правильно работают компоненты...».
Мой дезигн с точки зрения логики был неплохим, но были допущены ошибки: title в navbar был расположен неправильно, шеврон для раскрытия шторки повернут не в ту сторону и тому подобное. Осознание этих ошибок пришло уже впоследствии, когда я изучил необходимые фундаментальные вещи, типа гайдов от Apple (Human Interface Guidelines) и Android (Material Design). Благодаря этому опыту, сейчас я могу точно сказать, что во время проектирования своих первых работ необходимо изучить гайдлайны.

Что мы узнаем из гайдлайнов:
Компоненты и их названия: если не понятно, что такое Floating Button или в каких 3 позициях может быть Bottom sheet, то точно стоит начать прямо сейчас

Механика компонентов: их состояния, реакции на жесты, анимация

Навигация в приложениях: в каких случаях нужен нижний тапбар, а в каких нет; как работает поиск

Принципы инклюзивного дизайна: рекомендуемый минимальный размер шрифта, цветовая контрастность, что такое скринридер и как он работает

Различия подходов Apple и Android в дизайне: полезно знать, хотя сейчас дизайн приложений часто становится более единообразным

Правила и антипаттерны: в Material Design детально описано, как нужно и как не нужно проектировать, с аргументацией на основе исследований

Эти знания повысят квалификацию и ценность как специалиста. Ниже ссылки на оригинальные ресуры на английском и на переведенный материал (спасибо @chim_mammedova )

Human Interface Guidelines 🍎(En)

Material Design 3 🤖(En)

Human Interface Guidelines 🍎(Ru)

Material Design 2 🤖(Ru)


#материалы
#дизайн_системы

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤3
This media is not supported in your browser
VIEW IN TELEGRAM
Генерируем 3D модель онлайн

Существует уже много тулов, которые пытаются дать возможность создавать 3D модели по фото, но у большинства из них качество результата говно оставляет желать лучшего. Недавно на Hugginface наткнулся на новую демку Hunyuan3D-2, которая преследует эту же цель и решил попробовать. Результат на видео. Если вкратце, по картинке и текстовому промту получилось создать вполне приличную 3D модель, которую я успешно импортировал в Spline и накинул на нее материал. Со сложным объектами справляется хуже — хотел сгенирить лошадь и она получилась с явными артефактами (видно в начале видео). Но простые вещи делает вроде неплохо, можно юзать

Кстати, для тех, кто не знаком с Hugging Face — это огромное сообщество, где разработчики и исследователи делятся своими моделями ИИ, датасетами и приложениями. Главная фишка — это возможность протестировать многие модели прямо в браузере.То есть, если вы хотите попробовать сгенерировать фотку, убрать или добавить что-то в уже готовое изображение — просто заходите и пробуете, без установки чего-либо.

Нужно будет зарегаться, чтобы получить определенное количество дневных кредитов, которых хватает примерно на 10 генераций. Для тех, кто только знакомится с платформой или использует её для небольших проектов — это вполне достаточно. Каждые 24 часа ваши кредиты автоматически обновляются. Проснулся с утра, заварил кофейку — и снова можно творить

Попробовать тут 🔜

Посмотреть другие демки 🔜


#инструменты
#3D

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3❤2
Мобильные анимации | Vol. 3

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

🔙Предыдущая подборка
Следующая подборка 🔜

#референсы
#анимации

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Давай, кабанчиком, обрисуй ситуацию

#мем

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣4😁1
Тестовое задание из Вкусвилла

Нашел на просторах телеграмма тестовое задания из Вкусвилла конца 2023 года. Ну да, не самый свежак, зато основано на реальном кейсе, так что всё настоящее — описание задачи, отзывы респондентов и гипотеза. Думаю, интересно в свободное время будет поломать голову

📱 Смотреть в Figma

#материалы
#тестовое

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1👏1
Прокачай свои тексты | Vol. 2

За красивой картинкой стоят строгие правила и невидимый каркас, который называется редакционной политикой. Сегодня будем разбираться, как топовые компании создают свои текстовые каноны, которые превращают простой контент в узнаваемый бренд. В этом нам поможет подборка редполитик российских гигантов (и не очень)

Т-Банк
Свежак, ребята дропнули её сегодня

Райффайзен
Красиво сделано. Радует, что все примеры проиллюстрированы

Сбер
Всего 1 страница. Краткость — сестра таланта

Госуслуги
Для тех, кому мало 1 страницы ребята из Госуслуг подготовили целый трактат

Модульбанк
Подготовлено Людмилой Сарычевой, что уже о многом говорит. Есть чек лист для проверки текста и парочка полезных ссылок

Лайфхакер
Редакторы журнала рассказывают, как написать статью, которую будут читать


🔙 Читать первую часть

#тексты
#материалы

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4👍2🔥2
FUI Architect — создание футуристичных вымышленных интерфейсов

Есть такая работа — вымышленные интерфейсы для игр и кино создавать. Очень интересно было бы посмотреть на сам дизайн процесс в таком случае и как выглядит ТЗ. Творчества здесь точно больше, чем в дизайне продукта для реальной жизни)

Недавно наткнулся на офигенное портфолио нашего соотечественника Евгения Родыгина. В его портфолио есть кейсы для таких мощных продуктов, как Call Of Duty, Avatar 2, сериал Love, Death & Robots (Netflix) и фильмов Marvel (Doctor Strange / Spider-Man). Есть на что позалипать, в общем.

Позалипать тут ▶️


#референсы

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
300+ портфолио продуктовых дизайнеров в одном месте

Наткнулся на настоящий артефакт в Notion - коллекцию портфолио топовых продуктовых дизайнеров со всего мира,в том числе из России. Полезно для тех, кто работает над своим портфолио: можно подсмотреть, как грамотно описывать дизайн-процесс, какие метрики подчеркнуть и как эффектно подавать свой опыт. Маст-хэв для всех, кто хочет прокачать своё портфолио и получить оффер в классную команду за много 🤑

Смотреть подборку▶️

🔙Предыдущий пост о портфолио


#портфолио

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🔥1