Векторные иконки в Figma для строительной компании: как создать собственные знаки и передать SVG
Для страницы строительных услуг нужны несколько простых знаков: консультация, проектирование, этап работ. Готовые изображения из разных библиотек отличаются толщиной линий и часто выглядят чужеродно рядом. Собственный небольшой комплект позволяет согласовать геометрию и сохранить возможность изменения каждого элемента.
Рабочий результат — редактируемые векторные формы, связанные экземпляры для макетов и проверенные SVG. Создание значков не заменяет описание услуги: посетитель должен понимать предложение по подписи. Инструкция предназначена маркетинговой команде строительной компании или агентства недвижимости, которая согласует небольшой набор с дизайнером и передаёт его на сайт.
Содержание
Проверьте доступ и задайте границу комплекта
Для рисования и создания компонентов нужен доступ к редактированию файла. В инструкции Figma о компонентах функция указана для всех планов. Однако доступность конкретного аккаунта и платных возможностей проверяется отдельно. В официальной политике по санкциям описаны ограничения для России; не стройте процесс на обещании новой платной подписки или обходе ограничений.
Начните с одного доступного файла и локального комплекта, без обязательной публикации командной библиотеки. Согласуйте, какие смыслы нужны и в каком размере знаки будут показаны. Не создавайте отдельную иконку для каждого близкого слова, если посетитель не различит их без длинной легенды.
Проверьте выбранные метафоры с владельцем продукта. Например, щит рядом с услугой может восприниматься как гарантия, которой компания не даёт. Дом с галочкой способен обещать уже завершённую проверку. Рисунок должен соответствовать фактическому предложению, а не добавлять неподтверждённое преимущество.
Определите общие параметры геометрии
Создайте для каждого значка отдельный фрейм одинакового размера. Условный учебный вариант — рабочее поле 32×32; это пример, а не универсальный стандарт сайта. Определите внутренние поля, толщину линии, характер углов и окончания штрихов. Попросите разработчика назвать минимальный размер отображения.
Сделайте сначала один контрольный знак. Проверьте его в реальном размере рядом с подписью, затем используйте принятые параметры для остальных. Масштабирование готовой сложной формы до очень маленького размера может превратить отдельные детали в пятно. Уберите лишнее раньше, чем копировать проблему на весь комплект.
Общие правила удобно записать рядом на отдельном фрейме: размер поля, отступ, обводка, цвет и допустимые варианты. Это помогает двум исполнителям получить совместимые формы. Запись правил не заменяет оптическую проверку: круг и квадрат с одинаковыми числовыми размерами могут восприниматься по-разному.
Нарисуйте собственные векторные пути
Для простого контура используйте базовые фигуры и Pen. Ставьте опорные точки там, где действительно меняется направление. Начните с грубой формы, затем уточняйте сегменты. Не обводите чужой знак только ради формального появления редактируемых узлов: происхождение изображения и разрешение на переработку остаются отдельным вопросом.
Figma описывает векторные сети как структуру, в которой сегменты могут соединяться сложнее обычного последовательного пути. Для первого комплекта не требуется использовать все возможности. Важно, чтобы исполнитель понимал, какие линии связаны и какая область должна иметь заливку.
Перейдите в режим редактирования векторного объекта двойным щелчком или клавишей Enter. По инструкции редактирования векторов можно выбирать узлы и сегменты, менять форму и работать с отдельными областями. Исправляйте геометрию в исходном объекте, а не закрывайте случайный излом белым прямоугольником: такой приём проявится на цветном фоне.
Для кривых следите за направлением управляющих ручек. Если контур должен быть плавным, случайная лишняя точка создаст заметный угол. Проверьте замыкание фигур, когда нужна заливка. Открытый штрих и замкнутая область решают разные задачи; не рассчитывайте, что экспорт сам угадает намерение автора.
Согласуйте обводку и внешний вид
Примените принятые толщину, окончания и соединения линий. Сравните диагонали, вертикали и мелкие внутренние промежутки. При небольшом размере две близкие линии могут сливаться, хотя на увеличенном холсте всё выглядит аккуратно. Проверяйте на светлом и согласованном цветном фоне.
Если часть знака создаётся заливкой, а часть обводкой, убедитесь, что общий визуальный вес остаётся совместимым. Не добавляйте тень только для маскировки неровного контура. Для небольшого служебного комплекта простая геометрия обычно легче проверяется и сопровождается.
Сохраните имена слоёв по смыслу. Названия вида «Vector 37» не помогают следующему дизайнеру найти значок консультации. Присвойте понятное имя и самому фрейму: оно пригодится при экспорте. Не включайте в имя внутренние клиентские сведения, если файл будет передаваться внешнему исполнителю.
Создайте главный компонент и экземпляры
Выделите слои одного законченного знака и примените Create component через контекстное меню. Компонент станет главным источником формы. Разместите рядом экземпляр для демонстрации в макете. Инструкция Figma по экземплярам допускает создание экземпляра дублированием компонента в том же файле.
Проверьте связь практически: измените небольшую деталь главного компонента и убедитесь, что связанный экземпляр обновился. Затем верните согласованное состояние. Если копия была отделена от компонента или перерисована самостоятельно, дальнейшее изменение может не распространиться. Случайное совпадение внешнего вида не доказывает связь.
Не объединяйте весь комплект в один главный компонент ради удобства выделения. У каждого самостоятельного знака должна сохраняться понятная точка изменения. Цветовые варианты и дополнительные состояния добавляйте только при реальной потребности макета. Они остаются частью комплекта, а не отдельной задачей продвижения.
Экспортируйте SVG и проверьте его отдельно
Выберите нужный объект или фрейм, добавьте Export в правой панели и укажите SVG. Сверьте область экспорта: внешний фрейм может включать поля, а отдельный путь — иметь другую границу. Получателю нужно знать, какой размер и отступ ожидаются при размещении рядом с другими знаками.
Документация форматов Figma указывает особенности SVG: текст по умолчанию преобразуется в контуры, а обводки экспортируются как заливки. Итоговый SVG не заменяет исходный файл с прежней структурой редактирования. Для выбранного пути проверьте настройки Simplify stroke, если используются внутренние или внешние обводки, и сравните вид после выгрузки.
Откройте полученный файл в браузере и в целевом макете. Проверьте несколько нужных размеров, фон, границы и отсутствие случайных элементов. Возможность масштабирования вектора не делает слишком подробный знак читаемым в любом размере. При необходимости подготовьте упрощённую форму, согласовав её как вариант того же элемента.
| Приёмка | Что подтверждает результат |
|---|---|
| Смысл | Знак соответствует услуге и не обещает лишнего |
| Геометрия | Нет лишних узлов, разрывов и случайных заливок |
| Комплект | Толщина и поля согласованы между элементами |
| Связь | Экземпляры обновляются из главного компонента |
| Экспорт | SVG открывается и совпадает с принятой формой |
| Передача | Есть редактируемый файл, версия и ответственный |
На узком экране таблицу можно прокрутить вбок.
Если после приёмки меняется главный компонент, повторно выгрузите затронутые SVG. Уже скачанные файлы автоматически не обновляются: ответственный должен заменить именно опубликованную производную и проверить её на странице.
Передайте исходник и SVG раздельно, перечислив утверждённые варианты. Подпись услуги сохраняйте обычным текстом страницы, чтобы она оставалась доступной и редактируемой. Если комплект готовится для рекламной посадочной, с Digitax можно обсудить маркетинг строительной компании и содержание страницы, на которой посетитель выбирает услугу и оставляет обращение.
Политика в отношении обработки персональных данных
1. Общие положения
Настоящая политика обработки персональных данных составлена в соответствии с требованиями Федерального закона от 27.07.2006. №152-ФЗ «О персональных данных» и определяет порядок обработки персональных данных и меры по обеспечению безопасности персональных данных, предпринимаемые ИП Мальцевым Алексеем Александровичем (далее – Оператор).
1.1. Оператор ставит своей важнейшей целью и условием осуществления своей деятельности соблюдение прав и свобод человека и гражданина при обработке его персональных данных, в том числе защиты прав на неприкосновенность частной жизни, личную и семейную тайну.
1.2. Настоящая политика Оператора в отношении обработки персональных данных (далее – Политика) применяется ко всей информации, которую Оператор может получить о посетителях веб-сайта https://agency-digitax.ru
2. Основные понятия, используемые в Политике
2.1. Автоматизированная обработка персональных данных – обработка персональных данных с помощью средств вычислительной техники;
2.2. Блокирование персональных данных – временное прекращение обработки персональных данных (за исключением случаев, если обработка необходима для уточнения персональных данных);
2.3. Веб-сайт – совокупность графических и информационных материалов, а также программ для ЭВМ и баз данных, обеспечивающих их доступность в сети интернет по сетевому адресу https://agency-digitax.ru;
2.4. Информационная система персональных данных — совокупность содержащихся в базах данных персональных данных, и обеспечивающих их обработку информационных технологий и технических средств;
2.5. Обезличивание персональных данных — действия, в результате которых невозможно определить без использования дополнительной информации принадлежность персональных данных конкретному Пользователю или иному субъекту персональных данных;
2.6. Обработка персональных данных – любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных;
2.7. Оператор – государственный орган, муниципальный орган, юридическое или физическое лицо, самостоятельно или совместно с другими лицами организующие и (или) осуществляющие обработку персональных данных, а также определяющие цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными;
2.8. Персональные данные – любая информация, относящаяся прямо или косвенно к определенному или определяемому Пользователю веб-сайта https://agency-digitax.ru;
2.9. Пользователь – любой посетитель веб-сайта https://agency-digitax.ru;
2.10. Предоставление персональных данных – действия, направленные на раскрытие персональных данных определенному лицу или определенному кругу лиц;
2.11. Распространение персональных данных – любые действия, направленные на раскрытие персональных данных неопределенному кругу лиц (передача персональных данных) или на ознакомление с персональными данными неограниченного круга лиц, в том числе обнародование персональных данных в средствах массовой информации, размещение в информационно-телекоммуникационных сетях или предоставление доступа к персональным данным каким-либо иным способом;
2.12. Трансграничная передача персональных данных – передача персональных данных на территорию иностранного государства органу власти иностранного государства, иностранному физическому или иностранному юридическому лицу;
2.13. Уничтожение персональных данных – любые действия, в результате которых персональные данные уничтожаются безвозвратно с невозможностью дальнейшего восстановления содержания персональных данных в информационной системе персональных данных и (или) уничтожаются материальные носители персональных данных.
3. Оператор может обрабатывать следующие персональные данные Пользователя
3.1. Фамилия, имя, отчество;
3.2. Электронный адрес;
3.3. Номера телефонов;
3.4. Также на сайте происходит сбор и обработка обезличенных данных о посетителях (в т.ч. файлов «cookie») с помощью сервисов интернет-статистики (Яндекс Метрика и Гугл Аналитика и других).
3.5. Вышеперечисленные данные далее по тексту Политики объединены общим понятием Персональные данные.
4. Цели обработки персональных данных
4.1. Цель обработки персональных данных Пользователя — информирование Пользователя посредством отправки электронных писем; предоставление доступа Пользователю к сервисам, информации и/или материалам, содержащимся на веб-сайте.
4.2. Также Оператор имеет право направлять Пользователю уведомления о новых продуктах и услугах, специальных предложениях и различных событиях. Пользователь всегда может отказаться от получения информационных сообщений, направив Оператору письмо на адрес электронной почты info@digitax-agency.ru с пометкой «Отказ от уведомлений о новых продуктах и услугах и специальных предложениях».
4.3. Обезличенные данные Пользователей, собираемые с помощью сервисов интернет-статистики, служат для сбора информации о действиях Пользователей на сайте, улучшения качества сайта и его содержания.
5. Правовые основания обработки персональных данных
5.1. Оператор обрабатывает персональные данные Пользователя только в случае их заполнения и/или отправки Пользователем самостоятельно через специальные формы, расположенные на сайте https://agency-digitax.ru. Заполняя соответствующие формы и/или отправляя свои персональные данные Оператору, Пользователь выражает свое согласие с данной Политикой.
5.2. Оператор обрабатывает обезличенные данные о Пользователе в случае, если это разрешено в настройках браузера Пользователя (включено сохранение файлов «cookie» и использование технологии JavaScript).
6. Порядок сбора, хранения, передачи и других видов обработки персональных данных
Безопасность персональных данных, которые обрабатываются Оператором, обеспечивается путем реализации правовых, организационных и технических мер, необходимых для выполнения в полном объеме требований действующего законодательства в области защиты персональных данных.
6.1. Оператор обеспечивает сохранность персональных данных и принимает все возможные меры, исключающие доступ к персональным данным неуполномоченных лиц.
6.2. Персональные данные Пользователя никогда, ни при каких условиях не будут переданы третьим лицам, за исключением случаев, связанных с исполнением действующего законодательства.
6.3. В случае выявления неточностей в персональных данных, Пользователь может актуализировать их самостоятельно, путем направления Оператору уведомление на адрес электронной почты Оператора info@digitax-agency.ru с пометкой «Актуализация персональных данных».
6.4. Срок обработки персональных данных является неограниченным. Пользователь может в любой момент отозвать свое согласие на обработку персональных данных, направив Оператору уведомление посредством электронной почты на электронный адрес Оператора info@digitax-agency.ru с пометкой «Отзыв согласия на обработку персональных данных».
7. Трансграничная передача персональных данных
7.1. Оператор до начала осуществления трансграничной передачи персональных данных обязан убедиться в том, что иностранным государством, на территорию которого предполагается осуществлять передачу персональных данных, обеспечивается надежная защита прав субъектов персональных данных.
7.2. Трансграничная передача персональных данных на территории иностранных государств, не отвечающих вышеуказанным требованиям, может осуществляться только в случае наличия согласия в письменной форме субъекта персональных данных на трансграничную передачу его персональных данных и/или исполнения договора, стороной которого является субъект персональных данных.
8. Заключительные положения
8.1. Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты info@digitax-agency.ru.
8.2. В данном документе будут отражены любые изменения политики обработки персональных данных Оператором. Политика действует бессрочно до замены ее новой версией.
8.3. Актуальная версия Политики в свободном доступе расположена в сети Интернет по адресу https://agency-digitax.ru
Пользователь — любое лицо, оставляющее свои данные на Сайте: agency-digitax.ru
Оператор — Индивидуальный предприниматель Мальцев Алексей Александрович, адрес: РФ, 355045, СТАВРОПОЛЬСКИЙ КРАЙ, Г СТАВРОПОЛЬ, УЛ ПИРОГОВА, д. 64, корп. 4, кв. 101
1. Пользователь, присоединяясь к настоящему Соглашению и оставляя свои данные на Сайте Оператора по адресу в сети Интернет: agency-digitax.ru (далее — Сайт), путем заполнения персональных данных в специальных полях на Сайте:
1.1. Подтверждает, что все указанные им данные принадлежат лично ему;
1.2. Подтверждает и признает, что им внимательно в полном объеме прочитано настоящее Согласие, Политика конфиденциальности, расположенная по адресу agency-digitax.ru, текст и условия ему понятны.
1.3. Выражает согласие с условиями Политики конфиденциальности, расположенной по адресу agency-digitax.ru
1.4. Дает согласие Оператору на обработку персональных данных и возможность передачи им таких персональных данных третьим лицам, с использованием машинных носителей информации, по каналам связи с соблюдением мер, обеспечивающих их защиту от несанкционированного доступа.
1.5. Согласие дается на обработку следующих персональных данных:
- Имя, номер телефона, адрес электронной почты
1.6. Согласие Пользователя на обработку и передачу третьим лицам персональных данных является конкретным, информированным и сознательным.
2. Оператор осуществляет автоматизированную обработку персональных данных с получением и/или передачей полученной информации по информационно-телекоммуникационным сетям или без таковой.
3. В ходе обработки с персональными данными Пользователя могут быть совершены следующие действия: сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), использование, передачу (распространение, предоставление, доступ), обезличивание, удаление и уничтожение персональных данных.
4. Оператор не осуществляет обработку специальных категорий персональных данных, касающихся расовой, национальной принадлежности, политических взглядов, религиозных или философских убеждений, состояния здоровья, интимной жизни, за исключением случаев, предусмотренных законодательством РФ.
5. Срок согласия на обработку и передачу третьим лицам персональных данных ограничен сроком необходимым для достижения цели сбора и обработки персональных данных.
6. Согласие может быть отозвано Пользователем путем направления письменного заявления на электронную почту: info@digitax-agency.ru
7. Оператор имеет право вносить изменения в настоящее Согласие. При внесении изменений в актуальной редакции указывается дата последнего обновления. Новая редакция Согласия вступает в силу с момента ее размещения, если иное не предусмотрено новой редакцией Согласия.
