📅 Создано: 27 февраля 2026
Квадрат — это базовая геометрическая фигура, которая может использоваться как фон, разделитель, декоративный элемент или контейнер для других блоков. В Фреймопласт вы можете создавать квадраты любых размеров и цветов, настраивать обводку и скругление углов.
💡 Возможности: Квадраты можно использовать как фоновые подложки для текста, кнопок и изображений, создавать сетки и таблицы, а также применять их для акцентов в дизайне.
Как создать квадрат
Способ 1: Перетаскивание
- В левой панели найдите блок ⬛ Квадрат
- Захватите его мышкой и перетащите внутрь фрейма
- Отпустите блок в нужном месте — квадрат появится на холсте
Способ 2: Контекстное меню
- Кликните правой кнопкой мыши по пустому месту внутри фрейма
- В открывшемся меню выберите "Добавить квадрат"
- Новый квадрат появится в центре фрейма
Настройка внешнего вида
Цвет фона
- Выделите квадрат (кликните по нему один раз)
- В правой панели найдите поле "Цвет фона"
- Нажмите на цветной прямоугольник — откроется палитра
- Выберите нужный цвет или введите RGB-код
🎨 Совет: Вы можете использовать любые цвета. Для точного подбора оттенка используйте ползунок или RGB-код
Обводка
Квадрату можно добавить обводку (рамку) любой толщины и цвета:
Толщина обводки
- Выделите квадрат
- В правой панели найдите поле "Толщина" в разделе обводки
- Введите любое значение
- При значении 0 обводка отсутствует
Цвет обводки
- Выделите квадрат
- В правой панели найдите поле "Цвет" в разделе обводки
- Выберите цвет из палитры
- По умолчанию цвет обводки совпадает с цветом фона
Скругление углов
Квадрату можно добавить скругленные углы, превратив его в прямоугольник со сглаженными краями или даже в круг (при максимальном скруглении):
- Выделите квадрат
- В правой панели найдите поле "Блок" в разделе скругления углов
- Введите значение от 0 до 50 пикселей
Примеры:
- 0px — острые углы (строгий квадрат)
- 8px — умеренное скругление (современный дизайн)
- 20px — сильное скругление (почти овал)
- 50px — максимальное скругление (при достаточном размере квадрат станет кругом)
Позиционирование и размер
Перетаскивание
Чтобы переместить квадрат, захватите его мышкой (кликните и удерживайте) и перетащите в нужное место внутри фрейма. При перетаскивании квадрат не может выйти за границы фрейма.
Точные координаты
- Выделите квадрат
- В правой панели найдите поля X и Y
- Введите нужные значения в пикселях
- X отвечает за положение по горизонтали, Y — по вертикали
Изменение размера
Вы можете изменить размер квадрата двумя способами:
Визуально (маркерами)
- Выделите квадрат
- Потяните за любой из восьми маркеров по краям блока
- Угловые маркеры меняют размер пропорционально, боковые — только по одной стороне
Точно (через панель свойств)
- Выделите квадрат
- В правой панели найдите поля Ширина и Высота
- Введите нужные значения в пикселях
📏 Важно: Квадрат может стать прямоугольником, если задать разные значения ширины и высоты. Если нужен именно квадрат, убедитесь, что ширина и высота равны.