Ошибки в дизайне, связанные с правилами внешнего и внутреннего, а также правилом близости, являются распространенной проблемой среди многих дизайнеров. В данной статье мы рассмотрим наиболее частые случаи таких ошибок и предложим советы по их предотвращению.
Правило внутреннего и внешнего гласит, что внутренние отступы должны быть меньше внешних. Это значит, что внутреннее пространство между элементами должно быть меньше, чем пространство между этими элементами и окружающими их объектами. Таким образом, внутреннее расстояние всегда меньше внешнего.
Кроме того, элементы, связанные по смыслу, должны быть расположены близко друг к другу и образовывать группы. Это помогает улучшить читаемость и восприятие информации. Однако, чтобы визуально отделить такие группы от других похожих групп, необходимо оставить достаточно свободного пространства вокруг них. Это создает ощущение легкости и воздушности в дизайне.
Кроме того, элементы, связанные по смыслу, должны быть расположены близко друг к другу и образовывать группы. Это помогает улучшить читаемость и восприятие информации. Однако, чтобы визуально отделить такие группы от других похожих групп, необходимо оставить достаточно свободного пространства вокруг них. Это создает ощущение легкости и воздушности в дизайне.
Лучший способ понять правило внутреннего и внешнего — это изучить его применение на конкретных примерах. Начните с простых композиций и постепенно добавляйте больше деталей, усложняя задачу.
Для лучшего понимания давайте сравним две карточки: на первой карточке нарушено правило внешнего и внутреннего, так как отступы внутри карточки слишком малы по сравнению с отступами текста, описания и кнопки. Также нарушены отступы от фотографии до заголовка и от заголовка до описания, что делает карточку непонятной для пользователя и затрудняет определение того, что к чему относится. Структура отсутствует. На второй карточке правило соблюдено, информация представлена структурированно и ясно, что облегчает её восприятие.