Новые опции!

новые опции

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

Цель

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

  • Опции разделены на секции, которые соответствуют текущему элементу редактирования.
  • Основные характеристики каждого элемента всегда видны по умолчанию.
  • Добавлена возможность изменения названия элементов, а для более продвинутых пользователей класс и ID селекторы.
  • Некоторые опции  (например, фон, границы, закругление углов, тени) можно включать и выключать нажатием одной кнопки!
  • Для каждого поля, содержащего значение (например, толщина границы или размер тени) добавлены кнопки, позволяющие его легко увеличить или уменьшить.

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

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

2. Фон

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

2_ru

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

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

3_ru

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

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

4_ru

5. Тень

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

5_ru

6. Текст

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

6_ru

 

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *