Иконки преимуществ: Иконки преимущества — 6,940 бесплатных иконок

Как добавить новое преимущество в блок

Как отредактировать иконку преимущества

Работа с блоком Галерея

Добавляйте фото своих работ, покажите детали, кейсы, нюансы и конкурентные преимущества

Где можно расположить блок Галерея
Блок галерея можно добавить в любое место КП

Удаление блока Галерея
Переходим в настройки и нажимаем на кнопку удалить. Если нажмем на кнопку добавить фото, сможем добавить новые фото в эту же галерею.

Сколько фотографий лучше делать в Галерее
Количество фотографий не ограничено. Рекомендуем учесть то, что они будут попадать в PDF файл и влиять на скорость загрузки КП. Рекомендуем делать кратное четырем 4,8,12 фото.
Также при возможности рекомендуем следить за объемом загружаемых фото. Это влияет на загрузку.
Если вы планируете подготовить заранее все свои основные фото по услугам проведите их оптимизацию в бесплатном сервисе tinypng.com

10 причин, по которым мы начали проектировать иконки в Figma

Мы старались держать их подальше от солнечного света, не давали им воды и не кормили после полуночи. Тем не менее, каким-то образом, количество иконок Font Awesome продолжает расти с появлением новых стилей и категорий.

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

Чтобы упростить процесс проектирования и управления иконками, недавно мы перешли на Figma и хотим рассказать вам почему.

Поиск программного обеспечения, отвечающего нашим потребностям

Пару лет назад команда дизайнеров Font Awesome, начала создавать в Figma визуальные ресурсы, макеты и прототипы. Нас привлекла простота использования и возможности совместной работы.

6 версия дизайна нашего сайта была сделана в Figma, и мы создали простой компонент иконок, который упростил их интеграцию.

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

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

По этим причинам, а также по причинам, перечисленным ниже, мы в Font Awesome, решили полностью перейти на Figma.

10 основных причин, по которым мы перешли на Figma

1. Логические операции позволяют создавать редактируемые сложные формы

Большинство инструментов редактирования векторных изображений имеют в общем похожий набор инструментов (в Illustrator вы можете найти их на панели «Pathfinder»), и их функции очень похожи. Они позволяют вам взять несколько элементов и объединить их в один.

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

Более того, вы можете комбинировать в ​​логической группе, как фигуры, так и контуры с обводкой и при этом экспортировать их, как один слой-фигуру. Только одна эта функция стоит того, чтобы попробовать перейти на Figma.

2. Векторные кривые могут иметь независимые конечные точки и угловые узлы

Еще одна отличительная черта Figma – это ее способность назначать уникальные конечные точки и углы векторным кривым. При создании иконки эти параметры дают вам большую свободу действий по отношению к отдельным элементам, позволяя вам смешивать свойства линии.

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

3. Фреймы можно стилизовать и сложить в стек

В Figma фреймы – это, по сути, мощные группы. Они во многом похожи на более традиционный «артборд», но в Figma вы можете вкладывать фреймы в другие фреймы. Это полезно для организации и презентации при проектировании иконок.

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

4. Компоненты упрощают повторное использование элементов дизайна

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

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

5. Варианты создают альтернативные версии компонентов

Варианты компонентов – это относительно новая функция в Figma, которая позволяет группировать похожие компоненты. В Font Awesome мы начали использовать варианты компонентов для определения многоразовых изменяемых элементов иконок.

Например, модификатор иконки, который мы часто используем – это маленький кружок с плюсом.

6. Привязка к сетке улучшает дизайн иконок

Лучший друг дизайнера иконок – это пиксельная сетка. (Без обид, кривые Безье. Мы все еще друзья.) В инструментах дизайна решающее значение имеет возможность «привязки к сетке». Это помогает обеспечить последовательность и применяет полезные ограничения, повышающие творческий потенциал.

При рисовании объекта или линии конечные точки вашего объекта будут мягко привязаны к координатам сетки, чтобы элементы оставались идеальными до пикселя.

Figma превосходно обрабатывает привязку к сетке. Большинство программ привязываются только к точкам сетки с шагом в 1 пиксель. По умолчанию Figma привязывается к шагу ½ пикселя. Это позволяет вам точнее размещать объекты.

Figma предполагает, что вы хотите, чтобы все соответствовало сетке, и это предположение оправдывает себя.

7. Настраиваемая величина смещения

Величина смещения – это то, насколько далеко будет перемещаться выбранный элемент, когда вы выбрали объект или точку и нажали на клавиши со стрелками. Значение смещения по умолчанию составляет 1 пиксель (а «большое» смещение на 10 пикселей – Shift + клавиша со стрелкой).

У меня значение смещения по умолчанию установлено на ¼ пикселя, а большое смещение (Shift + клавиша со стрелкой) установлено на 1 пиксель, что очень полезно при проектировании крошечных иконок.

8. Векторные сети – новый тренд

Далее следует цитата из документации Figma:

Векторные сети (Vector networks) – одна из самых уникальных функций Figma. Большинство инструментов «Перо» рисуют контуры в виде петли с определенным направлением, всегда желая повторно соединиться с исходной точкой. Векторные сети не имеют направления и могут разветвляться в разных направлениях, не требуя создания отдельного объекта кривой. Сложные объекты могут быть созданы внутри одного и того же объекта и с теми же свойствами намного быстрее, чем их можно было бы нарисовать с помощью традиционных векторных инструментов.

9. Плагины добавляют новую функциональность в Figma

