header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Добавление элемента
  • Выбор цветов
  • Настройка текста
  • Настройка графики

Wixel: добавление и настройка элементов

10 мин.
Эта статья относится к новому Wixel, выпущенному в декабре 2025 года. Если вы не уверены, используете ли вы новую или предыдущую версию Wixel, подробнее об этом здесь.
Элементы помогают улучшить проект и придать ему индивидуальность. Вы можете добавлять элементы, чтобы выделить информацию, продемонстрировать визуальные эффекты или сориентировать аудиторию в дизайне.
Панель Добавить элементы, доступная на панели действий, позволяет легко вставлять изображения, текст, графику, видео и многое другое, предоставляя вам творческую свободу для создания дизайна именно таким, каким вы хотите.
Скриншот панели добавления элементов в Wixel

Добавление элемента

Добавляйте новый контент в проект из панели Добавить элементы. Просматривайте категории и подкатегории или используйте строку поиска, чтобы найти именно то, что вам нужно.
Хотите ли вы сделать проект более наглядным с помощью графики и изображений или добавить структуру с помощью текста и разделителей — вы найдете все необходимые параметры в одном месте.
Примечание:
Некоторые типы дизайна предлагают уникальные элементы (например, поля формы в формах, кнопки регистрации в ресурсах для событий). Возможно, вы не сможете добавить декоративные элементы в каждый тип дизайна, поэтому доступные параметры могут меняться в зависимости от того, над чем вы работаете.

Чтобы добавить элемент:

  1. Перейдите в свой проект в Wixel.
  2. Нажмите на соответствующий дизайн.
  3. Нажмите + Элементы на панели действий.
  4. Просмотрите типы элементов:
    • Графика: добавляйте векторную графику и стикеры.
      Совет: настройте цвета графики в соответствии с видом вашего дизайна.
    • Текст: добавляйте заголовки и абзацы. Выберите готовые стили, чтобы сэкономить время, или настройте свои собственные.
    • Изображение: добавляйте фотографии, иллюстрации, узоры и вырезки.
      Совет: узнайте, как редактировать изображения.
    • Фигуры: используйте геометрические фигуры, стрелки и фреймы для творческого подхода.
    • Икноки: добавьте четкие и простые детали в свой дизайн.
  5. Нажмите на элемент, чтобы добавить его в дизайн.
  6. (Необязательно) Используйте маркеры изменения размера и инструменты настройки на панели действий, чтобы отрегулировать размер, цвет, положение элемента и многое другое.
Скриншот панели «Добавить элементы» в Wixel.
Совет:
Загрузите свои медиафайлы, нажав на иконку Загрузить . Вы найдете загруженные изображения в разделе Мои медиафайлы.

Выбор цветов

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

Чтобы выбрать цвет:

  1. Нажмите на иконку Цвет заливки на панели действий.
  2. Переместите точку на цветовой схеме или введите hex-код цвета (например, #000000 для черного).
  3. (Необязательно) Перетащите ползунок, чтобы настроить прозрачность цвета.
Скриншот выбора цвета в Wixel.

Настройка текста

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

Чтобы настроить текст:

  1. Перейдите в свой проект в Wixel.
  2. Выберите текстовый элемент в дизайне.
  3. Используйте доступные параметры на панели действий, чтобы настроить текст:
    • Шрифт: выберите стиль шрифта.
    • Размер шрифта: выберите размер шрифта.
    • Жирный, курсив, подчеркивание: выделите текст с помощью параметров форматирования. Нажмите на значок Жирный , Курсив и/или Подчеркивание .
    • Верхний регистр: конвертируйте текст, чтобы все буквы стали заглавными.
    • Другие настройки: выберите стиль списка (например, Нумерованный список, Маркированный список) и увеличьте или уменьшите отступ.
    • Выравнивание: выберите способ выравнивания текста.
    • Межстрочный интервал: отрегулируйте интервал между строками и буквами, чтобы текст было легче читать и он выглядел более свободным.
    • Цвет заливки: выберите любой цвет для текста с помощью палитры или выберите стиль (сайта).
    • Цвет выделения: сделайте текст заметнее, выделив его фоновым цветом.
    • Граница: добавьте границу, чтобы выделить элемент.
    • Тень: добавьте едва заметный или выразительный эффект тени, чтобы придать тексту глубину.
Скриншот редактирования текста в Wixel.

Настройка графики

Добавьте индивидуальности вашей графике, настроив цвета и детали в соответствии с вашим дизайном. Векторная графика — это цифровое изображение (файл SVG), которое сохраняет четкость при любом размере.
Совет:
Параметры векторной графики можно найти на вкладке Графика в панели Добавить элементы.

Чтобы настроить графику:

  1. Перейдите в свой проект в Wixel.
  2. Нажмите на нужную векторную графику в дизайне.
  3. Выберите способ настройки графики:
Скриншот цветов заполнения векторной графики.

Helpmate

Привет,

Нужны дополнительные рекомендации?
Краткое содержание этой статьи
Unlock personalized helpLog in to get the most out of Helpmate.