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

Цель

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

1. Общие опции каждого элемента

Мы объединили геометрические параметры (высота, ширина, положение) с информацией относительно элементов. Кроме того, появилась возможность изменения названия элемента для более эффективного управления. Для более продвинутых пользователей  мы ввели опцию указания идентификаторов и классов и управления видимостью элементов на нескольких видах.1_ru

2. Фон

В таких элементах, как ячейка и секция важное значение имеет фон. Здесь мы использовали очень простой механизм, когда сначала можно выбрать цвет фона, а затем дополнительно выбрать изображение или градиент, то есть плавный переход от одного цвета к другому. Цвет фона можно просто включить или выключить одним нажатием кнопки.

2_ru

3. Добавление границ

Принцип добавления границ элемента очень простой. Сначала Вам нужно обозначить, какую сторону страницы Вы хотите редактировать (можно все сразу), а потом выбрать нужный цвет, толщину и стиль линии рамки. Схема границ показывает нам текущее состояние каждой из них — голубым цветом обозначены активные границы. Кроме того, каждую границу можно легко выключить — для этого нужно сначала ее обозначить, а потом нажать кнопку “Clear edge”.

3_ru

4. Закругление углов

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

4_ru

5. Тень

Добавление тени для таких элементов как ячейка, изображение или текст очень популярно. Для этого нужно всего лишь выбрать цвет тени, а потом указать направление и сдвиг по горизонтали (X) и вертикали (Y). Последние два значения можно сбалансировать и задать им одинаковые параметры.

5_ru

6. Текст

Для текстового элемента доступны две опции в панели с правой стороны. К ним относятся межстрочный интервал, то есть расстояние между строчками, и трекинг, т.е. расстояние между символами текста.

6_ru

 

Запишись на вебинар «Новые продвинутые функции редактора»!

Узнать больше»