Kozack
@Kozack
Thinking about a11y

Почему во всех паттернах дизайна оставляют отступ между границей списка и первым пунктом списка?

Вот простейший пример:
5ce65afc95556344242459.png
Такой же отступ между краем списка и первым элементом есть практически повсюду: Контекстное меню виндовс, контекстное меню мака, меню пуск, центр уведомлений ...

Почему так делают?
  • Вопрос задан
  • 308 просмотров
Решения вопроса 2
dom1n1k
@dom1n1k
Всё просто: если этот отступ не сделать, пространство между элементами будет выглядеть непропорционально большим в сравнении с краями - там ведь соседствуют два паддинга, пространство визуально удваивается.
Другое решение - разделить элементы списка линиями. Но сейчас это немодно (к сожалению), всем подавай чисто и пусто воздушно.
Ответ написан
Комментировать
cyber_roach
@cyber_roach
UX дизайнер INEDIapps
- Дать немного воздуха, т.к. списки - просто белый фон с текстом, без него получается визуально прижато к краю сильно из-за того что элементы как правило довольно большие по высоте (под сенсор)

- Такой подход решает проблемы со скруглениями элементов на интерактиве если сам попап списка закруглен, поэтому иногда отступают чтобы не мучатся с версткой.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
ivanvorobei
@ivanvorobei
iOS разработчик, канал https://t.me/sparrowcode
Скрытого смысла нет В материал действительно добавляют отступ - с чем связано, не знаю. Но в том же материал хватает примеров, когда отступ не добавляют. Примеры легко найти, скачав гугловские приложения.

Необходимость бывает разная. Пример:
5ce67d73d50d9787474314.png
Если бы список был прижат к краю, тень бы съедала пространство. Другой вопрос зачем здесь тень, но оставим вопрос дизайнерам.

На одном известном сайте отступ не добавляли:
5ce67db628ecc494401710.png

В конце ролика затрагиваю тему отступов в приложении ВК для iOS - разрозненно встречаются как с отступом, так и без.

Нет правильного варианта, смотрите по необходимости.
Ответ написан
Комментировать
vomarbA
@vomarbA
Web/ UI/ UX/ IxD/ IA/ Logo/ Identity/ Polygraphy/
Потому что — посмотри оформление книг — это прародители стилей оформления интерфейсов (;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы