Крутите барабан или клевый UI референс
Интересно сделана листалка с флагами стран внизу экрана: - Все четко по алфавиту, - Видно не только выбранное поле, но и остальные вокруг, помогает быстрее ориентироваться, - Коды телефонов, - Круто сделана имитация 3D барабана (что помогает слелать блок меньше по высоте, но отображать больше строк), - Фактически много инфы на квадратный см, но в целом все довольно лаконично и сбалансировано 👍
На мой взгляд, это один из лучших примеров ui-элемента с выбором страны (но было бы еще лучше с поиском) 👌.
Делитесь рефом с друзьями-дизайнерами(-лидами, арт-дирами и прогерами) 😍
// Выкладываю из архива, уже не помню откуда
Посмотреть анимацию работы ui-элемента можно туть: https://t.me/intereference/1367
#ui #interface #app #mobile #рефы #goodreference #productdesign #ios #подборка #доставка #онлайнмагазин #uiподборка
· 22.11
Выглядит классно, но не как по умолчанию правильное решение для подобного элемента в других реальных интерфейсах. Плюс сам код этого элемента будет сложнее, ещё нужно сделать правильные и плавные анимации прокрутки с инерцией, много нюансов для разработки. Для альтернативы оптимальный в реализации вариант это всплывающий селект, где есть и строка с быстрым поиском, и список стран на весь экран со скролом.
ответить
коммент удалён
· 22.11
Посмотри видос по ссылке, там еще код страны подстраивается под выбранную страну. Если сделать на весь экран, будет не видно ничего
ответить
ответ удалён
· 22.11
Ну, учитыаая опыт использования зарубежных интерфейсов, для них список по алфавиту -- уже прогресс 😂
А вот с поиском хз, с точки зрения психофизиологии, концентрация внимания на строке поиска, ввод букв (комбинация составных жестов) - куда более энергоемкий, чем просто листалка (однотипные повторяющиеся дейсвия). Проще листать одним пальцем, крч :)
ответить
ответ удалён