Круглые иконки: Иконки круглые формы — 1,170 бесплатных иконок

Круглые иконки приложения в Android 7.

Круглые иконки приложения в Android 7.1

Круглые иконки приложений стали стандартом с момента появления Android Nougat 7.1 и нового компонента Pixel Launcher. Google даже ввел новый API, позволяющий разработчикам задавать круглую иконку для лаунчеров, которые это поддерживают. Что, безусловно, очень полезно в том случае, если у Вас сильный брендинг и Вы просто желаете сделать так, чтобы для лучшего соответствия новому лаунчеру иконка приложения показывалась круглой. Давайте рассмотрим несколько примеров обновленных иконок, у которых сильный брендинг и которые теперь имеют новый круглый значок для Nouget 7.1:

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

Создаем круглый значок

Android Asset Studio просто набита «лакомствами» для разработчиков, и в их числе возможность создания иконок для панели действий, вкладок, уведомлений и лаунчера, которые получаются с правильным разрешением для каждого возможного дисплея. Сперва давайте обратимся к Launcher Icon Generator, загрузим туда существующую иконку и выберем Circle shape, с тем чтобы создать новую круглую иконку. Я выбрал подходящий синий фон и увеличил иконку на 5%, чтобы сделать ее полной.

Затем нажмите на кнопку Download .ZIP, с тем чтобы скачать новую иконку, которую можно будет извлечь из архива и добавить в папку mipmap под Resources:

Нацеливаемся на Android API 25

Чтобы иметь возможность добавлять круглые иконки к нашему Android Manifest, мы должны убедиться в том, что запустили сборку Xamarin, которая поддерживает Android 7. 1 (см пост здесь), а также в том, что мы обновили компилятор Android и установили целевой API на API 25 в настройках проекта:

Обновляем атрибуты Activity

Мы должны указать местоположение нашего Activity, у которого свойство MainLauncher установлено на значении true. Как правило, это MainActivity или кастомное SplashActivity, подобное тому, которое сейчас есть в моем приложении. Наряду с атрибутом MainLauncher и другими, такими как Label и Icon, которые отображаются. Мы можем просто добавить еще один атрибут с именем RoundIcon и установить в его значение нашу новую иконку. Мои атрибуты Activity выглядит следующим образом:

[Activity(Label = «Scoreboard», Icon = «@mipmap/ic_launcher», RoundIcon=»@mipmap/ic_round_launcher», Theme = «@style/SplashTheme», MainLauncher = true)] public class SplashActivity : AppCompatActivity { }

И вот как выглядит главный экран лаунчера один к одному:

Заключение

Обязательно прочитайте документацию Google, чтобы узнать больше о возможностях Android 7. 1. Можно также ознакомиться с рекомендациями по материальному дизайну для изучения темы выбора оптимального размера и характера иконки при ее создании.

Автор: James Montemagno
Источник: Статья в официальном блоге Xamarin

дизайнов, тем, шаблонов и графических элементов со скругленными иконками на Dribbble

1. Просмотр набора иконок — Classroomscreen

   Набор значков — экран для занятий

2. Посмотреть зефирные сны

   Зефирные мечты

3. Посмотреть значки Сатурна

   Иконы Сатурна

4. Просмотр 🏴 Набор иконок

   🏴 Набор иконок

5. Посмотреть навигацию

   Навигация

6. Посмотреть набор значков премиум-класса от Xicons Studio

   Премиум набор значков от Xicons Studio

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

8. Просмотр анимированных иконок в стиле Material Rounded

   Анимированные иконки в стиле Material Rounded

9. Посмотреть круглые значки

   Круглые значки

10. Посмотреть некоторые значки

    Некоторые значки

11. Посмотреть веб-сайт Conduit Ventures

    Веб-сайт Conduit Ventures

12. Посмотреть набор кулинарных икон

    Набор кулинарных иконок

13. Посмотреть приложение для мониторинга здоровья детей

    Приложение для мониторинга здоровья ребенка

14. Просмотр Логин — Модальный

    Логин — модальный

15. Просмотреть звук FX — целевая страница

    FX Sound — целевая страница

16. Посмотреть дизайн иконок 1

    Дизайн иконок 1

