Шаблон «Затмение» — полное руководство

«Затмение» — приглашение, оформленное как сайт запуска в обсерватории. Обложка — чёрное поле звёзд с едва заметной фиолетовой туманностью, а в её центре солнечное затмение: чёрный диск в кольце светящейся короны выбранного вами цвета. Ваше фото обложки лежит внутри диска — или по всей обложке, приглушённое позади кольца — а название вашего события светится под ним точечно-матричным шрифтом, как надпись на табло запуска.

«Затмение» — один из более простых дизайнов Fotify: его облик создают один выбранный вами цвет (любой) и место, где расположено фото обложки.

В этом руководстве рассказано, как выглядит «Затмение», какие у него есть особые параметры, как применить его к событию и как оно оформляет каждый раздел приглашения.

«Затмение» доступно на любом плане, включая бесплатный.

Обзор галереи шаблонов и выбора дизайна см. в статье Как настроить RSVP-приглашение.

Чем отличается «Затмение»

Стандартные шаблоны меняют цвета и шрифты на одном и том же общем макете. «Затмение» заменяет сам макет: своя обложка, бегущая лента и заключение, свои заголовки разделов и своё оформление сообщения, обратного отсчёта, галереи, истории, программы и ответа.

Фирменные элементы дизайна

• Затмение — чёрный диск с короной света вокруг: мягкие лучи, которые очень медленно вращаются, яркий ободок и «бриллиантовое кольцо» — бусина света на его краю
• Ваше фото в диске или позади кольца — внутри диска ваше фото обложки обрезано по кругу в том месте, которое вы задали; позади кольца оно заполняет обложку, приглушённое, чтобы затмение и текст выделялись
• Точечно-матричные надписи — название события, заголовки разделов, обратный отсчёт и бегущая лента набраны Doto, точечно-матричным шрифтом; всё, что читается, набрано Geist Mono, моноширинным
• Заголовки, которые расшифровываются — когда гость впервые прокручивает страницу до заголовка, он превращается из мерцающих символов в свои слова, от начала строки к концу
• Бегущая лента — лента вашего цвета под обложкой: строка ваших слов, дата и место бегут по ней между маленькими восьмилучевыми солнцами
• Ночь и крем — разделы чередуются между чёрным полем и кремовыми полосами, а на кремовых разделах — маленькие пиксельные значки, нарисованные для «Затмения» (подарок, отметка, календарь, бокал, билет, камера, часы)
• Один цвет — выберите его из предложенных или в палитре цветов. «Затмение» использует его для короны, названия события, бегущей ленты, кнопок, цифр обратного отсчёта, времени в программе и маленьких подписей
• Всегда читается — какой бы цвет вы ни выбрали, даже бледно-жёлтый или почти чёрный, текст и кнопки подстраиваются, пока не станут чётко читаться, и на чёрном, и на кремовом

Когда выбирать «Затмение»

«Затмение» подходит для событий, которым нужно ощущение запуска:

• Запуски продуктов и вечеринки по случаю запуска — корона и бегущая лента в цвете вашего бренда и программа в виде журнала вечера
• Конференции и митапы — многодневная программа в виде моноширинного журнала со временем вашего цвета и нужными гостям подробностями на кремовых карточках
• Юбилеи с круглой датой — светящееся имя, обратный отсчёт до старта и кремовая карточка ответа с чёрным краем

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

Для саммита с иллюстрированным закатом попробуйте «Сумерки». Для сцены с лучом прожектора на спикера — «Кейноут».

Как применить «Затмение» к событию

1. Откройте событие, нажмите Приглашение в боковом меню, затем вкладку Приглашение
2. В разделе «Шаблон дизайна» нажмите «Сменить шаблон», если галерея свёрнута, и найдите «Затмение» в группе «Дизайны» (оно есть под фильтром «Корпоратив», а также под «Вечеринка» и «День рождения»)
3. Необязательно: нажмите «Примерить», чтобы увидеть «Затмение» с данными вашего приглашения в живом предпросмотре, — ничего не сохранится, пока вы не нажмёте «Применить этот дизайн»
4. Или нажмите карточку «Затмение», чтобы сразу его применить
5. Откройте Параметры «Затмение» под галереей, чтобы выбрать цвет, место фото и другие параметры, описанные ниже. Изменения сохраняются автоматически

«Затмение» работает на любом плане. На бесплатных событиях в нижнем углу приглашения показывается небольшой значок «Создано в Fotify»; любой платный план или активная подписка его убирают.

Переход на другой шаблон позже ничего не разрушает: контент события остаётся ровно таким, каким вы его ввели, а параметры «Затмение» сохраняются на случай, если вы к нему вернётесь.

Параметры «Затмение»

У «Затмение» шесть собственных параметров. Они заменяют стандартные элементы управления цветом и шрифтами, которые «Затмение» не использует.

1. Корона