Если функция недоступна в Figma или у вас есть уникальный вариант использования, скорее всего, существует плагин, который поможет в вашем рабочем процессе. А если нет, вы всегда можете создать его самостоятельно.

Вот некоторые плагины, которые мы недавно использовали (и которые помогли нам в начале перехода на Figma):

• Rename It
• Select Layers
• Similayer
• Frame Resizer
• Masonry Grid Layout Organizer

10. Комментирование упрощает фидбек

Возможность оставлять комментарии прямо в файле дизайна сильно экономила время нашей команды.

До Figma я трудился в темноте, время от времени публикуя скриншоты незавершенной работы. Теперь, когда я прошу фидбек, комментарии (и ответы на чужие комментарии) можно оставлять там же, где ведется работа.

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

А вы используете Figma? Какие функции вам нравятся больше всего? Пишите нам в Твиттер!

А пока ознакомьтесь с нашим официальным компонентом иконок, который использует OTF-файлы и лигатуры Font Awesome Pro, что упрощает и облегчает добавление иконок (и замену стилей).

Перевод статьи blog.fontawesome.com

768 значков преимуществ для бизнеса — бесплатно в SVG, PNG, ICO

Получите неограниченный доступ к более чем 6,5 миллионам активов

Преимущества для бизнеса Значок

Преимущества для бизнеса Значок

Преимущества для бизнеса Значок

Преимущества для бизнеса Значок

Преимущества для бизнеса Значок

Преимущества для бизнеса Значок

Преимущества для бизнеса Значок

Преимущества государственного бизнеса Значок

Преимущества государственного бизнеса Значок

Компания Значок

График роста Значок

График роста Значок

Бизнес Трофей Значок

Пособия по рождению ребенка Значок

Государственные льготы Значок

Государственные льготы Значок

Отпускной ваучер Значок

Пособия по рождению ребенка Значок

Отпускной ваучер Значок

Командировка Значок

Выпускной тренинг Значок

Скидка для сотрудников Значок

Защита бизнеса Значок

Социальные льготы Значок

Пенсионные льготы Значок

Польза для здоровья Значок

Эпидемическая выгода Значок

Жилищное пособие Значок

Кардиологическая больница Значок

Продовольственный бизнес Значок

Деловой опыт Значок

Стоматолог Значок

Бизнес Трофей Значок

Заработная плата сотрудников Значок

Бонусный подарок Значок

Командировка Значок

Выпускной тренинг Значок

Скидка для сотрудников Значок

Защита бизнеса Значок

Социальные льготы Значок

Пенсионные льготы Значок

Польза для здоровья Значок

Эпидемическая выгода Значок

Жилищное пособие Значок

Кардиологическая больница Значок

Продовольственный бизнес Значок

Деловой опыт Значок

Стоматолог Значок

Заработная плата сотрудников Значок

Бонусный подарок Значок

Управление контрактами Значок

Контракт для экономии времени Значок

Контракт на рост компании Значок

Контракт на денежные проблемы Значок

Контракт с истекающим сроком действия Значок

Контракт на поставку Значок

Делать заметки Значок

Проблемы с контрактом Значок

Создание четких пунктов контракта Значок

Планирование позиций контракта Значок

Ключ цифровой подписи Значок

Переназначение позиций контракта Значок

Исследование предметов контракта Значок

Сохранение времени Значок

Перепроверка документов Значок

Связь между сторонами Значок

Соглашения о балансовых документах Значок

Чтение официальных документов Значок

Изменение настроек правил Значок

Документы Соглашение Значок

Установка правил Значок

Подписание контракта Значок

Соглашение лидеров компании Значок

Соглашение Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

ПРЕИМУЩЕСТВА Значок

ПРЕИМУЩЕСТВА Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Доход от бизнеса Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Планирование преимуществ Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества Значок

Преимущества многоканального распределения Значок

Преимущества Icon

5 Преимущества библиотеки фирменных значков

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

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

1. Иконки создают визуальный язык для вашего бренда и контента.

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

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

Библиотека значков предназначена не только для внешней аудитории. Создавайте пользовательские значки для внутренних коммуникаций. Как бы вы изобразили различные группы ресурсов или льгот для сотрудников?

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

2. Библиотека пользовательских значков делает ваш контент более совершенным.

Да, значки великолепны, но использование любого старого JPEG в качестве значка не поможет. Ваши сообщения заслуживают лучшего, чем картинки, верно? Последовательность добавляет легитимности вашему контенту. Иконка, которая не соответствует другим — или, что еще хуже, группа иконок, состоящая из все не совпадают — обесценивают ваш бренд, делая вас менее заслуживающим доверия.

У вас есть важные вещи, которые нужно сказать, и безупречные визуальные эффекты подскажут вашим читателям, что это важно.

3. Специальная библиотека значков делает создание контента более масштабируемым.

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

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

4.

«Привет, Дэйв! Во-первых, ты мой любимый коллега. Кроме того, я знаю, что вы должны закончить этот огромный проект в течение следующего часа, и я понимаю, что все остальные в вашей команде застряли на подъемнике и не могут вам помочь, но знаете ли вы, где я могу найти этот значок с большим пальцем вверх? используем иногда?»

Не будь таким человеком. Полная и отполированная библиотека значков легко доступна для скачивания, поэтому члены вашей команды могут найти то, что им нужно, не спрашивая окружающих. Кроме того, если ваши файлы значков названы четко, вы можете избежать дублирования одной и той же идеи (например, только один значок для «электронной почты»). Это способствует согласованности бренда.

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