Переделываю расписание

Обычно я не участвую в конкурсах, но если задача особо близка моей душе, то можно.

Надо переделать расписание лагеря взятое из советской книжки.

Не до конца ясно: это расписание на стену или как листовка в карман. Пусть будет первое на случай изменений.

Работа с текстом

Для начала немного осовреременим текст, в паре мест я не справился, надо общаться с организаторами. И лучше начинать день с туалета, а не зарядки.

Главные проблемы

Но в оригинале есть и принципиальные проблемы:

• Время поставленно справа от текста — сбиваешься со строк.
• Время указано интервально — это излишне и замусоривает, поскольку один пункт следует сразу за другим.

Поправим:

Попробую горизонтально

Мне показалось удачным попробовать выразить время в длине ячейки и развернуть всё горизонтально. Хотя у нас и нет ограничений в формате бумаги, но такая колбаса это слишком, а в три строки смотрится не очень:

Или вертикально

А вот вертикально уже заверстывается прекрасно. Чтобы помочь понять, что время окончания одного пункта и начало следующего совпадают: временные отсечки смещены чуть выше основного текста:

1. Правда пришлось схитрить и сделать соответствие между высотой ячейки и временем не математически точным. Иначе 5 минут и 2 часа очень сильно будут контрастировать и опять получится полотно. Будем считать, что зависимость квазилогарифмическая, но близкая к линейной в основной массе.
2. Часы крупнее минут — это прием скорее для детской аудитории. Но между ними я привык ставить двоеточие, хотя с точкой чище.
3. Для времени применено так называемое Tabular Lining. Когда середина знаков цифр выровнены по одной вертикальной оси (это не совсем верное определение, но в нашем случае более очевидное). Альтернативой было бы Proportional Lining — тогда бы не было такой дыры между 1 и 1 в 11. Но тогда бы 21.40 и 22.00 были бы разной длины (и их точки были бы не на одной оси) — это не очень красиво для таблицы.

Гляну примеры

Ради хорошего результата не грех погуглить примеры расписаний. Мне понравилась идея с указанием утро-день-вечер — это помогает облегчить навигацию в таблице.

Результат #1

Результат в виде чистой таблицы конечно суховат. Тем более в конкурсе явно просят не забыть, что аудитория дети и родители. Я попробовал добавить картинки, особо выделив время для еды. Но кажется таблица стала хуже читаться...

Результат #2 (упорядочиваю)

Поэтому сделал шажок назад, чуть успокоив верстку.

Картинки оживляют, но и помогают ориентироваться. Но не только как иллюстрация, а как заголовок разбивающий простыню текста (дробящий информацию).

Вариант #3 (упрощаю)

Но линейки всё же перегружают, а смещенные временные отсечки смотрятся необычно. И коль уж часы с минутами разного размера — применим более привычный и аккуратный шаблон. Что если добавить продолжительность для основных пунктов, а время еды покрасить?

Возможно, для всех пунктов без продолжительности стоило сделать одинаковую высоту. Но пусть эта, на первый взгляд, неряшливость вызовет вопросы, а в дальнейшем поможет увидеть, что 20 мин больше 10.