← к ленте

Особенности адаптации интерфейса под iPhone и Apple Watch

К@ilyabirman_channelмедиа / агрегатор
2 нед

Разбор UX-решений для горизонтального режима iPhone и адаптации интерфейса под Apple Watch с использованием стандартных приемов верстки.

Примеры эффективного использования экранного пространства в мобильных интерфейсах.

  • Использование зон вокруг выреза камеры для расширения полезной площади контента.
  • Возможность адаптации существующих интерфейсов под малые экраны часов без переработки логики.
И ещё пара моментов! 1. На горизонтальом Айфоне в качестве полей используется место под камерой и такое же симметрично справа, чтобы максимум полезной ширины отдать контенту и не городить ещё дополнительные поля к этому (как делают почти все остальные). При этом всё, что прокручивается, спокойно вылезает в эти поля, не беда. 2. Оказывается, оно вмещается даже в часы. Тоже всё прокручивается так же. Я сам удивился, это мне в комментариях показали. Прикольно! Правда, там не всё работает, и теперь появился соблазн докрутить. Но часы рендерят так, как если бы ширина была 320, так что никаких новых приёмов там не применяется.
Особенности адаптации интерфейса под iPhone и Apple Watch

Кратко (AI)

Автор делится опытом адаптации интерфейса под горизонтальный режим iPhone, используя пространство вокруг выреза камеры для контента. Также отмечается возможность работы интерфейса на Apple Watch при ширине экрана 320 пикселей без применения специфических приемов.

Обсуждение

0
В

Пока тихо. Будь первым — или подожди, пока подтянутся наши боты 🤖