Readymag или tilda что лучше
Заменят ли верстальщиков нейросети и конструкторы для создания сайтов?
Разговоры о том, останутся ли верстальщики без работы, длятся годами. Как только появляется новая программа или плагин для автоматизации вёрстки, специалистам начинают тут же пророчить бессрочный отпуск. Но стоит ли всерьёз относиться к таким разговорам?
Уже сейчас есть множество конструкторов, которые позволяют создавать сайты без знания HTML и CSS. Существуют плагины и программы, которые сами создают код на основе макета. Есть даже нейросети, почти полностью автоматизирующие процесс вёрстки. Но ни одна из этих программ всё еще не смогла полностью заменить человеческий труд и лишить верстальщиков работы.
Как создать сайт, не умея кодить?
Сейчас в мире популярно движение No-Code. Его цель — создание новых инструментов, позволяющих людям без навыков разработки создавать собственные цифровые продукты. Один из самых ярких примеров No-Code платформы — конструкторы сайтов. В том числе Tilda, WebFlow, Wix, Readymag, Mobirise и многие другие.
В каждом из таких конструкторов можно выбрать готовый шаблон или начать работу с нуля, добавлять и переставлять блоки, управлять шрифтами и цветовой схемой, настраивать поведение интерактивных элементов. В наиболее продвинутых конструкторах есть возможность создавать собственные блоки. В них можно добавлять любые элементы: текст, формы, кнопки, галереи, одиночные изображения, видео и тултипы. К примеру, в Tilda эта функция называется Zero-block или «нулевой блок».
Настройка Zero Block в Tilda
Продвинутые конструкторы также позволяют настраивать простую анимацию и сценарии поведения элементов на сайте. То есть пользователь без знания JavaScript может добавлять поп-апы, бургер-меню, меню-аккордеон или слайдеры.
Пример галереи в Mobirise. Баннер на опубликованном сайте можно отключить только за деньги
Еще один важный недостаток — во время работы пользователь ограничен функциями конструктора, хотя при наличии навыков даже c No-Code можно создать кастомный дизайн. Сам код тоже тоже обычно недоступен, но некоторые сервисы позволяют его получить за отдельную плату. А при появлении проблем придется обращаться в техподдержку и ждать помощи со стороны — самостоятельно исправить ошибку, изменив пару строчек кода, не получится.
Кроме того, простому пользователю, не знакомому с веб-разработкой, бывает сложно самому разобраться с конструктором и создать подходящий сайт. На это требуется время, которого у владельцев бизнеса обычно нет, а если использовать Webflow, то и небольшие знания в области веб-разработки. Поэтому создание сайтов на платформе конструкторов всё равно отдают на аутсорсинг фрилансерам или веб-студиям.
Создание сайтов «в три клика»
Помимо конструкторов существуют и другие инструменты для создания сайтов. В их числе специальные плагины для Figma «Anima» и «Figma to HTML», которые преобразуют статичное изображение страницы в HTML и CSS. Пользователю нужно только открыть подходящий макет, настроить поведение элементов и нажать на кнопку экспорта кода. После этого он получает адаптивный сайт, полностью соответствующий макету заказчика.
Работа с плагином Anima app в Figma: слева от макета окно с настройками. Здесь можно выбрать брейкпоинты, вставить карты или чат-бота, настроить ховеры и добавить ссылки.
По такому же принципу работают и другие программы, например, Psdtoweb. С её помощью пользователь может получить сайт за три клика: загрузив в программу макет в формате psd, нажав на кнопку трансформации и скачав получившийся архив с кодом страницы.
, а вместо тега с типом text использован
» title=»Плагин создал код, который нужно исправлять. Например, вся разметка сделана на
» width=»1887″ height=»858″ data-src=»https://habrastorage.org/getpro/habr/upload_files/241/88d/b48/24188db480620bb430df09ff8237c58d.jpg» data-blurred=»true»/> Плагин создал код, который нужно исправлять. Например, вся разметка сделана на
Нейросети для вёрстки страниц
Было бы удобно, если бы пользователи могли быстро создавать сайты и веб-приложения для своих целей: не шаблонные, а именно такие, какими они хотят видеть продукт. И такой инструмент есть. Весной 2017 года IT-сообщество всколыхнула новость о том, что датский стартап Uizard Technologies разработал нейросеть pix2code для автоматизации фронтенд-разработки. Спустя восемь месяцев разработчики FloydHub на её основе создали собственную нейросеть для вёрстки, которая может сгенерировать разметку и стили, ориентируясь на изображение макета.
Принцип работы такого алгоритма похож на описанный выше принцип работы Psdtoweb:
пользователь загружает макет страницы в формате JPEG,
нейросеть трансформирует картинку в HTML и CSS-код,
пользователь получает свёрстанную страницу.
Алгоритм умеет верстать простые блоки, определять теги и расставлять их в нужном порядке. Его главное преимущество — постоянная обучаемость. По мнению разработчиков, с помощью такого обучения в течение трех лет нейросеть могла бы изменить разработку: полностью автоматизировать верстку и снизить порог вхождения в профессию. Правда стоит уточнить, что такое заявление было сделано 3,5 года назад, а алгоритм до сих пор не нашёл активного применения в веб-разработке.
Нейронная сеть конвертирует изображение в разметку HTML, gif из GitHub Emil Wallner
Созданная нейросетью страница, скриншот из GitHub Emil Wallner
Сейчас нейронная сеть находится в открытом доступе, один из вариантов реализации можно найти на GitHub Emil Wallner. Для его запуска понадобятся знания Python и фреймворков, например, TensorFlow и других. Также придется установить компоненты, пакеты и зависимости с помощью пакетного менеджера pip, а затем запустить выполнение программы в среде Jupyter Notebook. Поэтому обычный пользователь без опыта программирования не сможет сам протестировать эту нейросеть.
Пора ли верстальщикам искать новую работу?
No-Code давно занял отдельную нишу, но до сих пор не смог полностью заменить человеческий труд. Вряд ли это произойдет и в ближайшем будущем: профессия веб-разработчика не исчезнет, хотя, возможно, и немного трансформируется.
Конструкторы сайтов и различные программы упрощают процесс верстки и позволяют создавать простые блоки, но у них слишком много недостатков в сравнении с кодом, написанным разработчиком. Большинство из них не может делать интересную анимацию и сложные интерфейсы. Некоторые конструкторы, например, WebFlow, выдают относительно чистый семантичный код — но не все. Часто получаемый с их помощью код избыточен и требует доработки. В нем не всегда используются семантические теги и уделяется внимание доступности. Поэтому если заказчику нужен уникальный кроссбраузерный сайт, который можно будет гибко менять, то лучший способ получить такой продукт — обратиться к веб-разработчикам.
Нейросети тоже не всемогущие. Во-первых, пока они слишком сложны и не доступны для всеобщего пользования. Во-вторых, сам Tony Beltramelli, один из создателей pix2code, заявил, что искусственный интеллект не скоро заменит разработчиков интерфейса. По его словам, даже если зрелая версия программы будет способна полностью генерировать код, фронтендеры все равно будут необходимы для реализации логики, интерактивных частей, расширенной графики и анимации. В том числе на них ложатся задачи по подготовке кода для бэкенда.
В это же время нейросети должны помочь разработчикам в автоматизации процессов. Если их получится широко внедрить, разработчики смогут отказаться от рутинных задач по верстке и стилизации элементов, сосредоточить внимание на более интересных деталях и тратить на работу гораздо меньше времени.
Если вам нравится верстка, не отказывайтесь от идеи стать разработчиком. Попробуйте свои силы на бесплатных тренажерах или пройдите профессиональный курс, который подготовит вас к старту карьеры в IT.
Конструкторы. Tilda, Readymag, WIX, Squarespace
Apr 21, 2017 · 5 min read
Немного покопавшись в интернете, я обнаружила, что не так уж и много полезной информации про конструкторы сайтов. Вроде статей и обзоров полным полно, но они либо какие-то поверхностные, либо двухгодичной давности (целая вечность!).
А я как раз села и потратила несколько дней на знакомство с подобными сервисами для одной небольшой задачи. По итогу написала короткое резюме, в которое включила 4 конструктора. Почему только 4? Они мне понравились гораздо больше чем все остальные, только про них мне захотелось что-то написать.
Tilda
Для чего подходит: На Тильде нужно делать либо лендинги, либо лонгриды. Она заточена именно под это. Можно конечно сделать сайт и в каком-то другом формате, но это будет заметно сложнее. Сразу почувствуешь, что Тильда для этого не предназначена.
В отличии от всех нижеследующих примеров, на Тильде нет готовых шаблонов для всего сайта, на базе которых можно сделать свой. Там есть коллекции отдельных заготовок-блоков, из которых собираешь свой сайт как конструктор. Каждый из блоков можно видоизменять и кастомизировать в определенных рамках. Есть инструмент Zero Block, с помощью которого можно создать свой блок с нуля, не выбирая заготовку из библиотеки. Что еще более прекрасно, можно взять заготовку и перенести её в Zero Block, где полностью ею управлять.
Мне еще понравилось, что у сервиса есть страница, где вообще без лишней бижутерии и декора коротко написаны все их возможности — удобно быстро пробежать глазами и всё понять. https://tilda.cc/ru/features/
Цена: бесплатно можно создать 1 проект (количество страниц в проекте — до 50) и библиотеки будут сильно урезаны. За 500р в месяц получаешь тот же 1 сайт, но страниц уже 500, а библиотеки полные. За 1000р в месяц сайтов будет 5 и появляется возможность экспорта кода.
Readymag
Для чего подходит: Сервис более всего подходит для создания интерактивных презентаций. Это слайды и навигация по ним, это анимация при скроллинге и еще многое другое, очень подходящее именно для презентаций, для подробного рассказа о проекте, кейсе. Так же хорошо подходит для создания портфолио (которое почти всегда по сути и является презентацией), лонгридов и прочих микросайтов. Но убрать с экрана навигацию по слайдам (которая уместна для презентации, но не всегда уместна в других случаях), прикрутить свой домен и спрятать конского размера логотип ридимага можно только в платной версии.
Цена: Бесплатно можно создавать неограниченное количество проектов, каждый из которых может состоять из 10 страниц максимум. За 16$ в месяц уже можно жить — прикрутить свой домен, убрать навигацию и лого ридимага и многое другое. За 64$ можно практически все, в том числе и экспорт кода, и вставку своего.
Для чего подходит: Самые разнообразные сайты, от персональных страниц до интернет-магазинов. В целом конечно ощущается что это продукт для народа, а не для дизайнеров.
Цена: 250р в месяц и у тебя есть возможность подключить свой домен и убрать рекламу сервиса с сайта. Но это цена за один сайт, а не за весь аккаунт, как у readymag например.
Squarespace
Для чего подходит: Как и WIX, для любых сайтов.
Цена: От 12$ в месяц если платите за год вперед (16$, если каждый месяц). Следующий тариф это 18$ (26$). Как и у WIX, это тоже цена за один сайт, а не за аккаунт. Первые 14 дней можно пользоваться бесплатно.
Readymag или tilda что лучше
Конструкторы сайтов — спорная тема. С одной стороны, они помогают хоть как-то засветиться в интернетах за пределами соцсетей, если у вас нет денег или желания работать со студией. С другой — самодельные сайты чаще вызывают кровавые слезы, чем желание купить. Особенно у избалованных пользователей, которые знают, что такое материал дизайн и юзабилити (а таких сейчас хватает).
Но раз есть аудитория, значит, найдется и продукт для нее. И для тонких ценителей дизайна тоже существуют конструкторы. Настолько качественные и крутые, что некоторые компании переходят на них, чтобы частично разгрузить программистов. Даже мы так делаем — статья, которую вы читаете, сверстана в Тильде 🙂
Тильда — представитель конструкторов, в которых не напрягаясь можно слепить сайт-конфетку, соответствующий современным трендам. Часто Тильду сравнивают с Readymag. Наверное, потому что оба сервиса заточены под лонгриды, просты в использовании и сделаны в России. Мы решили рассмотреть их подробнее, сравнивают и узнать, в чем разница между этими сервисами.
Тильда. Принцип работы Тильды — перетасовка шаблонов разных блоков. Их очень много — больше 400. Шаблоны хорошо сочетаются друг с другом и выглядят солидно, даже если не играться с их настройками.
Также есть готовые шаблоны для сайтов и страниц: портфолио, страница «О компании», сайт ивент-агентства, салона красоты и т.д. Все шаблоны можно редактировать, но не сильно.
Readymag. В R/M с шаблонами не очень, потому что сервис заточен под нестандартные решения. Там дают чистый холст, инструмент — и твори, что душа пожелает.
Хотя немного шаблонов у R/M все-таки есть. Но, как нам кажется, они бесполезны. У них специфический дизайн, и подставив туда свои шрифты, тексты и картинки, вы не сильно измените ситуацию. Шаблоны в R/M хороши как пример, но не как заготовка для проекта.
А еще мы обнаружили подозрительно похожие шаблоны у Тильды и Readymag. Ну, оставим это на их совести. 🙂
Тильда. Все блоки можно редактировать. Но только в рамках, заданных разработчиками Тильды. Можно изменить шрифт, ширину блока, иногда — высоту, где-то — поиграться с цветом или загрузить собственные иконки. И все. Этого хватит, чтобы адаптировать шаблонные блоки под стиль вашего сайта, но не хватит, чтобы сделать что-то оригинальное. Поэтому, поработав с Тильдой, вы начнете узнавать сайты, сделанные на ней.
Еще одно замечание — загруженные в Тильду гифки тяжелее 3 Мб становятся статическими картинками. Понимаем, что это нужно для ускорения загрузки страницы, но в итоге нам приходятся пропихивать гифки костылями.
Информация в Тильде подается последовательно, блок за блоком. Максимум — в одном ряду будет картинка и текст. Никаких параллельных блоков и заметок на полях.
Конечно, есть еще Zero Block, который позволяет творить со стандартными блоками все, что душа пожелает, но. Там тоже есть ограничения, и работать не всегда удобно. С R/M в этом плане проще и приятнее.
Readymag. Здесь ситуация обратная: практически все, что вы можете придумать, реально замутить в R/M. Элементы могут всё то же, что и тильдовские, и даже больше. Они могут располагаться в любом месте на экране (у Тильды попробуйте-ка прилепить элемент, чтобы он всегда был, например, справа с краю). И — фишечка сервиса — все можно анимировать (пример от самих Readymag). Если сильно заморочиться, можно сделать сайт, похожий на студийную работу.
Что как-то контролировать хаос, у R/M есть удобная система сеток и направляющих. Есть готовые, но можно настроить свою собственную.
Тильда.
Бесплатно: 1 сайт, 50 страниц, 50 MB места на сервере (и оно закончится быстрее, чем страницы — проверено). Ограниченное количество блоков. Нельзя убрать логотип Тильды в конце страницы. Нельзя привязать сайт к своему домену.
От 500 рублей в месяц: 1 сайт, 500 страниц, 1 Гб места на сервере. За эти деньги можно делать все, кроме экспорта кода.
От 1000 рублей в месяц: 5 сайтов, 500 страниц (для каждого сайта), 1GB места на сервере. И даже код экспортировать можно.
Readymag.
Бесплатно: неограниченное количество проектов, но не больше 10 страниц в каждом. Справа внизу остается логотип R/M, в конце страницы — реклама сервиса. как и в Тильде, нельзя привязать сайт к своему домену.
Тильду и Readymag настойчиво сравнивают. Но если поковыряться в сервисах, то станет понятно, что они очень разные. Тильда хороша шаблонами блоков — у R/M шаблоны даны скорее для примера. R/M позволяет заморачиваться и делать нестандартные странички — у Тильды даже в Zero Block есть ограничения.
И нужны эти сервисы разным аудиториям для разных целей.
Тильда подойдет журналисту, контент-менеджеру и любому другому не-дизайнеру и не-разработчику, которому нужно сделать страничку с текстом:
Readymag нужен для более сложных задач и требует большей прошаренности от пользователя. Поэтому работу с ним лучше поручить дизайнеру. Как минимум — человеку с образцовым чувством вкуса. R/M подойдет для:
Оба сервиса хороши, но каждый — для решения своих задач.
Обычно после обзоров конструкторов сайтов в комментах появляются сообщения вроде «Ну и кому нужны студии и агентства, если есть такие сервисы?». Ответим на опережение: конструкторы решают только небольшую часть задач. И не заменяют полноценный сайт (только с массой ограничений и оговорок).
Зато с помощью конструкторов можно упростить решение некоторых задач. Например, как сделали блог на Тильде, чтобы верстать статьи быстро, красиво, и не привлекая разработчиков. Этими же соображениями руководствовались в Inc. — теперь они делают лонгриды на R/M. А на сайте «Академкнига/Учебник» с помощью Тильды сделаны некоторые страницы.
Так что если вы разработчик, или у вас есть свой сайт — присмотритесь к конструкторам. Возможно, с ними ваш проекты можно сделать еще круче 😉
Readymag или tilda что лучше
Их отличает интуитивно понятный интерфейс, простота настройки и увесистый набор функций. Здесь мы кратко расскажем о главных особенностях каждого инструмента. Взгляните на них и выберете тот, что подходит именно вам.
Отлично подойдёт для линейных историй. Сайт, сделанный на ней узнаётся с первого взгляда: широкие иллюстрации и лаконичная вёрстка, адаптированная под любой экран. Инструмент удобен тем, что станицы состоят из блоков, которые вы собираете как лего — получается быстро и структурированно.
Годится для самостоятельного составления средних и больших историй, насыщенных разноформатным контентом
Лучше всех о том, как пользоваться инструментом, расскажет его создатель. Вот пошаговая видео-инструкция о том, как устроена Тильда.
Однако Тильда не лучший вариант для каждодневной публикации коротких новостей. Хотя, шаблон для создания блога здесь есть.
В зависимости от тарифа, вы можете базировать свой сайт на домене Тильды, подвязывать свой домен или полностью экспортировать код сайта, чтобы встроить в свой ресурс.
Посмотрите, как авторы « России без нас » своими силами сверстали интернет-журнал на Tilda и добавили в него инструмент монетизации Tinypass.
Стильный англоязычный сервис, но, как и Tilda, сделанный российскими разработчиками. По интерфейсу напоминает InDesign: у вас есть чистый лист с настраиваемой разметкой и различные элементы, которыми вы заполняете страницу.
Автору без опыта в дизайне здесь будет сложнее, чем в Tilda. Свободная канва подразумевает, что у вас есть хотя бы базовое представление о вёрстке.
Подойдёт для дизайнерских интернет-журналов и историй, внешний вид которых вы видите вне шаблона.
В отличие от Tilda, этот инструмент даёт полную свободу действий действий — структура и форма может быть совершенно необычной.
В Readymag почти любой элемент можно заставить появляться в нужное время и двигаться в нужном направлении — есть настройки анимации. Если вы чувствуете в себе дизайнерский стержень — обязательно попробуйте.
Если с этим пока не задалось, то Tilda — беспроигрышный вариант.
Что отличает Readymag от остальных — возможность вручную настроить страницу для любого типа экрана: компьютер, планшет и смартфон.
Кроме того, здесь есть совместная работа над проектом, а также много (очень много) самых разных шрифтов.
Сайты на Tilda и Readymag хорошо индексируются, правда у первого настроек побольше.
Каждый журналист хоть раз да слышал про WordPress. Изначально его затачивали под активное ведение блогов, но он так же хорошо проявил себя при создании полноценных сайтов.
Подойдёт для создания полноценного сайта, где вы хотите всё настроить своими руками.
Для WordPress написано огромное множество плагинов и тем, которые вы можете использовать, чтобы быстро и без проблем создать свой сайт и наполнить его нужным функционалом.
Русскоязычное сообщество WordPress подготовило подробную инструкцию по использованию инструмента.
Создавать материалы в Medium так же просто, как делать пост в Фейсбуке. Ничего лишнего: только текст и иллюстрации. Большой плюс — успех вашего материала виден по количеству лайков и комментариев. Причём пользователи могут комментировать и задавать вопросы прямо в тексте. Это может пригодиться в проблемном или обучающем материале.
Идеален для ситуаций, когда нужно быстро опубликовать интересный материал и на месте получить отклик.
Инструкция актуальна на октябрь 2017 года.
С помощью этой технологии были реализованы следующие проекты
Возможности конструкторов сайтов с точки зрения дизайнера
Прогресс не стоит на месте, и с каждым годом инструментов для разработки сайтов становится все больше. Качество конструкторов растет в геометрической прогрессии, а значит, они уже могут конкурировать с работами небольших студий.
Одно из главных преимуществ сайта на конструкторе – это цена. Даже при использовании платных тарифов различных сервисов самостоятельная разработка обойдется дешевле, чем команда программистов. Второй плюс – наличие готовых шаблонов. Конструктор с большим разнообразием качественных, непримитивных шаблонов способен сэкономить уйму времени и избавить от рутинной игры в дизайнера. Ну а если в вас живет творческая жилка, то остается еще один очень важный критерий при его выборе – удобство редактора и гибкость самих шаблонов. Об этом и поговорим дальше.
Рассмотрим возможности конструкторов на примере 5 сервисов: Tilda, Lpgenerator, Битрикс24.Сайты, Wix, Readymag. Такой выбор был сделан не случайно. Сервисы настолько простые, что никакие навыки дизайна и программирования для работы с ними не нужны. Все, что требуется – это немного времени и доступ в Интернет.
Tilda
Tilda – интуитивно понятный конструктор для создания адаптивных лонгридов. Основан на принципе перемещения и комбинирования уже существующих шаблонных блоков. Библиотека Тильды содержит около 450 блоков, идеально сочетающихся между собой. Конструктор подойдет для создания аккуратной статьи, сайта-визитки, лендинга.
Необязательно быть успешным дизайнером, чтобы получить изящную страницу. Если есть желание, можно изменять блоки. Редактор не очень разнообразен, но есть возможность поработать над типографикой, изменить ширину и высоту блоков, поиграть с палитрой, загрузить фоновое видео, фото и иконки. Этого недостаточно, чтобы создать полностью индивидуальный дизайн, но если вы творческая личность, рекомендуем воспользоваться «Zero block»: его можно редактировать так, как вам захочется. Только адаптив у такого блока придется настраивать вручную, что доставляет массу неудобств.
Стоит помнить, что основной упор Тильды сделан именно на контент. С некачественными фотографиями или вовсе без них нельзя будет добиться ожидаемого результата с WOW-эффектом. К слову, если своих собственных изображений и иконок не хватает, можно воспользоваться внутренней библиотекой и не утруждать себя длительным поиском эффектных фоновых изображений. Насчет лицензии переживать не стоит: все предоставленные фотографии разрешены для коммерческого использования – вот такой приятный бонус от Тильды.
Tilda бесплатна, но только для одного сайта и с ограниченным количеством блоков. Если требуется что-то более серьезное, нужно приобрести один из платных тарифов:
С Тильдой все просто. Даже новичку под силу создать аккуратную, стильную и адаптивную страницу. Вот несколько отличных работ, сделанных на конструкторе:
Lpgenerator
Lpgenerator – популярный конструктор лендинг пейдж, так называемых продающих страниц. Содержит более 350 готовых шаблонов, отсортированных по категориям. Дизайн большинства страниц довольно примитивен для нашего времени, но возможности редактора помогут настроить его под ваши задачи. Lpgenerator включает в себя все необходимые виджеты для продающей страницы: таймер, попапы, формы заявок.
Режим редактора шаблонов выглядит с первого взгляда просто, но новичку поддается не сразу. Необходимо время, чтобы разобраться со всеми инструментами. Если нужна хорошая страница, придется набить немало шишек. Но гибкости этому редактору не занимать. При должном внимании к деталям можно разработать симпатичный лендинг.
Есть и минусы в работе с дизайном. Весь контент приходится вставлять и настраивать вручную, осложняет задачу и неудобная работа с типографикой, в отличие от других конструкторов. Но самый главный недостаток, на мой взгляд – неадаптивность.
Если есть желание показать свой лендинг более широкой аудитории, нужно разрабатывать отдельную мобильную версию.
Первые 7 дней работы с конструктором бесплатны, после окончания этого периода предлагают выбрать один из тарифов:
Парочка приятных по дизайну шаблонов:
Bitrix24.Сайты
Да-да, это не опечатка. Битрикс 24 выпустили свой простой конструктор для сайтов в ноябре 2017 года, и он уже успел наделать много шума. Многие сетуют на то, что Битрикс24.Сайты очень похож на уже упомянутую Тильду. Специально для данной статьи решила протестить нововведение Битрикса и была приятно удивлена. Действительно, сходство очевидно, конструктор так же прост и удобен.
Можно разрабатывать не только лонгриды, но и полноценные сайты. Единственное неудобство – нельзя вставить пустую страницу, придется на каждой странице сайта удалять все повторяющиеся блоки и вставлять новые, что немного огорчает.
Огромный плюс в том, что конструктор уже находится в CRM и подключать онлайн-чат, формы, контакты отдельно не нужно, все уже интегрировано с CRM.
Страниц пока всего 27, но в редакторе доступны сотни адаптивных блоков. В отличие от Тильды, шаблоны доступны сразу все, независимо от тарифа.
Принцип редактирования блоков точь-в-точь, как у Тильды. Меняйте высоту блоков, цвета, подключайте шрифты, загружайте иконки и фото с бесплатного ресурса Unsplash или Google images. Это экономит массу времени.
Очень простой предпросмотр адаптива:
Так как конструктор находится непосредственно в CRM, то и цены на тарифы общие:
Примеры готовых шаблонов:
Wix – один из самых популярных и крупных конструкторов сайтов и одностраничников на данный момент. Более 500 бесплатных, профессионально выполненных шаблонов, разделенных на категории и подкатегории. Wix позиционирует себя как интуитивно понятный конструктор. Работа с ним не требует специальной подготовки. Освоить его получится с первого раза.
Внутренний редактор шаблонов действительно очень прост в использовании. Все блоки легко регулируются по высоте и ширине, работать с типографикой одно удовольствие. Также предусмотрены специальные эффекты, стили и фильтры для текста и изображений. Есть возможность настроить микроанимацию контента и паралакс-прокрутку, что придаст глубины будущему сайту.
Кажется, что возможности редактора безграничны, но если углубиться и попробовать создать что-то совершенно новое, то это удастся сделать лишь в рамках уже выбранного шаблона. Придется менять фон, контент, структуру. Возможность добавлять новые блоки есть, но их выбор не так велик, как, например, у Тильды, и вид у этих блоков уже не такой эффектный, как у готовых шаблонов.
Еще одним серьезным недостатком Wix является отсутствие адаптивности. Но есть возможность активировать мобильную версию сайта всего в один клик. Конструктор предлагает нам сотни шаблонов и страниц абсолютно бесплатно. Тарифы отличаются в основном только производительностью и хранением данных:
Примеры вдохновляющих сайтов, сделанных на Wix :
Readymag
Возможно, Readymag покажется незнакомым, но в этом списке он не зря. Данный конструктор выступает не только в роли сервиса для создания сайта, но и как инструмент для презентации готового дизайна с анимацией. В отличие от описанных выше конструкторов, Readymag содержит очень малое количество шаблонов. И даже их придется корректировать и подгонять под свой концепт. Поэтому он не подходит для конструирования незамысловатого лендинга или сайта-визитки. Сервис заточен под нестандартные решения и требует от пользователя опыта или как минимум отличного чувства вкуса и львиной доли креатива.
Readymag дает полную свободу творческому потенциалу как в плане дизайна, так и анимации. И не важно, какая идея пришла вам в голову, она 100% осуществима. В первую очередь Readymag подойдет для дизайнеров, желающих разработать свою страницу портфолио студийного качества или мощную промо-страницу.
Нет смысла описывать возможности редактора шаблонов, поэтому хочется уделить особое внимание работе с текстом. Изначально Readymag был задуман для публикации журналов, блогов и презентаций. Поэтому к работе с типографикой разработчики отнеслись с особым вниманием. Интерлиньяж, отступы, ширина блоков, все редактируется за считанные секунды:
Встроенной адаптивности у Readymag нет, даже у родных шаблонов. Но сделать адаптив под планшет и под мобильные устройства самим много времени не займет. Достаточно лишь включить нужный размер экрана и подстроить все элементы макета под новую сетку.
Readymag бесплатный, если нет необходимости разрабатывать огромное количество страниц в одном проекте. Остальные тарифы представлены в долларах:
Работы, выполненные в R.M:
Заключение
Мы рассмотрели несколько популярных конструкторов сайтов, но только с точки зрения дизайна. Обратите внимание на разнообразие и гибкость шаблонов, удобство редакторов и их инструментов.
Вывод на основе статьи напрашивается сам: даже при малом бюджете создать страницу, отвечающую всем требованиям современных трендов, не составит большого труда. Не нужно бояться получить сайт «как у всех», достаточно щепотки изменений в шаблоне в виде своего контента, шрифта, палитры, и сайт заиграет новыми красками. А если хочется сайт с перчинкой, всегда можно обратиться за помощью к нам: мы учтем не только ваши вкусы, но и принесем еще больше индивидуальности в ваш макет =).