иконки для adobe приложений
Доступ к +6.0M векторных изображений и стикеров
Скачивайте бесплатные значки и стикеры для своих проектов. Ресурсы, созданные дизайнерами для дизайнеров. Форматы PNG, SVG, EPS, PSD и BASE 64..
Воспользуйтесь Черной пятницей
Скидка более 55% OFF на годовой план
Eжегодный 55% OFF
Иконки
Крупнейшая база значков, доступных в форматах PNG, SVG, EPS, PSD и BASE 64.
Стикеры
Откройте для себя более 6,000 стикеров для WhatsApp, Instagram и Facebook, доступных в форматах PNG и SVG.
Значки интерфейса
Более 3,000 значков, разработанных специально для интерфейсов и совместимых с популярными библиотеками значков.
Шрифты-значки для любого проекта, большого или маленького
+3,000векторных иконок, оптимальных для SVG и �еб-шрифта, для веб-приложений и приложений для iOS и Android.
Инструменты, которые помогут сделать вашу работу более профессиональной
Бесплатные аксессуары, которые позволят вам организовать свои дизайнерские творения и создавать их, экономя при этом время
Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. Посмотреть еще
Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. Посмотреть еще
Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. Посмотреть еще
Создавайте эффектные изображения для своих историй в Instagram, заголовков в Facebook, презентаций, блогов или веб-сайтов. Посмотреть еще
Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. Посмотреть еще
Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. Посмотреть еще
Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. Посмотреть еще
Создавайте эффектные изображения для своих историй в Instagram, заголовков в Facebook, презентаций, блогов или веб-сайтов. Посмотреть еще
Что нового в Flaticon
Узнайте о последних обновлениях сайта, новых функциях и инструментах и извлеките максимум пользы из работы с Flaticon.
Создавайте стильные и качественные пиктограммы
Использование стильных, запоминающихся пиктограмм поможет вывести ваши графические проекты на новый уровень. Узнайте, как создавать эскизы и векторные изображения для дизайна пиктограмм, веб-сайтов и логотипов.
Все необходимые инструменты для создания привлекательных значков
Узнайте, как создавать и оптимизировать наборы пиктограмм для веб-сайтов. Благодаря безграничным возможностям Adobe Illustrator вы сможете быстро улучшить свои навыки дизайна пиктограмм.
Нарисуйте эскиз на бумаге или отсканируйте его и импортируйте в Adobe Illustrator. Можно также создать эскиз на смартфоне или на iPad, а затем импортировать контуры.
Создайте векторное изображение
Создайте универсальные векторные фигуры с помощью инструментов «Эллипс» и «Прямоугольник». Включите функцию «Быстрые направляющие», чтобы упорядочить фигуры или откорректировать контуры, нарисованные от руки с помощью инструмента «Перо».
Вы можете легко создать плоские пиктограммы, объединяя и группируя векторные фигуры. Инструмент «Мастер фигур» позволяет улучшить общую форму, а перетаскивание угловых виджетов позволяет скруглить острые края.
Добавьте цвет и глубину
Разработайте собственный стиль пиктограмм. Для получения наилучшего результата примените цветовую палитру с помощью функции «Заливка», отрегулируйте визуальную насыщенность линий с помощью инструмента «Обводка» или поэкспериментируйте с инструментом «Прозрачность».
Как превратить эскизы в пиктограммы для различных экранов
Создайте пиктограмму в любом стиле и экспортируйте ее в форматах для различных устройств.
Планирование
Отсканируйте или импортируйте эскизы из блокнота или с мобильного устройства и используйте их в качестве первого слоя.
Создание
Добавьте векторные фигуры в новый слой или используйте инструменты «Перо» и «Быстрые направляющие» для трассировки.
Редизайн иконок файлов для всей линейки продуктов Adobe Статьи редакции
Сайт Sketchapp перевёл описание кейса от дизайнера Adobe Design Brand Энни Чен.
В команде Adobe Design Brand мы создаём брендинг для всех наших настольных, мобильных и веб-продуктов. Фирменный элемент может быть любым: от двубуквенного логотипа до заставки и иконок в интерфейсе самого продукта.
Часто незаметный, но весьма наглядный элемент — иконка типа файла. Тип файла — это имя, заданное конкретному виду файла, который может создавать приложение, например, DOC для файла Word. Иконка типа файла — это значок, присвоенный типу и отображающийся на экране при сохранении или открытии.
С выходом новейшей версии Creative Cloud этой осенью пользователи увидят обновлённые иконки типа файла. В этом материале я углублюсь в размышления и процесс, связанный с нашим последним редизайном системы иконок типа файла Adobe, и расскажу о проблемах, с которыми мы сталкиваемся в процессе развития системы брендов в огромном семействе продуктов.
Многие клиенты могут не понимать, что Adobe имеет более 100 продуктов и сервисов в трёх облаках: Creative Cloud, Document Cloud и Experience Cloud
Это значит, что одно небольшое изменение в системе дизайна может создать сотни изменений по всем направлениям.
Когда дело доходит до иконок типа файла, пользователи часто рассматривают только основные типы файлов приложения, например:
Однако большинство наших продуктов могут импортировать и экспортировать различные типы дополнительных файлов (например, только в реестре Photoshop отображаются более 120 различных иконок типов файлов).
Чтобы оптимизировать требования различных операционных систем, наши иконки типов файлов должны быть вручную попиксельно подогнаны под десять различных размеров, а затем выпущены как набор растрированных PNG-файлов, которые упаковываются в ICNS (macOS) и ICO (Windows) файлы.
Когда мы учитываем количество размеров и форматов для каждой иконки типа файла, мы рассматриваем более 7000 ресурсов для изменения и управления с каждым циклом релиза.
То, с какой скоростью росла продуктовая линейка Creative Cloud в последние четыре года, значит, что объём усилий, необходимых для создания и поддержки этих иконок типов файлов, в существующем рабочем потоке больше не масштабируется.
Прежде чем мы смогли начать редизайн системы, нам пришлось исследовать, что мы сейчас используем в наших продуктах. Мы обратились к команде каждого продукта, чтобы они помогли нам провести аудит всех их иконок типа файла.
Отсутствие системности было повсюду, и оно, вероятно, стало результатом двух факторов:
С информацией, собранной в ходе нашего аудита, мы создали приблизительное представление о существующей архитектуре типа файла.
Во-первых, мы организовали иконки типа файла по семейству продуктов и перекрестно привязали их, чтобы посмотреть, какие дополнительные типы файлов были разделены между несколькими приложениями. Так мы могли устранить повторяющиеся иконки. Сделав это, мы смогли сократить количество дополнительных типов файлов до 65%.
Мы заметили, что некоторые типы файлов использовали несколько версий одной и той же метафоры, в то время как другие имели индивидуальные метафоры, которые можно было заменить более общим значком. Мы начали создавать широкие группы типов файлов, чтобы назначить единую метафору для всей семьи. При этом нам удалось сократить число метафор типа файла в нашей библиотеке более чем наполовину.
Получив полное представление о старой системе, мы начали устанавливать основные принципы организации для новой:
Мы начали делать эскизы с учётом новой структуры.
Одним из основных факторов, лежащих в основе редизайна, было упрощение и удаление как можно большего количества элементов на иконке типа файла без потери её смысла. Мы опустили тег и переместили тип файла в нижнюю часть иконки. Мы также убрали загиб страницы, чтобы сгладить дизайн и создать более современный визуальный язык.
Еще одним важным фактором было соответствие по спектру новому языку дизайна интерфейса Adobe, который в настоящее время распространяется во всех наших продуктах. К тому же мы закруглили углы наших иконок типа файла и начали создавать библиотеку, которая либо использовала существующие метафоры из базы данных Spectrum, либо создавала новые, которые соответствовали их стилю иллюстрации.
Наконец, мы добавили яркую цветовую схему в иконку типа файла, чтобы связать существующий брендинг логотипов наших продуктов. Это изменение создало более сплочённую визуальную систему, а новые иконки стали отображаться лучше в тёмных интерфейсах, тогда как наши старые иконки исчезли на темном фоне.
После того, как мы определились с направлением проектирования, мы протестировали новые иконки типа файла в контексте. Во время первоначальной проверки мы исследовали все области, где иконки типа файла отображаются в разных операционных системах и в наших собственных продуктах. Мы также рассмотрели каждый контекст, в котором иконки отображались в разных размерах и разрешениях.
На экранах рабочего стола macOS и Windows нам приходилось учитывать иконки, отображаемые в разных представлениях (список и сетка) с различными коэффициентами масштаба (от минимального размера 16 пикселей до 512 пикселей).
Также была проблема со светлым и тёмным интерфейсами, например, в разделах «Недавние элементы» или «Поиск в Spotlight» на рабочем столе Mac. Затем мы рассмотрели, в каких из наших собственных продуктов представлены наши же иконки типов файлов. Например, в панели «Активы», «Диалог медиа-браузера» и «Экран приветствия» при первом запуске приложения.
Как можно себе представить, мы быстро углублялись в неясные и забытые уголки нашей системы, где живут иконки типа файла. Тем не менее, это было ценное упражнение. Нам нужно было осознать масштаб задачи.
Последний шаг состоял в том, чтобы посмотреть иконки типа файла, добавленные в пользовательском интерфейсе наших веб- и мобильных сервисов, таких как Adobe Acrobat и Creative Cloud Libraries. Поскольку эти службы тоже были под контролем разных команд дизайнеров, нам приходилось координировать работу множества людей в соответствии с нашими планами по модернизации системы дизайна типов файлов.
Мы гордимся конечным результатом, потому что новый язык дизайна яснее и последовательнее. Это следующая ступень эволюции системы визуального бренда Adobe.
Access +6.0M vector icons & stickers
Download free icons and stickers for your projects. Resources made by and for designers. PNG, SVG, EPS, PSD and BASE 64 formats.
Get you hands on Black Friday
Over 55% OFF in the Annual Plan
Over 55% OFF
Icons
The largest database of icons available in PNG, SVG, EPS, PSD and BASE 64 formats.
Stickers
Discover more than 6,000 stickers for WhatsApp, Instagram and Facebook available in PNG and SVG.
Interface icons
More than 3,000 icons specially designed for your interfaces and compatible with the top icons libraries.
Icon Fonts for any project, big or small
+3,000 SVG and web font-optimal vector-based icons for web, iOS, and Android applications.
Tools that help make your jobs more professional
Free accessories that allow you to organize, create and save time on your designs
Create multiple collections to have your icons organized and download them in the format you want. See more
Edit the color of your icons, change the size and download them in all formats, SVG, PNG, EPS. See more
Use the icons in Google Docs and Slides easily, quickly and free of charge. See more
Create spectacular images for your instagram stories, facebook headers, your presentations, your blog or website. See more
Create multiple collections to have your icons organized and download them in the format you want. See more
Edit the color of your icons, change the size and download them in all formats, SVG, PNG, EPS. See more
Use the icons in Google Docs and Slides easily, quickly and free of charge. See more
Create spectacular images for your instagram stories, facebook headers, your presentations, your blog or website. See more
What’s New in Flaticon
See the latest website updates, new features, and tools, and get the most of your Flaticon experience.