Tilda запустила редактор для веб-дизайна
Команда Tilda Publishing, платформы для создания сайтов, создала профессиональный редактор, который позволяет делать уникальный адаптивный дизайн сайта. Это как популярные графические программы, только в конструкторе сайтов.
Почему это круто?
В редакторе Zero Block можно нарисовать что угодно и тут же опубликовать без верстальщика и программиста. Любые элементы, произвольное расположение, - никаких ограничений. Так, как если бы рисовать на бумаге. Только в вебе и очень быстро.
Редактор стал частью существующего интерфейса. В основе «Тильды» модульная система: сайт собирается из готовых блоков, которые спроектированы дизайнерами. Редактор позволяет создавать свои блоки и комбинировать их с готовыми, либо рисовать сайты с чистого листа. В любом случае сохраняется высокая скорость производства.
Для кого этот инструмент?
Это инструмент для дизайнеров. Технически редактор освоить не сложно. Но так как дизайн будет создаваться с нуля, потребуются профессиональные знания.
Специалистам, работающим с графическими редакторами будут привычны стандартные горячие клавиши и основные приемы работы с объектами.
Как это работает?
- Создать страницу на Тильде.
- Добавить «нулевой блок».
- Сделать дизайн.
- Настроить адаптивность.
- Сайт готов.
С чем можно работать?
В редакторе можно добавлять и редактировать:
Текст, картинки, фоновые изображения, простые фигуры (прямоугольник, круг, линия), кнопки. Поддерживаются слои, поэтому объекты можно накладывать друга на друга.
Можно настраивать: типографику (размер шрифта, тип, насыщенность, межстрочное и межбуквенное расстояние), цвет, прозрачность элементов, добавлять тени и обводки, для кнопок делать эффект наведения.
Внутри редактора есть стандартная для веба сетка из 12 колонок и две рабочих области: внутри сетки и внутри условного окна браузера. Все элементы могут быть привязаны либо к контейнеру сетки, либо к окну.
Адаптивность и отзывчивый дизайн
Редактор позволяет адаптировать дизайн для всех типов экранов, так, чтобы сайт хорошо отображался и на мониторе 27", и на iPhone 5.
Также редактор содержит функционал для создания «отзывчивого» или «резинового» дизайна, когда параметры задаются в относительных единицах (процентах) и дизайн подстраивается под разные экраны.
Примеры дизайна, созданного с помощью редактора Zero Block
Лендинг редактора Zero Block: http://zero.tilda.cc/.
Другие примеры:
