Иконки продуктов — СКБ Контур

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

Иконки в Figma

Использование

Иконки продуктов используются в следующих случаях:

• Списки продуктов;
• Фавиконки и touch-иконки сайтов;
• Иконки мобильных и десктоп-приложений;
• Аватарки продуктов в соцсетях
• Другие случаи, когда текстовый логотип неприменим.

Иконка — не логотип

Иконка продукта не является логотипом или его частью. Нельзя использовать конструкцию «иконка + текстовый логотип».

Стили иконок

Дефолтный

Основной стиль с цветной подложкой, используется в большинстве случаев.

Symbol

Легкая версия приглушенного цвета без подложки. Подходит для больших списков продуктов, и где уместнее использовать упрощенную иконку.

Glyph

Специальная версия, где линия — вырез. Используется в маленьких фавиконках.

Специальные версии

Для круглых аватарок

Версия «Avatar» для использования в качестве аватарки в соцсетях и других местах, где накладывается круглая маска. Значок в этой версии немного уменьшен и оптически скомпенсирован так, чтобы лучше смотрелся в круге.

Фавиконки и Touch-иконки

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

Мобильные приложения

Приложения для iOS и Android используют дефолтный стиль иконок, но с учетом требований магазинов приложений. Такие иконки готовятся по запросу.

Рабочий стол Windows

Используется дефолтный стиль. По умолчанию для всех продуктов доступен ICO-файл, в который включены размеры 16, 32, 48 px. Другие размеры готовятся по запросу.

Размеры

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

Палитра

Продуктовые иконки используют собственную палитру, которая немного отличается от оттенков «Basic (60)» из общей палитры. В ней цвета приведены к более общему тону, чтобы в списках продуктов явно не было более темных/светлых иконок.

Если в промо-материалах это отклонение является проблемой, допускается перекрасить иконки в оттенки из общей палитры.

Сервер статики

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

Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки

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

Мы, в Microsoft, старались облегчить и улучшить подобные виды взаимодействий и опыта. Масштабирование дизайна иконок от 10 продуктов до более, чем ста было и пугающим, и захватывающим одновременно.

Масштабирование дизайна по всей экосистеме Microsoft требует открытой и гибкой системы

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

Мы делились знаниями, итерациями, препятствиями и успехами. Мы сравнивали иконки в разных контекстах и ​​вносили изменения. Самое главное, мы вдохновляли друг друга. Это было единение Microsoft, и мы не можем дождаться, чтобы узнать ваше мнение.

Все новые иконки, от иконок утилит Windows до иконок смешанной реальности Microsoft Dynamics, были скроены из единого полотна

Расширение апертуры нашей дизайн-системы

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

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

Богатые градиенты, плавные изгибы и плавное движение объединяют логотипы Edge и Office с остальными иконками

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

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

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

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

Проектируем наше будущее вместе

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

Проектирование для 3D означает начало работы в 3D

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

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

Чтобы оставаться в курсе событий Microsoft Design, подпишитесь на нас в Instagram, Twitter и Facebook, или присоединитесь к нашей программе Windows Insider. И, если вы хотите стать частью команды Microsoft, ознакомьтесь со списком вакансий aka. ms/DesignCareers.

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

214 379 иконок еды — бесплатно в SVG, PNG, ICO

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

Получить полный доступ

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Фудпанда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
Значок

Еда
значок

еда значок PNG и SVG вектор скачать бесплатно

еда значок PNG и вектор SVG скачать бесплатно

Мы создаем новые иконки каждый день. Станьте покровителем UXWing для поддержки сайта всего за долларов США в месяц!

Поделиться этой страницей

Форматы: Оптимизированный файл SVG, уменьшенный файл PNG
/
PNG Размер: 512px x 512px
/
Категория: Еда, напитки, кулинария

Лицензия: Все иконки можно свободно использовать в любых личных и коммерческих проектах без указания авторства или указания авторства. Подробнее

Скачать PNG
Скачать SVG
Редактор иконок SVG

Просмотреть все связанные значки »

Категории иконок

• Сельское хозяйство, сельское хозяйство, садоводство
• Животные, птицы
• Стрелка, направление
• Arts, Graphic, Formes
• Banking, Finance
• Beauty, Fashion
• 33333333333. Arrivate Brands, Finance
• , Beauty, Fashion
• 3333333333333333333.