Теория близости
В KFC нашёл отличный пример для понимания теории близости в вёрстке. Посмотрите на чашки кофе и их описания:
Не сразу понятно, что к чему относитсяПоначалу я подумал, что чашки кофе перепутали, потому что увидел эту картину вот так:
Такой вариант вполне допустим (по сравнению с оригиналом)Однако на самом деле чашки и описания связаны по вертикали. Примечательно, что даже добавка фоновых цветов и рамок не сильно улучшает восприятие этих связей:
Теория близости? Не, не слышал(а)Теория близости заключается в том, что близко расположенные объекты кажутся более связанными по смыслу. Это актуально, когда вокруг расположено ещё несколько таких же объектов, а значит, больше вероятность ошибиться и построить неверную связь.
Например, текстовый блок «АМЕРИКАНО» нужно пододвинуть к верхней чашке (которой он соответствует) и отодвинуть от левой чашки (которой он НЕ соответствует). Всё просто, не так ли? 😃
Неправильное расположение текстового блока относительно чашек