17. Посмотреть Incfile. com

    Incfile.com

18. Просмотреть Пустоту — Icon Pack

    Пустота — набор значков

19. Просмотр значка сегментации для связи правил

    Значок сегментации для связи правил

20. Посмотреть Incfile. com

    Incfile.com

21. Просмотр Jollycons — Аудио — Набор иконок

    Jollycons — Аудио — Набор иконок

22. Просмотр значков сочных файлов

    Сочные иконки файлов

23. Посмотреть концептуальное приложение Neuralink — Adobe XD Livestream

    Концептуальное приложение Neuralink — Adobe XD Livestream

24. Просмотр пищевых иконок в стиле Material Rounded

    Пищевые иконки в закругленном стиле

Зарегистрируйтесь, чтобы продолжить или войдите

Идет загрузка еще…

60 стильных круглых иконок — Знакомьтесь, The Roundicons — Smashing Magazine

• 4 минуты чтения
• Бесплатные, Icons
• Поделиться в Twitter, LinkedIn

Об авторе

Виталий Фридман любит красивый контент и не любит легко сдаваться. Когда он не пишет, он, скорее всего, занимается интерфейсом и UX… Больше о Виталий ↬

Всем нравится хороший, чистый и простой набор иконок. Сегодня мы имеем честь представить вам набор из 60 векторных круглых иконок, искусно разработанный творческим трио из Roundicons и выпущенный исключительно для журнала Smashing Magazine и его читателей. Созданный с большим вниманием к деталям , этот набор иконок чрезвычайно прост в использовании и, скорее всего, станет следующим основным ресурсом для любого из ваших дизайнерских проектов.

Этот бесплатный набор содержит 60 иконок, которые можно использовать бесплатно без каких-либо ограничений и которые служат различным дизайнерским целям. Вы можете использовать иконки в своей рекламе, а также в своих личных работах. Не стесняйтесь изменять размер, цвет или форму значков. Атрибуция не требуется. Однако перепродажа наборов или отдельных пиктограмм не допускается.

Особенности круглых иконок

• Предназначен для преобразования . Иконки выполнены в круглом и плоском стиле. Круг был и всегда будет самой полной и привлекательной формой. В сочетании с простым и понятным дизайном сообщение (надеюсь) передается мгновенно. Каждая иконка представляет собой плоскую иллюстрацию, которую можно использовать либо в своем круглом контейнере, либо как отдельную иллюстрацию.
• Простота настройки . Иконки представлены в различных форматах файлов, что делает их очень простыми в использовании: PNG, SVG, EPS и Ai. Файлы PNG бывают пяти размеров (48 × 48, 64 × 64 пикселей, 128 × 128 пикселей, 256 × 256 пикселей, 512 × 512 пикселей). Все значки готовы к дисплею Retina и могут использоваться в ваших мобильных приложениях, а также в шаблонах и темах.
• Палитры цветов . Цвета тщательно подобраны, чтобы обеспечить максимальную гармонию при использовании нескольких значков на одной странице. Вы всегда можете изменить цвет фонового круга в любой иконке, чтобы он соответствовал вашему дизайну и идентичности продукта, или просто используйте только иллюстрацию и нарисуйте круг своими собственными кодами.
  

Больше после прыжка! Продолжить чтение ниже ↓

Пара примеров иконок без закругленных контейнеров.

Различные размеры и форматы файлов делают круглые значки очень удобными в использовании.

Предварительный просмотр каждого значка, включенного в набор Roundicons (нажмите здесь, чтобы увидеть увеличенный предварительный просмотр).

Скачать набор значков бесплатно

• Большой превью
• Скачать набор круглых значков бесплатно (ZIP, 21 МБ)
• Страница выпуска дизайнера с более чем 900 дополнительными значками.

Информация от одного из дизайнеров:

Вот некоторые идеи от самого дизайнера Рами Вафаа Вади:

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

Каждая иконка сначала набрасывается на бумаге, а затем детально прорисовывается в Adobe Illustrator и тщательно проверяется командой после завершения. Мы стремимся предоставить все возможные форматы — от векторных исходных файлов до растровых PNG разных размеров.

No related posts.