Женя Белодед

Арт-директор в Студии Райт

Переверстка распорядка дня детского лагеря

Две недели назад Игорь Штанг опубликовал у себя в блоге конкурс — нужно переверстать распорядок дня детского лагеря из старой советской книжки.

Из книги В. М. Качашкина «Методика физического воспитания», 1968

Вариант 1

Переношу все в Фигму, сразу меняю формат времени: убираю текстовое обозначение часов и минут. Повторять их столько раз нет смысла, оставляю более привычный формат ЧЧ:ММ.

Перед тем как заниматься оформительством, работаю с содержимым таблицы. В правой части периоды времени, которые стыкуются друг с другом. Время конца события можно убрать, так как начало нового и есть завершение предыдущего.

В распорядке дня время важнее описания, чтобы можно было быстрее понимать что нужно делать сейчас, а что потом. Переношу время в первую колонку.

Дальше редактирую текст описаний, в заголовке написано, что распорядок примерный, а расписано все по минутам. Кажется, это даёт возможность пренебречь некоторыми пунктами.

  1. Отрядная и лагерная линейки → Линейки
  2. Уборка постелей, туалет → уборка, туалет
  3. Работа в детском лагере может вызывать негативные ассоциации, оставляю только Экскурсии, игры и т. д.
  4. Обеду уделено три строки: подготовка, сам обед и послеобеденный отдых. Не совсем ясно что такое подготовка к обеду, думаю, если убрать этот пункт — дети и их родители в информативности не потеряют. Послеобеденный отдых меняем на просто отдых, ибо и так понятно, что он идет после обеда.
  5. Занятия кружков, спортивные соревнования и конкурсы упрощаю до Кружки, соревнования, конкурсы.
  6. Индивидуальное чтение сокращаю до чтения.
  7. Снова избавляюсь от работы. Отрядная работа: костры, викторины, прогулки, беседы, вечера, просмотры кинофильмов → Костры, викторины, фильмы
  8. Приготовление ко сну тоже убираю, если в 22 отбой, то логично, что расстелиться и чистить зубы нужно заранее.

Получается простое расписание, которое осталось только красиво заверстать.

Добавляю заголовок, чтобы привлекал внимание. Убираю часы, если в рамках одного часа идут несколько событий.

Выделяю главное. В задаче написано, что заказчик попросил сделать дизайн удобным, наглядным и нескучным — чтобы понравилось и детям, и взрослым. Расписание все же больше для детей — выделяю всё, что касается развлечений, отдыха и отмечаю подъем с отбоем.

Наклоняю заголовок, чтобы сломать вертикальность линий и придать динамики. Лагерь, все-таки, современный. Выравниваю ось описаний по линии буквы А, готово. Получился стандартный вариант, который можно смело повесить на стене лагеря и пользоваться в любой момент времени.

Как-то скучно и сухо, как для модного современного лагеря. Вспомнил журнал Каламбур, где были интерактивы в стиле «распутай клубок», накинул вариант, получилось забавно, но полностью неиспользуемо на постоянной основе.

Вариант 2

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

Пробую вертикальный формат, выбираю масштаб 20px = 5 минут и по-черновому наношу на фрейм в Фигме.

Получается длинная колбаса которой не очень удобно пользоваться. В календаре на компе есть обозначение текущего времени, за счет чего понятно сколько осталось и сколько до следующего события. В печатном варианте такого нет, да и дети вряд ли часто пользуются стандартным календарем.

Ставлю себя на место ребенка, я бы представлял день как отрезок от момента как я проснулся до сна. Разворачиваю ось в горизонталь, выбираю масштаб поменьше.

Отхожу от формата для большей гибкости. Объединяю цветами одинаковые события, склеиваю некоторые для наглядности. Размещаю с наслоением друг на друга, чтобы было понятнее, что после чего идет.

Добавляю заголовок и выделяю отбой. Дети должны высыпаться :) За счет наклона заголовка получилось сверстать по форме подписей.

Визуальная часть берет на себя много внимания, уменьшаю, переношу все вниз, дополняю подписями.

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

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

Вариант 3

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

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

Вспомнил про однострелочные часы. Когда циферблат разделен на равные отрезки времени по 5 минут, а стрелка в середине показывает текущее время. За оборот проходит 12 часов и дальше по новой.

