Readymag что это за программа
Readymag — инструмент для работы с контентом, создания презентаций и анимации
С каждым годом появляется все больше интересных паблишинг платформ, позволяющих создавать полноценные веб-проекты без каких-либо навыков программирования и верстки. От вас лишь требуется умение работать с компьютером и творческий подход. Данные сервисы можно использовать для сайтов разных тематик: от персональных страниц, портфолио, до продающих сайтов. При этом их функциональность также не стоит на месте: добавляются оригинальные инструменты и дизайнерские фишки, улучшается юзабилити. Есть даже сервисы, позволяющие реализовать анимацию на сайте, например, Readymag, о котором сегодня и пойдет речь.
Учитывая то, что анимация и разного рода дизайнерские эффекты для веб-страниц сейчас являются актуальным трендом, думаю, полезно будет познакомиться с подобным сервисом. Разработчики Readymag характеризуют его как дизайн-инструмент для представления контента в сети. В зависимости от имеющихся у вас материалов вы можете создавать:
Если просмотреть шаблоны в сервисе, то уклон идет больше на имиджевые эффектные проекты, где обычно используется много качественных фото, нестандартных шрифтов и оригинальной типографики. По формату местами напоминают журналы, отлично подойдут для портфолио в направлениях: дизайн, музыка, искусство, мода, СМИ и т.п. Как бы там ни было, вы ограничены лишь своей фантазией, все остальное для работы предоставит дизайн-инструмент readymag.com. И никакого программирования!
Функции Readymag и пример использования
Управлять элементами в Readymag можно обычным перетаскиванием – drag and drop. Изменение размеров текста или блоков контента, выбор шрифтов, загрузка изображений, добавление видео, — все это делается достаточно легко и быстро. Вот, например, настройка адаптивного дизайна.
Созданная презентация или сайт будут отлично выглядеть на планшетах, смартфонах и корректно работать в современных браузерах.
Проект, созданный на readymag.com полностью соответствует всем требованиям поисковых систем и имеет необходимые функции:
Меня лично больше заинтересовали функции, которые я не встречал у других платформ:
Чтобы начать работать в Readymag, нужно выбрать один из имеющихся шаблонов, либо открыть пустую страницу для редактирования. Для создания презентаций есть специальная категория макетов + допускается использование своих наработок.
В некоторые темы включены сразу несколько дизайнов страниц, например, отдельно страница с фотографиями, отдельно с текстами, контактами и т.п. Ненужные вы потом можете удалить. Советую выбирать вариант максимально приближенный к вашим требованиям/задачам, дабы потом меньше пришлось менять.
Интерфейс редактора для отдельной страницы выглядит приблизительно так:
В правом верхнем углу располагаются иконки просмотра и настройки проекта. В последних можете добавлять стрелочки навигации, менять метаданные, подключать свой домен и т.п. Снизу — элемент, позволяющий в один клик задать вопрос команде продукта, если возникнут какие-то вопросы.
В левом нижнем углу находятся основные элементы управления:
Для создания нового объекта просто кликаете по иконке «+».
Вариантов добавляемого контента хватает. Кроме обычных картинок, форм и текстов можно вставлять на страницу аудио, слайдшоу, кнопки, карты, виджеты из соц.сетей, а также iframe коды виджетов сторонних сервисов (например, редакторов форм).
Как сделать анимацию в Readymag
Как я уже сказал выше, анимация в веб-проектах (особенно лонгридах) сейчас встречается достаточно часто. Разработчики стараются таким образом выделить определенный контент или просто реализовать эффектную подачу информации. Подобные фишки подойдут как онлайн-журналу, так и креативному дизайнерскому портфолио.
В Readymag анимация появилась относительно недавно. Я бы выделил 3 основных направления для нее:
Создание анимации на сайте, по сути, состоит из трех шагов:
Например, я хочу добавить масштабирование фотографии на своей персональной странице при наведении. Для этого первым делом кликаю по соответствующему объекту.
Затем в меню инструментов справа выбираю триггер для запуска анимации (On hover — эффект при наведении). Далее потребуется задать тип эффекта и определить для него разные параметры. Для удобства здесь же располагается кнопка Preview с демонстрацией работы эффекта.
По следующему видео процесс создания анимации на сайте вам будет более понятен.
Главное, что при этом не используется никакого кодинга, все предельно просто и интуитивно понятно. Из эффектов здесь есть:
Также при создании анимации появляется блок предустановленных эффектов (Presets). В нем есть парочка заранее настроенных вариантов: затухание картинки, исчезновение и перемещение, мерцание.
Можете попробовать их установить и посмотреть, как именно эффекты будут проявляться на сайте. После этого просто меняете настройки на те, которые вам нужны.
В целом, добавление анимации на сайте с помощью Readymag — это реально что-то новое для подобных платформ. Однако и без нее у проекта есть ряд весьма уникальных фишек: поддержка Retina, совместная работа, анимация. Мне сервис понравился.
Я пробовал разные конструкторы сайтов: для обычных проектов, флешевых веб-страниц, специально заточенные под лонгриды и т.п. Выбирать тот или иной инструмент следует исходя из поставленных перед вами задач. Делать блог в Readymag определенно не стоит, а вот для онлайн-журналов, сайтов-портфолио или создания презентаций он идеально подходит. Наличие разных эффектов и той же анимации позволит подчеркнуть вашу индивидуальность и поразить посетителя нестандартным подходом.
ОБЗОРЫ И МНЕНИЯ ЭКСПЕРТОВ readymag
У конструктора сайтов Readymag есть редактор перетаскивания. Он предлагает несколько интересных функций, таких как возможность анимировать элементы. Тем не менее, вам нужно будет просмотреть ВСЕ пособия и прочесть ВСЕ справочные руководства, чтобы понять, как работать с ним. Если вы не готовы тратить часы на изучение того, как использовать конструктор сайтов, тогда вам следует попробовать бесплатную версию Wix – она содержит аналогичные функции и даже больше, и потребует минимального времени обучения.
Готов ли мир к Readymag?
Я не знала, с чего начать этот обзор, поскольку буквально не знала, с чего начать, когда приступила к работе с данным конструктором сайтов.
Если вы думаете, что скриншот ниже — изображение, которое не прогрузилось, то вы ошибаетесь. Именно так пусто и скучно выглядит основная страница сайта, с которой вы регистрируетесь для создания своего сайта с помощью Readymag. Нет ничего лучше пустой страницы и крошечного голубого ромба, чтобы взбодрить творческую жилу, не так ли?
Пустая страница, пустые взгляды, пустые мысли. Спасибо, Readymag.
Конструктор Readymag доступен только на английском, однако его руководства и поддержка доступна на английском, испанском и русском языках. Если вы не владеете одним из этих трех языков, возможно, вам придется нелегко с этим конструктором.
Вы можете найти еще несколько удобных в использовании сервисов в нашем списке лучших конструкторов сайтов на данный момент.
Функции и простота использования
Шаблоны. Сервис предоставляет шаблоны, но … их трудно найти! Здесь есть 29 шаблонов, каждый из которых выглядит как журнал или персональное портфолио. Модульная сетка в шаблоне напоминает файл Microsoft Excel. Каждый шаблон содержит от 1 до 12 предварительно разработанных страниц.
Хотя шаблоны Readymag хорошо разработаны, они однообразны, в отличие от Wix, который предлагает свыше 500 шаблонов и гораздо больший диапазон макетов журналов.
Readymag предлагает журнальные шаблоны с ограниченным количеством страниц.
А что насчет уток, спросите вы? Что ж, дорогой читатель, по какой-то неведомой причине для вас, меня или всего человечества, это одна из «популярных» форм, предлагаемых Readymag. Вы можете добавить на свой сайт все классические формы — квадраты, треугольники, круги и, конечно же… уток.
Единственная причина, по которой кто-то может нажать на значок утки, заключается в том, чтобы понять, зачем он вообще нужен. Однако никто не догадается, что при нажатии на утку появится еще больше фигур и значков!
Вы можете БЕСПЛАТНО добавить на свой сайт столько уток, сколько захотите
Уйма изображений, шрифтов и значков. О боже. Как я уже говорила, Readymag определенно специализируется на создании сайтов в стиле журнала, поэтому логично, что в графические элементы конструктора были вложены большие средства.
Здесь есть 500 000 фотографий, 2 миллиона иконок и огромное количество бесплатных шрифтов. Фотографии взяты из Unsplash, значки — из The Noun Project, а шрифты — из Adobe, Webtype, Google Fonts и дополнительных источников. Я определенно утонула в объеме доступной графики…
SSL-сертификаты. На сайте Readymag утверждается, что сервис предоставляет SSL-сертификат для обеспечения критически важной безопасности как ваших проектов, так и личной информации ваших пользователей. Однако он не указан в качестве функции в бесплатном или платном плане, поэтому неясно, как получить этот сертификат или сколько он стоит.
Ценовая политика и поддержка
Readymag предлагает бесплатный план, с помощью которого можно создать 10-страничный публикуемый сайт и добавить одного коллаборатора. Также доступны три ежемесячных/годовых платных плана, которые включают возможность добавления кода на ваш сайт. К тому же вы получаете доступ к Google Analytics и привязке доменов.
У Readymag есть полный справочный центр, доступный на английском языке, а также ограниченный справочный центр на испанском и русском языках.Также он предоставляет службу поддержки по электронной почте. Связавшись с ней, я была приятно удивлена, получив ответ в течение 30 минут.
У команды Readymag ушло всего 30 минут, чтобы прислать мне шаблонный ответ
Проект на Readymag за месяц: советы от AIC
В августе 2019 года команда AIC запустила проект «Здесь и сейчас. Атлас творческих студий Москвы». Дизайнер Александр Московский поделился планом работы с проектом на Readymag, который позволит оптимизировать работу и избежать проблем.
«Здесь и сейчас» — фестиваль современного искусства, который ежегодно проходит в московском «Манеже». Задача сайта — привлечь посетителей и рассказать им о выставке.
Помимо описания, плана пространства и технической информации, нужно было публиковать афишу и сохранить возможность быстро добавлять срочные сообщения, информацию об участниках и фотографии с мероприятий.
От идеи верстать сайт с нуля отказались сразу — не хватило бы времени.
Решили воспользоваться конструктором сайтов, чтобы ускорить работу. Мы рассматривали четыре инструмента: Webflow, Tilda, Сargo Collective и Readymag.
Webflow — практически графический редактор в вебе. Это дает большую свободу, но усложняет процесс, а нам нужно было быстрое решение.
Tilda и Cargo достаточно простые и дают большую свободу, но не позволяют делать большое количество сложных анимаций.
Выбрали Readymag: он сочетает себе простой интерфейс и большой инструментарий, который позволяет работать с нестандартным макетом и анимациями практически без ограничений.
Важно не только знать функционал инструмента, но и соблюдать некоторые правила и порядок действий. Работая над сайтом, мы столкнулись с разными проблемами и нашли решения, которые помогли запустить проект за месяц.
Если вы собираетесь использовать сторонний шрифт, купите его заранее и загрузите в проект с самого начала. Быстро заменить шрифт в готовом проекте получится, только если вы использовали текстовые стили. Если нет — придется менять в каждом блоке по отдельности.
Если вы делаете одностраничный сайт — отлично, Readymag по умолчанию настроен под вас. Если (как в нашем случае) одной страницей не обойтись — в конце статьи мы написали подробный разбор, как правильно сделать многостраничный сайт на Readymag.
Инструмент имеет ряд встроенных интеграций, все остальные внешние сервисы можно подключать через вставку кода. Например, можно вставить в проект собственные блоки, создать интерактивные формы, меню, стили, анимационные эффекты и многое другое.
Мы использовали встроенную форму сбора e-mail, подключенную к Mailchimp, — введенная почта автоматически отправляется в таблицу в подключенном аккаунте.
Перед началом работы нужно определиться, как сайт будет вести себя на разных разрешениях, чтобы адаптировать дизайн под выбранную механику.
Первый вариант — страница имеет фиксированную ширину, одинаковую на всех разрешениях, и при уменьшении размера окна поля справа и слева обрезаются. Чтобы элемент не обрезался, его нужно привязать к окну браузера. Следите, чтобы при сужении окна он не наехал на другие элементы.
Второй вариант — страница пропорционально уменьшается, подстраиваясь под ширину экрана (для этого нужно включить функцию Scale Layout).
Так удобнее работать (элементы точно не обрежутся), но лучше не делать слишком мелкие тексты — на узких экранах они станут нечитабельны. Для «Здесь и сейчас» мы использовали именно такое поведение.
Зафиксировать элемент на странице также можно двумя способами. Первый — привязать элемент к окну браузера. Контролировать элемент удобно, но когда объектов становится слишком много, они накладываются друг на друга, что усложняет работу.
Другое решение — сделать анимацию, которая компенсирует скролл. Элементы не будут накладываться (каждый отображается на странице в своей изначальной точке), но вы потеряете возможность добавлять им другие анимации.
Чем сложнее проект, тем больше времени уйдет на то, чтобы заменить текст или картинку на уже сделанном сайте. Если у вас есть контент, который нужно будет обновлять или дополнять, продумайте для него максимально простое отображение.
Для афиши, которая постоянно изменялась и дополнялась, мы придумали максимально простой лэйаут, а для планшета включили автоматическое отображение десктопной версии.
В Readymag можно управлять версиями для Desktop, Tablet и Mobile. Чтобы упростить работу, лучше использовать на всех версиях один и тот же элемент, модифицируя его. Если где-то придется обновить контент, он автоматически обновится везде. Чтобы сэкономить время, на Tablet можно включить отображение Desktop (но нельзя Mobile).
Помните, что если у проекта есть десктопная, планшетная и мобильная версии, на устройстве отобразится та, размеры которой ближе всего к размерам его экрана. Например, при повороте телефона в горизонтальную ориентацию всегда отображается десктопная версия проекта.
Сделайте это заранее — обычно связывание проекта и домена происходит быстро, но иногда может занять до 72 часов.
Заранее пропишите SEO-тэги, заголовки и описания страниц, чтобы сайт начал правильно индексироваться поисковыми системами. Не забудьте также сделать картинки для шеринга и подключить проект к аналитике.
Существует два способа, у обоих есть свои плюсы и минусы. Для большинства проектов подходит первый способ — он проще и удобнее, но бывает, что без второго не обойтись.
В настройках проекта заходим в раздел Settings > Viewer > Horizontal и отключаем Navigation arrows. Теперь ваш проект состоит из отдельных страниц, каждая — со своими названиями и ссылками.
Структура сайта будет выглядеть так:
Теряется возможность разбивать страницы на отдельные последовательные секции с собственными прикрепленными элементами в каждой. Приходится держать все закрепленные элементы в одной секции, друг поверх друга — это может усложнить работу.
Оставляем настройки по умолчанию: вертикальное пролистывание страниц друг за другом в рамках одного проекта. Каждую страницу сайта делаем как отдельный проект в Readymag, связываем их глобальными ссылками. Для однотипных страниц используем шаблоны.
Нужно придумать систему поддоменов, по которой будет строиться сайт, и подключить каждый домен вручную. Структура сайта будет выглядеть так:
Внутри каждой страницы мы можем ориентироваться между частями (pages):
Этот способ мы использовали для «Здесь и сейчас» — сайт состоит из 27 отдельных страниц (главная и 12 страниц павильонов на двух языках + афиша на русском).
Каждая страница может быть большой и сложной.
Грузится только нужная страница — это сделает загрузку сайта быстрее.
Для каждой страницы придется вручную настроить все параметры и привязать домен.
Для графического дизайна и не только – Reademag
В настоящее время существует множество программ, позволяющих создавать веб-публикации, будь то презентации, журналы, сайты или лендинги. Среди популярных онлайн-платформ можно выделить Readymag, которая предназначена для разработки контента с анимационными элементами и эффектами.
Для того, чтобы работать в программе, нужно иметь базовые знания в графическом дизайне. На основе популярной платформы было разработано множество сайтов и веб-публикаций. Какими возможностями обладает платформа и как ее можно освоить?
Что это за платформа
Софт пользуется спросом у дизайнеров, журналистов, блогеров, а также всех тех, кто любит публиковать контент и делиться своими историями в сети. Пользователей привлекает простой и удобный интерфейс программы, что дает возможность освоить платформу, не обладая какими-либо специальными навыками и познаниями.
Платформа Readymag предназначена для созданий публикаций и контента в Интернете. Посредством программы можно создавать целые сайты, лендинги, презентации, цифровые журналы и многое другое. Одной из особенностей приложения является экспорт кода с целью переноса созданного макета на собственный хостинг.
Есть несколько возможностей работы с платформой: посредством бесплатного тарифа и подключив платные услуги. Преимуществом платного тарифа является создание и опубликование неограниченного количества контента и проектов. В редакторе имеется набор шаблонов и виджетов для оформления и создания веб-страниц. Помимо стандартного набора фигур и кнопок, в редакторе есть уникальные возможности добавлять анимацию, настраивать видео-фон и многое другое.
История создания
Онлайн-редактор Readymag был разработан молодыми дизайнерами: Антоном Герасименко, Дианой Новичихиной и Кириллом Данченко. Создатели популярной платформы Диана Новичихина и Антон Герасименко познакомились в 2005 году, поскольку все работали в студии Артемия Лебедева. В 2010 году молодые люди познакомились с Кириллом Данченко, который на тот момент владел студией веб-разработки Astroshock.
Идея создать удобный редактор для верстки сайтов возникла у дизайнеров в 2012 году. Уже в 2013 году основатели и разработчики сервиса запустили закрытое тестирование приложения. Надо отметить, что приложение было протестировано успешно пятью тысячами пользователей.
Официальный релиз и выпуск Readymag в «жизнь» состоялся в октябре 2013 года. Новый сервис сразу же полюбился многим пользователям. К концу 2013 года приложением активно пользовались более семи тысяч человек.
Функции редактора
Многофункциональный редактор Readymag предназначен для создания цифрового контента, который может быть представлен в виде статьи, фотоальбома, презентации. Пользователи могут начать создание уникального контента с нуля или воспользоваться одним из заготовленных шаблонов, в зависимости от того, какого плана контент необходимо создать.
Возможности сервиса впечатляют. При желании можно создать целый сайт с элементами анимации. Следует отметить, что возможности сервиса во многом зависят от трафика. Предусмотрен как бесплатный трафик, так и платный с еще большими функциями.
Набор стандартных функций редактора:
Следует отметить, что бесплатный тариф предполагает создание десятистраничного сайта. Есть приобрести платную версию редактора, то появится возможность создавать и публиковать неограниченное количество контента и сайтов.
Разработчики позаботились о пользователях сервиса и дополнительно разработали мобильную версию приложения. Функции в мобильном приложении все те же, что и в обычном.
Как работать на платформе
Прежде, чем приступить к работе в редакторе Readymag, нужно ознакомиться с функционалом инструментов программы, а также научиться соблюдать правила пользования сервисом. Узнать об особенностях использования можно в разных видео и статьях. Также можно обратиться в службу техподдержки сервиса.
Весь процесс создания контента и сайта происходит в редакторе. Экран редактора появляется в случае, когда нужно создать новый проект или отредактировать уже имеющийся. Для того, чтобы воспользоваться виджетами (инструментами для создания контента), следует нажать на иконку «Add widget», которая располагается в левом нижнем углу редактора. Поблизости от иконки «Add widget» находится кнопка, с помощью которой можно выбрать фон проекта, а также настроить сетку.
Работать в редакторе не сложно, достаточно обладать базовыми знаниями в графическом дизайне. Можно создать новый проект с чистого листа или воспользоваться одним из множества предложенных программой шаблонов.
Обучение
Далеко не каждый пользователь может освоиться в редакторе, тем более, что сервис не имеет русифицированной версии. Новичкам может показаться сложным и непонятным интерфейс. Существуют разнообразные спецкурсы и видеоматериалы, ориентированные для начинающих пользователей и помогающие освоить работу в редакторе Readymag.
Список бесплатных обучающих курсов и материалов:
Примеры сайтов, созданных на конструкторе
Конструктор Readymag известен всему миру и пользуется спросом у дизайнеров и разработчиков сайтов разных стран. Благодаря сервису было создано множество цифровых публикаций и сайтов.
Примеры сайтов:
Это лишь немногие из примеров, которые были созданы с помощью популярного редактора. Каждый из сайтов наполнен уникальным контентом, на некоторых можно увидеть анимационные элементы.
Плюсы, минусы и отзывы пользователей
Дизайнерский сервис Readymag имеет множество аналогов и предназначен для создания цифровых публикаций и сайтов. Как и любой сервис, Readymag имеет свои преимущества и недостатки.
Преимущества:
Недостатки:
Если посмотреть на отзывы пользователей, то чаще всего можно увидеть положительные отзывы. Особо отмечается функционал программы, большой набор инструментов, возможность работать над одним проектом совместно. Загружать видео и фотоматериалы можно как с компьютера, так и находить в сети.
Негативные отзывы, к сожалению, также имеются. Отмечается высокая стоимость приложения. Пользователи недовольны однотипностью и небольшим количеством шаблонов. Также многие пользователи отмечают, что без дополнительной инструкции тяжело разобраться с особенностями работы в Readymag.
Полезное видео
Видео по обучению от Skillbox:
Заключение
Многофункциональный редактор Readymag позволяет создавать цифровой контент, различного вида публикации (фотоальбомы, презентации, лендинги, журналы).
Также с помощью конструктора можно создавать целые сайты. Сервис имеет массу преимуществ, доступен как в платной, так и в бесплатной версии (с некоторыми ограничениями). Прежде, чем начать работу в Readymag, желательно изучить обучающие материалы, посетить специальные занятия или пройти онлайн-курсы.