Я сумасшедший? Может быть, Кай Краузе сошел с ума, но это может быть потому, что я наполовину немец (я все время забываю, что вы, ребята, и девочки не моего возраста, см. это на Кае Краузе: https://en.wikipedia.org/wiki/Kai_Krause и это тоже http://kai.sub.blue/)
Дело в том, что команда Google и Material.io не показывает правильный способ реализации адаптивной навигации Flutter UX Rail. Ну, по крайней мере, не лучший способ реализовать адаптацию Flutter Rail Navigation к UX-дизайну.
Когда Кай Краузе впервые придумал фильтры Kai Power Tools of Photoshop, это было связано с учебными пособиями, которые он делал по эффектам Photoshop, и его популярностью, которые побудили его создать Kai Power Tools (KPT), Kai Bryce и Meta Creations. Суть его руководств по Photoshop заключается в том, что вы работаете с ними, чтобы не только овладеть методами Photoshop, но и формами UX-дизайна в результате работы по созданию этих вещей.
Таким образом, мои рецепты кода Flutter UX имеют одну и ту же цель: заставить вас работать с кодом, чтобы понять, как работает код, а также чтобы UX-дизайн играл с формой, чтобы полностью получить визуальное понимание этих форм дизайна.
Теперь я объясню, что не так со всеми подходами к адаптации Flutter Rail Navigation, используя мои собственные эксперименты.
Получить доступ к моим бесплатным материалам
Мои бесплатные ресурсы Flutter Code And Design Assets можно найти по адресу:
Разработка и проектирование интерфейсных приложений стали более зрелыми, так что начальная учебная программа больше не является стартовой площадкой для новой работы, как это было в прошлом.
Если у вас нет понимания контекста от экспертов, вы не сможете получить эту стартовую работу или сделать это потрясающее приложение впервые на рынке.
Получение членского доступа Medium поможет вам продвинуться на пути к первой работе Flutter Dev или вашему первому потрясающему приложению Flutter в магазинах приложений. И это так же просто, как два маленьких шага:
1. Используйте мою ссылку на подписку на Medium, чтобы присоединиться к Medium:
2. Нажмите на ссылку моего профиля и подпишитесь на меня, чтобы получать немедленные уведомления по электронной почте, когда я публикую новую статью:
Что такое навигация Flutter Rail
Что такое навигация Flutter Rail? Это код и визуальные части, которые затем можно использовать для динамической адаптации к размеру экрана для отображения различных инструментов панели навигации в зависимости от размера экрана. Вы не получаете готовую динамическую адаптацию с Flutter SDK, и вам нужно либо вручную реализовать ее самостоятельно, либо использовать сторонний пакет, такой как пакет адаптивных компонентов команды Material.io:
И, в довершение всего, из-за показанных примеров вы будете делать те же самые ошибки UX при реализации Rail Navigation во Flutter. Перейдем к моим ошибкам в адаптации Flutter Rail Navigation.
Мои ошибки в адаптации навигации Flutter Rail
Позвольте мне показать, как команда Material.io при создании пакета адаптивной навигации, являющегося частью пакета адаптивных компонентов, показывает адаптивную навигацию Flutter Rail:
В одной из моих предыдущих статей о пользовательском интерфейсе было следующее:
Решения Rail Navigation по умолчанию для телефонов и планшетов:
Планшет с закрытым ящиком:
Плюсы: наконец-то Google согласился с тем, что в телефонах должна быть навигация по вкладкам внизу
Минусы: ошибка UX проявляется в закрытом ящике. Причина ошибки в том, что большинство исследований UX на самом деле показывают, что наше внимание сосредоточено на левом верхнем углу во всех пользовательских интерфейсах всех приложений. Ошибка заключается в сокрытии навигации за закрытым ящиком, так как это скрывает контекстные подсказки к содержимому на чертовом экране для пользователя приложения.
Далее, следующий адаптивный каркас:
Телефон с нижней навигацией с вкладками:
И планшет с навигационной панелью:
Плюсы: в телефоне есть нижняя навигация с вкладками, которая соответствует форм-фактору устройства, когда пользователи держат телефон за нижнюю часть для навигации по экранам приложений. Кроме того, у нас есть панель навигации в форме планшета, показывающая пользователю приложения некоторые контекстные подсказки о содержимом экранов.
Минусы: Нам почти не хватает брендированного визуального пространства. Фактически, в предположениях о реализации мы несколько ограничили пространство для брендинга, которое у нас есть.
Далее, моя глупая реализация с открытым ящиком на планшете в качестве адаптивной навигации по рельсам:
Просто показывая часть планшета, поскольку телефон остается прежним:
Плюсы: версия для телефона имеет правильную форму навигации с вкладками внизу.
Минусы: несмотря на то, что открытый ящик в форме планшета показывает пользователю некоторые контекстуальные подсказки о том, что может содержаться на экранах приложений, у нас нет единообразной поверхности для последовательного брендирования приложения как для телефона, планшета, так и для настольного компьютера.
Правильная адаптация навигации Flutter Rail
Какова правильная адаптация навигации по флаттер-рельсам, чтобы мы могли динамически предоставлять правильную навигацию в зависимости от размера экрана? Позвольте мне конкретизировать некоторые подсказки.
Собственно, подсказки уже есть в некоторых моих предыдущих статьях. В моем отточенном подходе к адаптации Flutter Rail Navigation у меня действительно достаточно поверхности для брендинга приложения. Я просто переназначаю некоторые компоненты виджета для более эффективного UX-способа адаптации Flutter Rail Navigation, в то же время получая очень последовательную поверхность брендинга для брендинга приложения.
Заключение
да, в ближайшие несколько дней в этом репозитории можно будет найти адаптацию полированного подхода к Flutter Rail Navigation:
И это даже станет темой моих первых постов на Dribbble и BeHance.
Обо мне, Фред Гротт
Я переформированный разработчик приложений для Android и переформированный креативщик с СДВГ.
В этом мире есть два типа людей: потребители и создатели. У потребителей есть все проблемы мира со всей этой нетворческой позицией в их мозгах. Креативщики живут более интересной яркой жизнью, полной творческих мечтаний, а не яда в голове.
Мои текущие бесплатные материалы по флаттеру, такие как код и творческие активы, находятся в моем репозитории GitHub «код со мной» по адресу:
Как в Front End Development, так и в Creative Life контексты и пути имеют жемчужины понимания, которые не связаны с вашим собственным путем. Чтобы получить это представление, вам нужен доступ к моим статьям, выполнив два простых шага:
1. Подпишитесь на платную подписку на Medium по моей ссылке на подписку:
Обратите внимание: на самом деле я получаю сокращение дохода за каждую подписку на Medium, которая помогает мне создавать бесплатный код и творческие материалы, к которым вы получаете бесплатный доступ.
2. Нажмите на мое имя в Medium и подпишитесь на меня, чтобы получать немедленные уведомления по электронной почте каждый раз, когда я публикую:
Мои самые популярные посты о флаттере и творческой жизни:
Пользовательские интерфейсы флаттера
Флаттер DevOPS
Флаттер ООП и FP
Творческая жизнь
Вы можете подписаться на меня в
https://www.xing.com/profile/Fred_Grott/cv
https://www.linkedin.com/in/fredgrottstartupfluttermobileappdesigner/