Цвет света. Выбрать его можно двумя способами:

• Предложенный образец — Сигнальный оранжевый (по умолчанию), Янтарь, Голубой, Маджента или Лайм
• Любой цвет — последняя пастилка открывает палитру цветов вашего устройства, чтобы точно подобрать цвет бренда. Код цвета показан рядом с пастилками

«Затмение» использует его для короны вокруг затмения, светящегося названия события, бегущей ленты, кнопок, цифр обратного отсчёта, времени в программе и маленьких подписей. Подойдёт любой цвет: там, где он несёт текст, оттенок подбирается так, чтобы текст читался, — на кремовых полосах он становится более глубоким оттенком того же цвета.

2. Фото обложки

Где расположено ваше фото обложки:

• Фото в диске (по умолчанию) — внутри чёрного диска затмения, обрезанное по кругу. Край фото чуть темнеет, как край Луны; середина остаётся чистой
• Фото позади кольца — по всей обложке, приглушённое, а перед ним сплошной чёрный диск с короной

Без фото обложки диск просто чёрный.

3. Бегущая лента

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

4. Строка ленты

Слова, которые бегут по ленте перед датой и местом (до 60 символов). Оставьте пустым, чтобы использовать значение по умолчанию («Вы приглашены»).

5. Строка на обложке

Маленькая строка вверху обложки, рядом с кнопкой ответа (до 80 символов). Оставьте пустым, чтобы использовать значение по умолчанию («Последовательность запуска»).

6. Заключительная строка

Крупная строка над восходящим затмением в конце страницы (до 80 символов). Оставьте пустым, чтобы использовать значение по умолчанию («До встречи под кольцом»).

Каждый фрагмент текста, который «Затмение» печатает на приглашении, — строку на обложке, строку ленты, кнопки «Ответить», подписи и заголовки разделов, единицы обратного отсчёта, слово «День» в программе, заключительную строку — можно также переписать прямо на странице: переключите живой предпросмотр в режим редактирования и дважды щёлкните по тексту. Заголовки разделов, которые вы уже задали в их собственных настройках (история, обратный отсчёт, подарки, где остановиться, как добраться, вопросы), редактируются на месте так же.

Как оформляется каждый раздел

Обложка

Космическое поле заменяет стандартную шапку:

• Строка на обложке (параметр 5) маленькими моноширинными заглавными буквами рядом с пиксельной плиткой и кнопка «Ответить» с другой стороны — она прокручивает страницу к форме RSVP. Она появляется только когда виден ваш раздел RSVP и никогда — на странице «Сохраните дату»
• Затмение в центре, с вашим фото обложки внутри диска или позади кольца (параметр 2)
• Место и дата под ним: место с одной стороны, дата (со временем) с другой — время подчиняется настройке «Показать время» обложки вашего приглашения, дата и место — настройкам «Показать дату» и «Показать место», а каждый гость видит выбранную вами дату независимо от часового пояса
• Название вашего события светящимися точечно-матричными заглавными буквами, расшифровывающееся на месте при открытии страницы. На широком экране короткое название идёт через обложку в одну строку; длинные названия уменьшаются на размер, чтобы не ломаться посреди слова

Бегущая лента

Ваша строка ленты (параметр 4), дата и место, за каждым из которых маленькое солнце, бегут по ленте вашего цвета. Она бежит к началу строки, поэтому следует направлению чтения. Она неподвижна для гостей, у которых на устройстве включено уменьшение движения, и пока вы редактируете текст в предпросмотре, чтобы вы могли дважды щёлкнуть по строке.

Заголовки разделов

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

Сообщение — заявление

На первой кремовой полосе. Короткое сообщение (до 260 символов) набрано крупно моноширинным шрифтом, как страница запуска сообщает, о чём она; более длинное читается как письмо основным размером.

Обратный отсчёт — часы запуска

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

Галерея (карусель)

На чёрном: ваши фото в виде ряда рамок, которые гости листают, у каждой в углу её номер в ряду (01, 02…). Ваши фото сохраняют собственные цвета.

История — карточки миссии

На кремовой полосе: каждая веха — белая карточка с фото, её номером в ряду (01, 02…) вашего цвета, датой (в формате даты вашего приглашения), названием и текстом. Веха без фото показывает пиксельную камеру, чтобы карточки оставались ровными. По три в ряд на широких экранах, по две на планшетах, по одной на телефоне.

Программа дня — журнал миссии

На чёрном: ваша программа в виде журнала, по одной строке на запись — время вашего цвета, длинное тире, затем момент заглавными буквами, а место и примечание на более мягкой строке под ним. Вдоль края идёт бледный номер строки, а после последней строки мигает блочный курсор (при уменьшении движения он неподвижен). Если программа длится несколько дней, каждый день открывается надписью «День 01», «День 02»… (место дня в программе) и датой или подписью дня; заголовок дня появляется, только если у дня есть дата или подпись. Значки записей не показываются.