Попробовал совместить часы и визуализацию данных, нанести прямо на циферблат события, которые происходят в лагере.

Кайф. В каждый момент времени понятно, что происходит. Кроме этого, наглядно видна длительность событий, а стрелка указывает на текущее состояние.

Сложно понять где начало, где конец дня. Разворачиваю график: снаружи — день, внутри вечер. Корректирую подписи и временные отрезки, подъем и отбой выношу за отрезки как стартовую и конечные точки.

Осталось закодировать цветами и подогнать под формат. Объединяю по группам: еда, полезное, активности, линейки и т. д.

Макет можно сделать под конкретный формат часов, чтобы их повесить поверх расписания. Дешево и понятно :)

Задание оказалось прикольным, постарался выйти немного за рамки простой переверстки и подумать как еще можно визуализировать расписание.

Почему мне не подошёл Ноушн или перезапуск блога

Первая моя попытка запустить полноценный блог была в Ноушне. Но что-то как-то не завелось и не попёрло. Ноушн мощный инструмент, куда я сложил практически всю свою жизнь. Но, кажется, в этом и случилась проблема — когда всё живет в одном месте.
Блог для меня это такое окошко во внешний мир, а когда внешний мир живёт со всем остальным, то он перестаёт быть внешним.
Проще говоря, я придумал отмазку для самого себя, почему я ничего не писал, и это стало поводом вспомнить вёрстку и пересобрать тему на Эгее.

Чем хороша Эгея:

  • Быстрая

    Ноушн медленный, если много ходить по страницам. Особенно, если их много, а в документах есть ссылки и форматирование. Эгея шустрее.
  • Простая
    
Тут нет ничего лишнего. Просто заметки: текст и картинки. Что ещё надо?
  • Своя

    В Ноушне я не мог отделаться от ощущения, что это не принадлежит мне. Ляжет сервис и нет ничего. С хостингом смысл вроде тот же, но почему-то психологически это больше моё: есть файлы, которые могу сохранить на жесткий диск.

Чем плохая:

  • Неудобное форматирование заметок
    
В Ноушне встроенный визуальный редактор, что помогает сразу видеть результат. В Эгее все делается вслепую с помощью Маркдауна: чтобы увидеть, как будет выглядеть заметка, нужно её сохранить.
  • Мало возможностей для кастомизации без кода

    Темы меняют только шрифты и цвета, хочешь чего-то больше — придется лезть в код.
  • Кривые обновления

    Сделаны они плохо, если вы не используете стандартную тему и все-таки залезли в код. Стили зашиты в функциональность сервиса и если менять их, то при обновлении все ломается. Нельзя отдельно обновить движок и добавить так какие-то фичи, когда вы на свою голову собрали кастомную тему.
    Но я готов мириться со всеми минусами в пользу скорости и простоты решения. Посмотрим, получится ли запустить блог в этот раз 😌

Как перевести деньги на карту любого банка Беларуси без комиссии

В Беларуси при переводе денег даже внутри банков могут быть комиссии и ограничения. Про другие банки даже расписывать не буду, там вообще можно остаться с голой жопой 🙃
Но можно отправлять деньги без комиссии— через ЕРИП. С ним, думаю, многие сталкивались, ибо это основной способ оплаты всего чего только можно в РБ.

Универсальная инструкция:

  1. Откройте приложение вашего банка, зайдите в раздел оплаты услуг, он же ЕРИП.
  2. Дальше ЕРИП → Банковские, финансовые услуги → Банки, НКФО → Пополнение счёта
  3. Затем нужно вписать номер счёта. Тут каждый банк просит свои данные. Кто-то запрашивает IBAN, кто-то номер самого счета, кто-то сокращенный формат. В любом случае всю эту информацию обычно можно получить из банковского приложения. После ввода счёта на экране появятся данные владельца счета, чтобы можно было проверить кому пересылаешь деньги.
  4. Вводите сумму, подтверждаете паролем и радуетесь экономии в такие тяжелые времена 🙂
    Деньги могут идти чуть дольше обычного перевода с карты на карту. Но обычно в течение 5-10 минут.
 Нет комментариев    122   2021