1231 подписчик
Сегодня обсудим правило внутреннего и внешнего. Вся суть правила сводится к тому, что внутренние расстояния должны быть меньше внешних. Используется это правило везде, начиная от типографики, заканчивая карточками или блоками на сайте.
Сначала рассмотрим на примере типографики. Все состоит из объектов разных уровней: буквы из штрихов, слова из букв, строки из слов и т.д. И внутренние расстояния между объектами должны быть меньше внешних.
Поставили расстояния между буквами, переходим к расстоянию между словами. Естественно расстояния между словами должно быть больше. И так мы двигаемся по этому принципу все дальше и дальше. Появляется такое понятие, как интерлиньяж – расстояние между строчками. Оно должно быть больше расстояния между словами. Неким стандартом является коэффициент 1,3, на который умножается кегель для получения оптимального значения интерлиньяжа. Абзацный отступ должен быть больше обычного расстояния между строками, а поля должны быть больше абзацных отступов. Вот так от букв мы дошли до верстки целой страницы.
Теперь рассмотрим карточки на сайте. Обычно есть картинка, текст и кнопка. Хоть эти элементы и являются объектами одной карточки, они должны быть разделены "внешними", то есть большими, промежутками. И самые большие промежутки должны быть между основным контентом и границей карточки (кстати, вот здесь часто бывают ошибки, и дизайнеры забывают про эти внешние промежутки). Текст на карточке должен верстаться с учетом тех принципов, которые мы рассмотрели выше.
Ситуация с блоками на сайте схожа с карточками. Плюс мы учитываем, что расстояния между блоками или между равнозначными карточками должны быть одинаковыми. Частой ошибкой бывает, что название отделено от своего блока слишком большим расстоянием и создается впечатление, что это название предыдущего блока.
Правило внутреннего и внешнего идет как бы дополнением к принципу близости. Помните, что пользователь интуитивно должен понимать, что к чему относится.
#длиннопост #правило_вв #правило_внетреннего_и_внешнего
1 минута
13 сентября 2024