Forwarded from UX Notes (Антон Григорьев)
Ксения Толокнова написала о навигации в мобильных приложениях.
— Ограничения таббара: все сценарии приложения приходится раскладывать в 3–5 условных папок; бывает непросто придумать короткие и понятные названия разделов;
— Эффект размытия сложно реализовать в Андроиде, поэтому таббар в одном и том же приложении на разных платформах может отличаться. Пример — Revolut;
— Где отображается: 1) только на основных экранах, 2) на основных и внутренних экранах, 3) на внутренних экранах при прокрутке вверх;
— Первый вариант выбирают, например, мессенджеры, чтобы не отвлекать пользователя от открытого чата;
— Во втором случае таббар не отображается только тогда, когда что-то открыто поверх: полноэкранные модальные окна (например, просмотр видео), шторки, экранные клавиатуры;
— Такая навигация запоминает положение пользователя в разделе. Если из выбранной в разделе Fitness+ тренировки перейти в Summary, нажатие на Fitness+ вернёт к тренировке. Повторное нажатие на Fitness+ откроет главный экран раздела;
— Применяется реже и для приложений со сложной структурой разделов;
— Третий тип больше подходит для контентных лент и статей. Фейсбук вообще комбинирует варианты 2 и 3;
— Интересные решения, которые легко реализовать: градиентный фон с прозрачностью, если есть только тёмная тема (Spotify), выделение центральной иконки, по нажатию на которую поднимается шторка с основными действиями в приложении (Binance);
— Sidebar для навигации рекомендуют использовать в мобильных приложениях с 5 и более разделами или с 2 и более уровнями иерархии в навигации. Но в iOS это будет кастомная разработка;
— В приложениях с большой базой информации часто используют навигацию через поиск. Этот вид навигации редко является единственным, но часто бывает ключевым;
— Top bar (Top app bar в Андроиде) важен для навигации, так как позволяет разместить кнопку для возвращения назад или открытия сайдбара и иконки дополнительных действий (в гайдлайнах Material Design рекомендуют до 3);
— В Андроиде заголовок текущего экрана располагают близко к кнопке «Назад». Люди, которые раньше использовали iOS, могут думать, что это название предыдущего экрана.
#navigation #tab_bar
— Ограничения таббара: все сценарии приложения приходится раскладывать в 3–5 условных папок; бывает непросто придумать короткие и понятные названия разделов;
— Эффект размытия сложно реализовать в Андроиде, поэтому таббар в одном и том же приложении на разных платформах может отличаться. Пример — Revolut;
— Где отображается: 1) только на основных экранах, 2) на основных и внутренних экранах, 3) на внутренних экранах при прокрутке вверх;
— Первый вариант выбирают, например, мессенджеры, чтобы не отвлекать пользователя от открытого чата;
— Во втором случае таббар не отображается только тогда, когда что-то открыто поверх: полноэкранные модальные окна (например, просмотр видео), шторки, экранные клавиатуры;
— Такая навигация запоминает положение пользователя в разделе. Если из выбранной в разделе Fitness+ тренировки перейти в Summary, нажатие на Fitness+ вернёт к тренировке. Повторное нажатие на Fitness+ откроет главный экран раздела;
— Применяется реже и для приложений со сложной структурой разделов;
— Третий тип больше подходит для контентных лент и статей. Фейсбук вообще комбинирует варианты 2 и 3;
— Интересные решения, которые легко реализовать: градиентный фон с прозрачностью, если есть только тёмная тема (Spotify), выделение центральной иконки, по нажатию на которую поднимается шторка с основными действиями в приложении (Binance);
— Sidebar для навигации рекомендуют использовать в мобильных приложениях с 5 и более разделами или с 2 и более уровнями иерархии в навигации. Но в iOS это будет кастомная разработка;
— В приложениях с большой базой информации часто используют навигацию через поиск. Этот вид навигации редко является единственным, но часто бывает ключевым;
— Top bar (Top app bar в Андроиде) важен для навигации, так как позволяет разместить кнопку для возвращения назад или открытия сайдбара и иконки дополнительных действий (в гайдлайнах Material Design рекомендуют до 3);
— В Андроиде заголовок текущего экрана располагают близко к кнопке «Назад». Люди, которые раньше использовали iOS, могут думать, что это название предыдущего экрана.
#navigation #tab_bar
Хабр
Почему навигация в Google, Booking и Spotify именно такая, и какую лучше выбрать вам
Навигация — сердце любого мобильного приложения. От того, насколько она интуитивна, эффективна и удобна для пользователей, зависит успех вашего приложения. Дизайнеру крайне важно понимать, как может...
Forwarded from Node.JS [ru] | Серверный JavaScript
🏘Резервный мониторинг послушного дома
В этой статье автор расскажет как создать запасную систему мониторинга дома с помощью ESP32 и Arduino IDE, решать проблемы с библиотеками и датчиками в проекте.
Читать...
В этой статье автор расскажет как создать запасную систему мониторинга дома с помощью ESP32 и Arduino IDE, решать проблемы с библиотеками и датчиками в проекте.
Читать...
Forwarded from Оди
Студенческий проект айдентики шоколадного фестиваля «Плитка»
Авторы использовали простой, но очень точный графический код — формы случайных сколов и крошек шоколада
Больше картинок: awdee.ru/plitka-festival-identity
#awd_identity via worldbranddesign.com/student-brand-design-concept-for-chocolate-festival-plitka
Авторы использовали простой, но очень точный графический код — формы случайных сколов и крошек шоколада
Больше картинок: awdee.ru/plitka-festival-identity
#awd_identity via worldbranddesign.com/student-brand-design-concept-for-chocolate-festival-plitka
Forwarded from Design Board
This media is not supported in your browser
VIEW IN TELEGRAM
С каждым годом ценность этого фильтра растёт.
Forwarded from эйай ньюз
This media is not supported in your browser
VIEW IN TELEGRAM
ToonCrafter: Аниматоры напряглись, аниме-любители радуются
Пока мы ждем сору, вот вам ToonCrafter — прикольная модель для тех, кто делает двигающиеся картинки в стиле аниме.
Я уже вижу, как китайские аниме-студии сразу сокращают количество кадров. Собственно для этого она и создавалась в соавторах Tencent AI Lab.
Есть три режима:
- межкадровая интерполяция. Модель дорисует кадры между двумя key frames. Причем не просто линейным поступательным движением, как это сделано в других работах по интерполяции видео, а полноценная анимация.
- интерполяция, но на башне скетчей. Когда цвета нет.
- окрашивание. Перед тем как анимешку сделают цветной, сначала делают полноценный анимированный эскиз в чб. Вот его теперь будут красить автоматически.
Непонятно, насколько мощный черипик в примерах. Выглядит ну как-то уж слишком хорошо. Хоть здесь и используются для каких-то более сложных вещей эскизы как референсы.
У них, оказывается, уже есть демо. Сгенерил простенькую кошечку — работает офигенно, хоть и две секунды и разрешение шакальное.
Как этого достигли?
1. Хитро зафайнтюнили DynamiCrafter на аниме видосах. Там есть своя специфика, ведь в мультиках много регионов без текстур, и нет motion блура, как в реальных видео.
2. Натренироарли специальный 3D декодер, который берет на вход кроме latent векторов фреймов, ещё и дополнительно исходные первый и последний кадры, чтобы сохранить точную информацию о внешности оьъектов.
Project Page с примерами. Рекомендую глянуть.
Пейпер
Код на гитхабе
Демо на обнимающем лице
@ai_newz
Пока мы ждем сору, вот вам ToonCrafter — прикольная модель для тех, кто делает двигающиеся картинки в стиле аниме.
Я уже вижу, как китайские аниме-студии сразу сокращают количество кадров. Собственно для этого она и создавалась в соавторах Tencent AI Lab.
Есть три режима:
- межкадровая интерполяция. Модель дорисует кадры между двумя key frames. Причем не просто линейным поступательным движением, как это сделано в других работах по интерполяции видео, а полноценная анимация.
- интерполяция, но на башне скетчей. Когда цвета нет.
- окрашивание. Перед тем как анимешку сделают цветной, сначала делают полноценный анимированный эскиз в чб. Вот его теперь будут красить автоматически.
Как этого достигли?
1. Хитро зафайнтюнили DynamiCrafter на аниме видосах. Там есть своя специфика, ведь в мультиках много регионов без текстур, и нет motion блура, как в реальных видео.
2. Натренироарли специальный 3D декодер, который берет на вход кроме latent векторов фреймов, ещё и дополнительно исходные первый и последний кадры, чтобы сохранить точную информацию о внешности оьъектов.
Project Page с примерами. Рекомендую глянуть.
Пейпер
Код на гитхабе
Демо на обнимающем лице
@ai_newz
Forwarded from Дизайн-снайпер
Минутка классики:
Портативный радиоприемник «Exporter 2» на подставке, разработанный Дитером Рамсом в 1955 году
Портативный радиоприемник «Exporter 2» на подставке, разработанный Дитером Рамсом в 1955 году
Forwarded from Дизайн-снайпер
This media is not supported in your browser
VIEW IN TELEGRAM
Если вы участвуете в тендерах с крупными клиентами на редизайн у вас есть шансы победить в любом конкурсе, даже если это Куперсхиллская сырная гонка
Forwarded from Дизайн-снайпер
This media is not supported in your browser
VIEW IN TELEGRAM
Минутка геймдизайна:
Алгоритм самообучения нашел лазейку в видеоигре, чтобы получать бесконечные очки в пределах правил игры. ИИ может быть крайне продуктивным для тестирования игр на различные поведенческие сценарии и баги.
Алгоритм самообучения нашел лазейку в видеоигре, чтобы получать бесконечные очки в пределах правил игры. ИИ может быть крайне продуктивным для тестирования игр на различные поведенческие сценарии и баги.
Forwarded from 👁🦵🏻🧠
This media is not supported in your browser
VIEW IN TELEGRAM
👁🦵🏻💃🏻
«Гравитационная усталость» хореографа, танцора и исполнителя Дамьена Жале.
«Гравитационная усталость» хореографа, танцора и исполнителя Дамьена Жале.