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

Question

[Alex]

Вот простейший пример:

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

Почему так делают?

Answer 1

[dom1n1k]

Всё просто: если этот отступ не сделать, пространство между элементами будет выглядеть непропорционально большим в сравнении с краями - там ведь соседствуют два паддинга, пространство визуально удваивается.
Другое решение - разделить элементы списка линиями. Но сейчас это немодно (к сожалению), всем подавай чисто и пусто воздушно.

Answer 2

[cyber_roach]

- Дать немного воздуха, т.к. списки - просто белый фон с текстом, без него получается визуально прижато к краю сильно из-за того что элементы как правило довольно большие по высоте (под сенсор)

- Такой подход решает проблемы со скруглениями элементов на интерактиве если сам попап списка закруглен, поэтому иногда отступают чтобы не мучатся с версткой.

Answer 3

[Иван Воробей]

Скрытого смысла нет В материал действительно добавляют отступ - с чем связано, не знаю. Но в том же материал хватает примеров, когда отступ не добавляют. Примеры легко найти, скачав гугловские приложения.

Необходимость бывает разная. Пример:

Если бы список был прижат к краю, тень бы съедала пространство. Другой вопрос зачем здесь тень, но оставим вопрос дизайнерам.

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


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

Нет правильного варианта, смотрите по необходимости.

Answer 4

[Вячеслав Абрамов]

Потому что — посмотри оформление книг — это прародители стилей оформления интерфейсов (;