RSVP — посадочный талон

На последней кремовой полосе: «Вы с нами?» с датой, до которой нужно ответить, под ним и форма ответа на кремовой карточке с чёрным краем. Чёрная полоса сверху несёт пиксельный билет и фазы затмения, скользящие к полной фазе, — только украшение, карточка никогда не показывает место, код или номер. Кнопки берут ваш цвет с чёрным краем. На странице «Сохраните дату» на карточке вместо формы — заметка о сохранении даты.

Место проведения, подарки, детали мероприятия и «Сохраните дату»

Эти четыре раздела используют ту же структуру, что и другие дизайны Fotify с выбором цвета («Меридиан», «Нить», «Призма» и «Дуотон»). Место проведения, подарки и детали мероприятия лежат на кремовых полосах с квадратными белыми карточками, маленькими пиксельными значками и кнопками вашего цвета с чёрным краем; «Сохраните дату» лежит на чёрном.

• Место проведения — карточка карты рядом с карточкой адреса (с пиксельной отметкой), где указаны ваш адрес, подсказки по дороге и кнопка «Открыть в Картах». Если карту показать нельзя, на карточке карты рисуется отметка с координатами места; без координат карточка адреса занимает всю строку
• Подарки — каждый список, способ оплаты, благотворительная организация и пункт списка желаний — отдельная карточка в сетке с пиксельным подарком, картой или сердцем, сгруппированные под небольшими подписями (с количеством), если вы предлагаете больше одного вида. Платёжные данные лежат во вставке с кнопкой «Копировать», а длинные номера счетов переносятся внутри карточки. Ссылки для оплаты, QR-коды для оплаты и бронирование подарков из списка желаний показываются кнопками на каждой карточке
• Детали мероприятия — по карточке на каждую тему: дресс-код с рекомендуемыми и нежелательными цветами в виде образцов, где остановиться с каждым отелем в виде мини-карточки (расстояние, ценовой диапазон, промокод, примечания и кнопка «Забронировать»), как добраться со значком для каждого вида транспорта и карточка «Вопросы» на всю ширину, где каждый вопрос раскрывается по касанию
• «Сохраните дату» (календарь) — одна тёмная карточка с пиксельным календарём, заголовком и датой мероприятия с одной стороны и кнопками Google, Apple (скачивает файл календаря) и Outlook — с другой

Заключение

Снова космическое поле: ваша заключительная строка (параметр 6) крупными точечно-матричными заглавными буквами, расшифровывающаяся на месте, под ней место и дата и кнопка «Ответить» — над затмением, восходящим от нижнего края страницы.

Разделы с общим макетом

Эти разделы сохраняют общий макет Fotify и оформлены в стиле «Затмения»:

• Загрузка фото, QR-код, Рассадка, Плейлист, Подсобытия, Особые моменты и пользовательские разделы

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

Часто задаваемые вопросы

В: Можно ли использовать цвет моего бренда? О: Да. Задайте «Корону» цвета вашего бренда через «Любой цвет». Он окрашивает корону, название события, бегущую ленту, кнопки и подписи; на кремовых полосах он показывается более глубоким оттенком того же цвета, чтобы оставаться читаемым.

В: Куда поместить фото: в диск или позади кольца? О: В диск подойдёт портрет или фото с одним чётким объектом посередине — задайте обрезку так, чтобы он лёг в круг. Позади кольца подойдёт широкое фото места проведения или толпы, которое читается как приглушённый фон.

В: Почему в программе написано «День 01» и «День 02»? О: Когда программа длится несколько дней, каждый день показывает своё место в программе, в порядке дней. Однодневная программа номера не показывает. Слово «День» можно изменить в режиме редактирования живого предпросмотра.

В: Расшифровываются ли заголовки всегда? О: Только один раз, когда гость впервые прокручивает страницу до каждого из них. Гости, у которых на устройстве включено уменьшение движения, видят заголовки неподвижными, как и заголовки не на латинице (иврит, арабский, кириллица, японский и другие), которые просто стоят на месте. Программы чтения с экрана всегда читают итоговые слова.

В: Работает ли «Затмение» в языках с письмом справа налево? О: Да. На иврите и арабском макет зеркально отражается: место и дата меняются сторонами, лента бежит в другую сторону, а бусина света переходит на другую сторону кольца. Обрезка вашего фото обложки остаётся такой, как вы её задали.

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

Следующие шаги

• См. Как настроить RSVP-приглашение — про галерею шаблонов и о том, как примерить дизайн перед применением
• Сравните с другими дизайнами для событий: «Сумерки» — саммит на закате или «Кейноут» — сцена с лучом прожектора для выступлений и запусков
• Позвольте гостям делиться фото по QR-коду: узнайте о Fotify для конференций и цифровых приглашений с RSVP

Нужна помощь? Свяжитесь с нами через виджет помощи в панели управления.