Людвиг-в-ж-ж (grosslarnakh) wrote in moscow_metromap,
Людвиг-в-ж-ж
grosslarnakh
moscow_metromap

Линейная схема: лайфхак про теорию близости, или Хозяйке на заметку

Одна из проблем при верстке линейной схемы – сделать так, чтобы подпись к пеньку не залезала в соседние зоны.

Вот исходник, при скольжении по которому, например, от «Коньково» до «Ясенево» глаз пропускает «Теплый стан» – нарушена теория близости:



Трюк, позволяющий быстро разобраться с теорией близости – построение вспомогательных прямоугольников. Это изобретение Егора, но сегодня мы дадим слово Марку, который расскажет о нем на примере метролинейки (потому что с Марка файлы для примера проще получить).

Сначала под каждой надписью рисуется технический прямоугольник.

«Каждый прямоугольник по ширине такой же, как надпись. Все это дело выравнивается по формату так, чтобы нахлесты (темно-оранжевые полоски – Л.Б.) у прямоугольников были одинаковые. и это экономит кучу времени:



Теперь ищем, где сильно тесно.

Между «Коньково» и «Ясенево», которые не соседи, расстояние
(светло-оранжевая полоска – Л.Б.) меньше, чем между «Китай-городом» и «Третьяковской», которые соседи. Та же история между «Теплым Станом» и «Новоясеневской», «Калужской» и «Коньково».
Чтобы их разлепить, я делаю прямоугольники вокруг них шире.
А вот под «Академической» дыра, можно и поменьше сделать.
Потом снова все выравниваю и смотрю.
И так несколько раз.»


Было – стало:






На нижней картинке станции глазом не пропускаются, что и требовалось быстро сверстать.


Tags: линейная схема, пеньки, теория близости, хозяйке на заметку
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 7 comments