Школа
Интерфейс

Табличка на экране оплаты Эпл‑пея

Увидел экран оплаты Эпл‑пея, выглядит всё просто.

Мне очень понравилось расположение заголовков, но я себе не смог объяснить почему расположение последних трёх заголовков во второй колонке — хорошо в этом случае.

Можете сделать это за меня? И как этот кейс можно охарактеризовать, чтобы дальнейшем понимать, где применять?

Джей Эс
25 июня 2019
👁 7266  
Интерфейс

Табличка на экране оплаты Эпл‑пея

Увидел экран оплаты Эпл‑пея, выглядит всё просто.

Мне очень понравилось расположение заголовков, но я себе не смог объяснить почему расположение последних трёх заголовков во второй колонке — хорошо в этом случае.

Можете сделать это за меня? И как этот кейс можно охарактеризовать, чтобы дальнейшем понимать, где применять?

Джей Эс
25 июня 2019
👁 7266  
Илья Бирман
Арт‑директор и соавтор курса «Пользовательский интерфейс и представление информации»
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Это странный экран: снизу иконка тач‑айди, подписанная как Face ID. Где вы его взяли? :‑)

Что понять, почему таблички в конце свёрстана именно так, достаточно посмотреть на альтернативы.

Если сверстать как предыдущие строки, справа получается пустота. Ещё боковик таблицы хочется выровнять по левому краю, но так он противоречит предыдущим строкам экрана. Цифры естественно выровнять по разрядам и убрать вправо, но так выходит дыра посередине.

Хорошо свёрстанная таблица занимает минимальную возможную для себя ширину:

Но куда её такую приткнуть?

Как ни поставь, табличка слишком выделяется своим неуважением к вёрстке остального экрана. Вот и остаётся тот вариант, который вы показали: цифры направо, а боковик — в основную колонку. Таблицу всё‑таки приходится тянуть в ширину, но хотя бы не на весь экран:

ИнтерфейсТаблицы
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы