https://blog-archive.alexkolodko.com/tags/dorogi/ Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems uk Aegea 11.3 (v4134) Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems 31 https://blog-archive.alexkolodko.com/all/road-guide/ Tue, 08 Jun 2021 23:39:52 +0200 https://blog-archive.alexkolodko.com/all/road-guide/ <p>На початку року написали <a href="http://roadguide.a3.kyiv.ua/">путівник по маршрутному орієнтуванню на дорогах</a>, в якому описали всі принципи та правила, за якими треба створювати дорожні знаки. У документі п’ять великих розділів:</p> <ol start="1"> <li>Принципи, закладені в основі всієї роботи.</li> </ol> <ol start="2"> <li>Типи ділянок дороги. Усі ситуації на всіх дорогах можна згрупувати по типах, для яких потім треба використовувати свій набір знаків, що робить систему передбачуваною. Також у розділ закладена важлива думка: потрібно думати та проєктувати цілісний маршрут і на основі цього обирати</li> </ol> <div class="e2-text-picture"> <img src="https://blog-archive.alexkolodko.com/pictures/APC_0005.jpg" width="2048" height="1536" alt="" /> <div class="e2-text-caption">Типи ділянок</div> </div> <ol start="3"> <li>Розміщення знаків відносно дороги: за скільки метрів ставити та які розміщувати над своїми смугами.</li> </ol> <div class="e2-text-picture"> <img src="https://blog-archive.alexkolodko.com/pictures/placement-overhead.png" width="2560" height="1352.7469553451" alt="" /> </div> <ol start="4"> <li>Опис основних елементів та частин, з яких потім складаються всі знаки: написання текстів та номерів, модулів та розмірів самих знаків та графіки на них</li> </ol> <div class="e2-text-picture"> <img src="https://blog-archive.alexkolodko.com/pictures/APC_0006.jpg" width="2048" height="1536" alt="" /> </div> <ol start="5"> <li>Опис різних видів знаків: початок/кінець населених пунктів, вказівники, схеми, знаки підтвердження, позначки річок та знаки з іншою комунікацією на дорогах.</li> </ol> <div class="e2-text-picture"> <div class="fotorama" data-width="2560" data-ratio="1.3333333333333"> <img src="https://blog-archive.alexkolodko.com/pictures/IMG_6069.jpg" width="2560" height="1920" alt="" /> <img src="https://blog-archive.alexkolodko.com/pictures/IMG_6070.jpg" width="2560" height="1920" alt="" /> </div> <div class="e2-text-caption">Інформаційні повідомлення</div> </div> <p>У кінці два додатки: а) про новий дорожній шрифт; б) таблиця ширини літерних площ та полупробілів літер для різних розмірів знаків (це потрібно під час виробництва, коли літери вручну клеять на знак; навіщо це потрібно у 21 сторіччі — питання риторичне).</p> <div class="e2-text-picture"> <img src="https://blog-archive.alexkolodko.com/pictures/IMG_6068.jpg" width="2560" height="1920" alt="" /> <div class="e2-text-caption">Таблиця полупробілів</div> </div> <p>Зверстали, як для себе, надрукували собі кілька примірників та поки швидкома перенесли на сайт — <a href="http://roadguide.a3.kyiv.ua/">roadguide.a3.kyiv.ua</a>. Сам сайт та матеріали на github, а працює через docsify, зробити такий гайд нескладно.</p> <p>Там можна і сам PDF завантажити, і вся інформація є текстом з пошуком. При чому у планах залучити потенціал вебу: якщо говоримо про транслітерацію, то одразу ж тут робимо транслітератор за всіма правилами, а якщо говоримо про шрифт, то даємо його одразу завантажити.</p> <div class="e2-text-picture"> <div class="fotorama" data-width="2560" data-ratio="1.3333333333333"> <img src="https://blog-archive.alexkolodko.com/pictures/IMG_6061.jpg" width="2560" height="1920" alt="" /> <img src="https://blog-archive.alexkolodko.com/pictures/IMG_6062.jpg" width="2560" height="1920" alt="" /> <img src="https://blog-archive.alexkolodko.com/pictures/IMG_6063.jpg" width="2560" height="1920" alt="" /> <img src="https://blog-archive.alexkolodko.com/pictures/IMG_6065.jpg" width="2560" height="1920" alt="" /> <img src="https://blog-archive.alexkolodko.com/pictures/APC_0001.jpg" width="2048" height="1536" alt="" /> <img src="https://blog-archive.alexkolodko.com/pictures/APC_0003.jpg" width="2048" height="1536" alt="" /> <img src="https://blog-archive.alexkolodko.com/pictures/APC_0004.jpg" width="2048" height="1536" alt="" /> <img src="https://blog-archive.alexkolodko.com/pictures/APC_0008.jpg" width="2048" height="1536" alt="" /> <img src="https://blog-archive.alexkolodko.com/pictures/APC_0009.jpg" width="2048" height="1536" alt="" /> <img src="https://blog-archive.alexkolodko.com/pictures/APC_0010.jpg" width="2048" height="1536" alt="" /> </div> <div class="e2-text-caption">Друкований примірник</div> </div> <p>Приємно потримати в руках результат роботи.</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/lkAT2R7ypiY?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> <div class="e2-text-caption">Прекрасне відео</div> </div>