Zero Block від команди Tilda Publishing — редактор для веб-дизайну онлайн

Zero Block — це професійний редактор, який дозволяє реалізувати будь-яку ідею, створюючи унікальний адаптивний дизайн сайту. Все як у популярних графічних програмах, тільки тепер в конструкторі сайтів. Чому це круто і як користуватися новим інструментом, розповідають наші друзі з Tilda Publishing.
Ми розповідали, як з допомогою модульного конструктора Tilda створювати відмінні сучасні сайти. Але бувають ситуації, коли в голову приходить ідея, яку не вдається реалізувати за допомогою стандартних засобів, вбудованих в конструктор. Zero Block дає можливість з легкістю спроектувати свій оригінальний блок.
Чому це круто?
В редакторі Zero Block можна намалювати що завгодно і відразу ж опублікувати результат без участі верстальника і програміста.
Будь-які елементи, довільне розташування — ніяких обмежень.
Так, ніби ви малюєте на папері. Тільки в інтернеті і дуже швидко.
Редактор став частиною існуючого інтерфейсу. В основі Tilda — модульна система: сайт збирається з готових блоків, які спроектовані дизайнерами. Редактор дозволяє створювати свої блоки і комбінувати їх з готовими або малювати сайти з чистого аркуша. У будь-якому випадку зберігається висока швидкість виробництва.
Для кого цей інструмент?
Це інструмент для дизайнерів. Технічно редактор освоїти нескладно. Але так як дизайн буде створюватися з нуля, будуть потрібні професійні знання.
Фахівцям, що працюють з графічними редакторами, будуть знайомі стандартні гарячі клавіші і основні прийоми роботи з об’єктами.
Як це працює?
Створюєте сторінку в Tilda.
Додаєте «нульовий блок».
Створюєте дизайн.
Налаштовуєте адаптивність.
Сайт готовий.
З чим можна працювати?
В редакторі можна додавати і редагувати текст, картинки, в тому числі фонові зображення, прості фігури (прямокутник, коло, лінію), кнопки. Підтримуються шари, тому об’єкти можна накладати один на одного.
Можна налаштовувати типографіку (розмір шрифту, його тип, насиченість, міжрядкова і межбуквенное відстань), колір, прозорість елементів, додавати тіні й обведення, створювати ефект наведення для кнопок.
Всередині редактора є стандартна для веба сітка з 12 колонок і 2 робочі області: всередині сітки і всередині умовного вікна браузера. Всі елементи можуть бути прив’язані до контейнеру сітки, або до вікна.
Адаптивність і чуйний дизайн
Zero Block дозволяє адаптувати дизайн для всіх типів екранів так, щоб сайт добре відображався і на моніторі з діагоналлю 27 дюймів, і на iPhone 5.
Також редактор має функцію створення «чуйного», або «гумового», дизайну, коли параметри задаються у відносних одиницях (відсотках) і дизайн підлаштовується під різні екрани.
Приклади дизайну, створеного з допомогою редактора Zero Block
Лендінгем редактора Zero Block:
Інші приклади:
Зробити сайт на Tilda