Принцип 9. Существует мнение, что объекты, расположенные рядом, связаны между собой
Если два элемента расположены рядом (например, текст и фото), предполагается наличие связи между ними. Эта предполагаемая связь сильнее, если элементы расположены слева или справа.
На рис. 9.1 фотография соответствует тексту под ним. Но поскольку мы читаем слева направо, а между фотографией и текстом слева очень небольшой промежуток, мы ожидаем, что изображение и текст слева связаны между собой.
Рис. 9.1 Вы можете предположить, что эта фотография относится к тексту слева, поскольку они расположены рядом, а мы читаем слева направо. Но в данном примере изображение на самом деле относится к тексту под ним — и это может сбить с толку
Выводы
- Если вы хотите, чтобы элементы воспринимались как связанные друг с другом, располагайте их слева или справа.
- Прежде чем использовать линии или прямоугольники, чтобы отделить элементы или сгруппировать их, поэкспериментируйте с количеством свободного пространства между ними. Иногда достаточно просто изменить объем свободного пространства, чтобы тем самым снизить визуальный шум на странице.
- Оставляйте больше свободного пространства между теми элементами, которые не связаны между собой, и меньше — между связанными элементами. Многие веб-странички построены без учета этого принципа, хотя, на наш взгляд, это противоречит здравому смыслу.
| Принцип 8. Человек может не обратить внимания на изменения в поле его зрения | Принцип 10. Красный и синий цвета рядом — удар по глазам |