{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Блог Сергея Копылова: заметки с тегом процесс работы", "_rss_description": "Блог Сергея Копылова", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": "", "_itunes_explicit": "", "home_page_url": "https:\/\/www.blog.sergeykopylov.ru\/tags\/process-raboty\/", "feed_url": "https:\/\/www.blog.sergeykopylov.ru\/tags\/process-raboty\/json\/", "icon": "https:\/\/www.blog.sergeykopylov.ru\/user\/userpic@2x.jpg?1574324497", "author": { "name": "Сергей Копылов", "url": "https:\/\/www.blog.sergeykopylov.ru\/", "avatar": "https:\/\/www.blog.sergeykopylov.ru\/user\/userpic@2x.jpg?1574324497" }, "items": [ { "id": "87", "url": "https:\/\/www.blog.sergeykopylov.ru\/all\/process-raboty-nad-shemoy-trolleybusov-petrozavodska\/", "title": "Процесс работы над схемой троллейбусов Петрозаводска", "content_html": "

О том, что получилось: Схема троллейбусов Петрозаводска<\/a>.<\/p>\n

\n\"\"\n<\/div>\n

Года два назад я задумался о том, чтобы сделать хорошую схему троллейбусов Петрозаводска. К тому времени официальной схемой была следующая:<\/p>\n

\n\"\"\n<\/div>\n

Она висела в троллейбусах и на остановках, но на ней не смогли решить даже базовые вопросы: подписать все остановки (пришлось делать легенду), сделать надписи достаточно крупными и объяснить, как же устроено движение в центре. Впрочем, свою главную задачу в виде рекламы 2ГИС она выполняла.<\/p>\n

В моём детстве в троллейбусах висели примерно такие схемы:<\/p>\n

\n\"\"\n<\/div>\n

Они куда более информативные и неплохо привязанные к географии, рассматривать их было интересно. Но вокруг линий было довольно много свободного места, а общий стиль схемы сложно было назвать красивым. Впрочем свободное место тоже выполняло свою функцию: на нём размещались рекламные блоки.<\/p>\n

Я начал свою работу с чтения статей в интернете и знакомством с самыми разными транспортными схемами. Некоторые я даже расечататал и повесил на стену над диваном.<\/p>\n

\n\"\"\n<\/div>\n

И вот в последние недели я взялся за реализацию.<\/p>\n

Для начала я обрисовал свою географичную схему троллейбусов, которую делал на яндекс-картах, после изменения машрутов несколько лет назад<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n

Я попробовал повернуть её так, как она располагалась на старых схемах, однако в таком формате заполнить пустые поля было бы проблематично, поэтому я вернул всё назад.<\/p>\n

\n\"\"\n<\/div>\n

После этого, я упростил линий с учётом своего представления о том, где прямая, а где поворот, когда я еду на троллейбусе. То есть, я просто представил, как мне кажется, есть ли поворот там или там. Оказалось, что если поворот существенно меньше 90 градусов, то он таким и не воспринимается.<\/p>\n

\n\"\"\n<\/div>\n

Потом я расположил линии по сетке: под углами в 90 и 45 градусов. Чем меньше разных вариаций углов на схеме, тем проще она воспринимается. Оказалось, что это не очень сложно, многие углы уже были похожими.<\/p>\n

\n\"\"\n<\/div>\n

Пришла очередь подписей: они будут занимать больше всего пространства, поэтому стоит сначала разместить их и только потом отлисовывать сами маршруты троллейбусов. Кроме того, я понимал, что самая сложная ситуация с маршрутами в центре: они сходятся из районов и пересекаются на небольшом пяточке, на котором много остановок, и нужно догадаться, на какой остановке можно пересесть и на какой маршрут. Я выделил серым область, которую должен был занимать центр, и стал уменьшать расстояния между остановками на окраинах. Кроме того, это помогло мне вписать схему в формат, чтобы неиспользуемого места стало меньше.<\/p>\n

\n\"\"\n<\/div>\n

Пришло время чертить линии. Я выбрал какие-то разные цвета, построил линии и расставил остановки чёрными чёрточками. Пока нет смысла делать их более красивыми важно прикинуть в целом. Центр я закрыл плашечкой, чтобы не думать о тех сложностях, которые меня ждут :)<\/p>\n

\n\"\"\n<\/div>\n

Пришла пора центра. Самыми большими проблемами были повороты маршрутов, нужно сделать, чтобы они не накрадывались друг на друга и за ними было легко следить глазами. И, конечно, самая большая проблема — это круговое движение в районе вокзала. Там какие-то машруты идут сразу в несколько сторон, какие-то останавливаются на самом вокзале, а какие-то — напротив, а 6 маршрут так вообще делает круг там, когда идёт в одну сторону и когда идёт обратно.<\/p>\n

Кроме того, я попробовал сделать надписи более крупным кеглем. Если они поместятся, то станут лучше читаться издалека. Часть надписей я попробовал сделать не чёрными, а менее контрастными, чтобы схема была более неформальной, не такой строгой.<\/p>\n

Ещё меня беспокоило, что практически половину схемы занимает озеро и я попытался немного отодвинуть его и разместить там достопримечательности: набережную и старый город. Правда меня заботило, что других ориентиров нет и места для них тоже не много.<\/p>\n

\n\"\"\n<\/div>\n

Пришло время прибраться, потому, что многие линии были не под правильными углами и просто разрывались посреди. Кроме того, я взял цвета маршрутов с одной из схем Ильи Бирмана, потому, что мои цвета были слишком простыми и контрастными.<\/p>\n

И тут мне пришла в голову мысль о том, что не нужно пытаться нарисовать все маршруты у вокзала: можно просто увеличить масштаб ещё сильнее и нарисовать саму дорожную развязку. Я оставил это на потом.<\/p>\n

\n\"\"\n<\/div>\n

Выбив больше места для области у вокзала, я стал заменять палочки на остановках пеньками, чтобы они не разрывали сами линии. В левом верхнем углу стало тесно и я несколько изменил углы маршрутов. Сверившись с картой, я понял, что это не слишком противоречит географии, там и вправду острый угол.<\/p>\n

У вокзала же я нарисовал основные дорожные развязки, проверив, что гипотеза подходит, и можно линии упереть в эти развязки. Я убрал достопримечательности и несколько линий сдвинул так, чтобы озеро стало занимать меньше места.<\/p>\n

\n\"\"\n<\/div>\n

Появилась первая версия центральной развязки. Хотя в ней и слишком много разных цветов и обозначений, пальцем можно проследить движение маршрутов от остановки к следующей.<\/p>\n

\n\"\"\n<\/div>\n

Пришло время очередной приборки. Часть линий просто не помещалась в формат. Пеньки остановок были не везде. Ещё нужно было перепроверить, что остановки расставлены правильно, а остановки с односторонним движением пометить стрелочками. И, конечно, ещё немного перерисовать центр.<\/p>\n

\n\"\"\n<\/div>\n

Добавим маршруты автобусов, которые везут в отдалённые районы. Это хорошо делать именно сейчас потому, что это второстепенная информация и если останутся какие-то географические неточности, не страшно. К тому же, с помощью автобусов мы сможем закрыть пустые пространства, главное — сделать их менее контрастными, чтобы они не спорили с основной схемой.<\/p>\n

\n\"\"\n<\/div>\n

Теперь, когда на схеме отмечены все значимые вещи, можно нарисовать реки и немного подвинуть второстепенные штуки, чтобы всё стало более причёсанным. Пора вывесить схему на своей стенке в ВК, чтобы жители Петрозаводска смогли указать на ошибки, которых я не заметил.<\/p>\n

\n\"\"\n<\/div>\n

По отзывам стало известно, что какие-то остановки я перепутал, какие-то автобусы давно не ходят, а где-то есть просто помарки. Исправим это, добавим маршруты автобусов в самом городе между районами, изменим форму реки. Осталось перерисовать центр, чтобы изгибы были менее ломанными, а круг у вокзала превратился в ту сложную фигуру, какой является в жизни. Ну и добавить линию в Кижи :)<\/p>\n

Пора выпускать<\/a>.<\/p>\n", "date_published": "2020-05-09T15:23:04+03:00", "date_modified": "2020-05-09T15:22:03+03:00", "image": "https:\/\/www.blog.sergeykopylov.ru\/pictures\/output_LDEvnl.gif", "_date_published_rfc2822": "Sat, 09 May 2020 15:23:04 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "87", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/www.blog.sergeykopylov.ru\/pictures\/output_LDEvnl.gif", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/output_4lB2ln.gif", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Shema-2GIS-malenkaya.jpg", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/shema-staraya-malenkaya.jpg", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/PZZqVXzqLX8.jpg", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Versiya-01.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Screenshot-from-2020-05-09-15-16-28.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Versiya-02.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Versiya-03.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Versiya-04.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Versiya-05.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Versiya-06.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Versiya-07.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Versiya-08.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Versiya-09.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Versiya-10.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/Versiya-11.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/A4---13.png", "https:\/\/www.blog.sergeykopylov.ru\/pictures\/A4---14.png" ] } } ], "_e2_version": 3559, "_e2_ua_string": "E2 (v3559; Aegea)" }