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

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

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

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

Скриншот, на котором показаны параметры элементов на боковой панели в Wixel.

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

Добавляйте новый контент в проект с помощью боковой панели. Каждый значок открывает свою панель — «Текст», «Медиа», «Фигуры» и «Графика» — и в каждой панели есть поле поиска и вкладки категорий, чтобы вы могли найти именно то, что нужно.

Примечание:

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

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

  1. Перейдите в свой проект в Wixel.

  2. Кликните соответствующий дизайн.

  3. На боковой панели нажмите тип элемента, который хотите добавить:

    • Добавить текст : Добавьте текстовое поле прямо в дизайн. Выберите готовый стиль, чтобы сэкономить время, или настройте свой.

    • Рисовать : Рисуйте в дизайне от руки с помощью пера или маркера. Выберите цвет, а затем настройте толщину и прозрачность штрихов. Чтобы удалить нарисованное, переключитесь на ластик.

    • Медиа : Добавляйте фотографии, видео, иллюстрации, узоры и вырезки.

    • Фигуры : Используйте геометрические фигуры, стрелки и фреймы, чтобы добавить творческий штрих.

    • Графика : Добавляйте векторную графику и стикеры.
      Совет: настраивайте цвета векторной графики, чтобы они соответствовали оформлению дизайна.

    • Элементы : Добавляйте дополнительные элементы, такие как готовый текст, номера страниц и диаграммы.

  4. Нажмите элемент, чтобы добавить его в дизайн.

  5. (Необязательно) Используйте маркеры изменения размера и инструменты настройки на панели действий, чтобы изменить размер, цвет, положение элемента и многое другое.

Скриншот панели «Добавить элементы» в Wixel.
Совет:

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


Выбор цветов

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

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

  1. Перейдите в свой проект в Wixel.

  2. Нажмите значок «Цвет заливки» на панели действий.

  3. Переместите точку на цветовой схеме или введите шестнадцатеричный код цвета (например, #000000 для черного).

  4. (Необязательно) Перетащите ползунок, чтобы изменить прозрачность цвета.

Скриншот палитры цветов в Wixel.

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

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

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

  1. Перейдите в свой проект в Wixel.

  2. Выберите текстовый элемент в своем дизайне.

  3. Используйте доступные параметры на панели действий, чтобы настроить текст:

    • Шрифт: Выберите стиль шрифта.

    • Размер шрифта: Выберите размер шрифта.

    • Полужирный, курсив, подчеркивание: Сделайте текст заметнее с помощью параметров форматирования. Нажмите значок Полужирный , значок Курсив и/или значок Подчеркивание .

    • Прописные буквы: Сделайте весь текст заглавными буквами.

    • Другие настройки: Выберите стиль списка, например Нумерованный список или Маркированный список, и увеличьте или уменьшите отступ.

    • Выравнивание: Выберите, как будет выровнен текст.

    • Межстрочный интервал: Настройте расстояние между строками и буквами, чтобы текст было легче читать и чтобы он выглядел более свободным.

    • Цвет заливки: Выберите любой цвет текста с помощью палитры цветов или цвет темы.

    • Цвет выделения: Сделайте текст выразительнее, выделив его цветом фона.

    • Обводка: Добавьте обводку, чтобы текст выделялся.

    • Тень: Добавьте едва заметный или более выразительный эффект тени, чтобы придать тексту глубину.

Снимок экрана с редактированием текста в Wixel.

Настройка векторной графики

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

Параметры векторной графики можно найти на вкладке Графика на боковой панели.

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

  1. Перейдите в свой проект в Wixel.

  2. Нажмите на нужную векторную графику в своем дизайне.

  3. Выберите, как настроить векторную графику:

Снимок экрана с цветами заливки векторной графики.

Helpmate

Привет,

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