October 19, 2020

Чек-лист: создаем шаблон в Readymag

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

Этот чек-лист поможет самостоятельно собрать проект-шаблон в Readymag.

Определитесь с целями

  • Шаблоны лучше всего подходят для проектов с повторяющейся версткой: презентаций, страниц блогов или портфолио. Чтобы упростить проектирование, вначале ответьте на несколько вопросов:
  • С каким графическими элементами вы будете работать: изображения, текст, кнопки, графики?
  • Для каких форматов вы будете использовать шаблон? Презентация, портфолио, лендинг?
  • Вы планируете использовать шаблон в одиночку или совместно с кем-то?

Найдите вдохновение

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

Продумайте структуру

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

Задайте стили

В Readymag стили текста и стили ссылок — это предустановленные параметры форматирования текста (шрифт, его цвет и кегль, высота строки, межбуквенное расстояние, подчеркивание и т.д.). Убедитесь, что вы задали стили в своем шаблоне — они серьезно экономят время. Когда вы меняете форматирование стиля, все тексты, к которым этот стиль применен, обновляются в соответствии с новым форматом. Также держите в уме, что стоит задавать с нуля собственные стили, а не менять стандартные—в противном случае при переносе в шаблон настройки слетят.

Обратите внимание на неочевидные, но важные аспекты

Не пользуйтесь глобальными виджетами

После сохранения проекта в качестве шаблона, эта настройка перестанет работать.

Не используйте кастомные шрифты

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

Настройте HTML-теги заголовков

В Readymag есть два предустановленных стиля заголовков: <H1> и <H2>. Каждый из них работает как HTML-тег: когда поисковый робот заходит на вашу страницу, теги помогают ему считывать информацию, и, соответственно, определять по каким запросам сайт будет появляться в выдаче. Мы рекомендуем задать теги заголовков в шаблоне—в дальнейшем это поможет сэкономить время.

Задайте alt-теги изображений

Атрибут alt содержит описание изображения, состоящее из нескольких слов: этот текст видят пользователи, у которых по каким-то причинам в браузере не отображается графика. Также этот текст считывают поисковые роботы, поэтому он влияет на SEO. Мы рекомендуем своевременно обновлять описания изображений в каждом проекте.

Настройки публикации

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

Планируете выгружать в PDF?

Не используйте в шаблоне анимацию, если планируете экспортировать проекты, созданные на его основе, в PDF: это статичный формат, анимация в нем недоступна. Также в PDF не работают фиксированные виджеты и настройка Scale layout.

Превратите макет в шаблон

Когда вы решите, что макет готов, превратите его в шаблон: откройте меню проекта и нажмите ‘Add’ в нижнем правом углу, затем выберите вкладку ‘My templates.’ Чтобы добавить уже существующий шаблон в новый проект, откройте меню настроек проекта и выберите нужный шаблон из коллекци ‘My Templates’.

Поделитесь шаблоном

Существует несколько способов поделиться шаблоном. Сначала нужно превратить шаблон в проект: для этого создайте новый проект, зайдите в режим редактирования, нажмите на ‘Add’ в нижней части бокового меню, затем в выпадающей вкладке выберите ‘My templates’ и найдите нужный шаблон. Затем вы можете отправить копию в аккаунт другого пользователя (получатель должен будет добавить появившийся проект в свою библиотеку шаблонов). Другой вариант: создать из шаблона проект и добавить туда коллабораторов.


Прочитать оригинал этого материала на английском можно здесь.

Посмотреть все шаблоны, которые есть в Readymag, можно здесь.

Создать свой первый проект на Readymag бесплатно — здесь.