дизайнов, тем, шаблонов и загружаемых графических элементов Android Launcher на Dribbble
Посмотреть простой логотип
Простой логотип
Просмотреть телефон Leica Leitz 1
Телефон Leica Leitz 1
Посмотреть телефон Leica, детали
Телефон Leica, детали
Посмотреть мобильную ОС Palm
Мобильная ОС Palm
Просмотр значков Air Launcher
Значки воздушной пусковой установки
Посмотреть концепцию Android Launcher
Android Launcher Concept
Посмотреть программу запуска Mudita
Пусковая установка Мудита
Просмотр автомобильной навигации Launcher
Автомобильная навигация
Посмотреть Fly Launcher — значки
Fly Launcher — иконки
Посмотреть средство запуска искусственного интеллекта, ориентированное на голос
Голосовая программа запуска ИИ
- Посмотреть флюгер
Флюгер
Посмотреть пользовательский интерфейс Voice Launcher от Milkinside
Пользовательский интерфейс Voice Launcher от Milkinside
Посмотреть Фарадея
Фарадей
Просмотр пользовательского интерфейса запуска умного дома
Интерфейс запуска умного дома
Посмотреть дизайн экрана блокировки
Дизайн экрана блокировки
Посмотреть концепцию запуска VR UI
Концепция запуска VR UI
Просмотр приложения Game Launcher — Исследование
Приложение Game Launcher — Исследование
Просмотр приложения Gamer Game Launcher 🎮
Приложение Gamer Game Launcher 🎮
Посмотреть панель управления AI Launcher от Milkinside
Панель запуска AI от Milkinside
Посмотреть пакет значков Nova
Набор значков Nova
Просмотр Темы для Android WP Launcher / Launcher 8
Темы для Android WP Launcher / Launcher 8
Просмотр перехода к запуску Райдера
Переход для запуска гонщика
Просмотр Темы для Android WP Launcher / Launcher 8
Темы для Android WP Launcher / Launcher 8
Посмотреть официальную иконку Hyperion Launcher
Официальный значок Hyperion Launcher
Зарегистрируйтесь, чтобы продолжить или войдите в
Загрузка More…
10 БЕСПЛАТНЫЕ наборы UI для Android Nougat и iOS 10
Mobile
- DesignMobile UX
Акции
Spice Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Up Pice.
Эффекты перехода элементов в мобильных устройствах. Удерживайте внимание пользователя на ваших активах, когда вы переходите от одного вида к другому.
Каждая новая версия Android и iOS требует от дизайнеров и разработчиков обновления своих приложений. Если вы ищете (в основном) бесплатные наборы пользовательского интерфейса для последних версий Android и iOS, то есть Android 7, также известного как Nougat, и iOS10, вот несколько наборов, которые стоит рассмотреть.
Несмотря на то, что Android N был выпущен более полугода назад, существует не так много комплектов или вообще дизайнерских ресурсов, разработанных специально для него. С Lollipop все было по-другому, там было гораздо больше наборов пользовательского интерфейса на выбор. С iOS10 выбор больше, поэтому, если вы разрабатываете в основном для устройств iOS, это хорошая новость для вас.
1. Комплект графического интерфейса пользователя Android N Ресурс Sketch
Этот комплект графического интерфейса пользователя Android Nougat предназначен для Sketch.
Чтобы использовать этот набор, вам понадобится Sketch 3.8.2 и Roboto, системный шрифт Google для Android.
В комплект входят 25 векторов самых популярных экранов Android N. Некоторые экраны не новы, но их все еще можно использовать для Nougat. Новые экраны — это экраны уведомлений и настроек в стиле Android N, а также электронная почта, музыкальный проигрыватель, календарь, видеовстречи, камера, видео и т. д. По сути, у вас есть все экраны, необходимые для типичного приложения. Если вы не найдете экран, который можно было бы использовать напрямую, с небольшими изменениями существующего экрана вы можете создать то, что хотите.
2. Набор пользовательского интерфейса Android Nougat для Photoshop
Если Photoshop — ваша любимая программа для дизайна, и вы не возражаете потратить несколько долларов на отличный набор пользовательского интерфейса, вам понравится этот набор Android N UI Photoshop. В отличие от других ресурсов в списке, он не бесплатный, но настолько хорош (а выбор бесплатных наборов, особенно для Photoshop, настолько ограничен), что я решил включить его в список.
Это векторный набор с множеством элементов интерфейса, элементов управления, форм, контейнеров и значков. В нем вы найдете такие экраны, как «Настройки», «Входящие», «Календарь», «Карты Google» и другие.
3. Диалоговые окна разрешений Android Ресурс Sketch
Диалоговые окна разрешений появились в Android Marshmallow, но в Nougat они претерпели визуальные изменения. Если вы хотите соответствовать их новому внешнему виду, попробуйте диалоги разрешений Sketch.
4. Ресурс эскиза шаблона ярлыков Android-N
Ярлыки приложений — одна из новых функций Android N. Благодаря ярлыкам приложений приложения могут получить быстрый доступ к выбранным экранам и функциям. Если вам нужны символы для этих опций,
этот шаблон для Sketch содержит их. Обратите внимание, что некоторые функции, такие как Google Now Launcher (и Pixel Launcher), поддерживают ярлыки приложений только на Android 7.1 и выше.
Если ваша нижняя навигация следует принципам Material Design, вот вам полезный ресурс.
Недавно был выпущен Android N Bottom Navigation Sketch Resource, в котором реализованы все самые последние и лучшие идеи концепции Material Design.
6. Бесплатный векторный графический интерфейс iOS10 Kit
Этот бесплатный векторный набор графического интерфейса пользователя для iOS10 представляет собой огромную коллекцию ресурсов для любого iOS-дизайнера. Он сделан для iPhone 6 (то есть с разрешением 375x667px), и в последний раз, когда я проверял, у него не было более новой версии, но все же это один из лучших комплектов. Для этого требуется шрифт SF UI.
В комплект входят 62 экрана iOS 10 и все основные компоненты, которые вам понадобятся в ваших проектах. И экраны, и компоненты имеют имена, слои и полностью настраиваются. Комплект доступен для Sketch, Craft Library, Figma, Adobe Photoshop, Adobe XD и Adobe Illustrator.
Ни один список ресурсов пользовательского интерфейса iOS10 не будет полным без элементов от самой Apple. Этот набор пользовательского интерфейса от Apple — больше, чем просто набор.
Он поставляется с множеством видео и текстовых руководств с примерами основных принципов дизайна графического интерфейса iOS. Если вы не знакомы с этими принципами, сначала прочитайте о них, а затем приступайте к своим проектам.
Комплект содержит элементы управления UIKit, представления и глифы. Он доступен для Photoshop и Sketch.
8. Комплект пользовательского интерфейса iOS 10
Не дайте себя одурачить URL-адресом этого замечательного комплекта.
Несмотря на то, что в URL указано iOS8, это для iOS10. Я предполагаю, что они не переименовали URL-адрес, чтобы использовать существующий трафик на более старую версию страницы.
Это не векторный набор, но он доступен в нескольких размерах, чтобы соответствовать экранам iPhone 5/SE, iPhone 6/7 и iPhone 6 Plus/7 Plus. Набор доступен для Sketch и Photoshop. Чтобы правильно использовать этот набор, вам нужен шрифт SF. Комплект содержит все необходимое для разработки приложений iOS10, например системные экраны, уведомления, панели навигации и вкладок, клавиатуры, средства выбора, листы действий и т.
д.
9. Пользовательский интерфейс iOS 10
Возможно, перечисленные ресурсы iOS10 — это больше, чем то, что вам нужно для разработки приложений для iOS10, но всегда есть из чего выбирать. Этот так называемый неофициальный комплект дизайна представляет собой огромную коллекцию экранов, приложений, значков, эффектов и других вещей, которые вы можете использовать в своих графических интерфейсах iOS 10. Вы можете найти символы, виджеты, шаблоны уведомлений и т. д. Что мне действительно нравится в этом наборе, так это то, что он векторный и с открытым исходным кодом.
10. Графический интерфейс iOS 10 (iPhone)
Комплект графического интерфейса пользователя iOS 10, также называемый Facebook iOS 10 Light, — это еще один огромный ресурс, который вы не хотели бы пропустить. В нем много экранов и компонентов, которые вы можете найти в общедоступной версии iOS 10. Набор доступен для Photoshop, Sketch, Figma и XD. Не все компоненты являются масштабируемыми, но многие из них являются масштабируемыми, поэтому даже если вы разрабатываете для других устройств, а не только для iPhone, вы все равно можете использовать ресурсы.
Заключение
Если 5 комплектов iOS 10, которые я включил в статью, недостаточно и вам нужно больше, проверьте этот список, чтобы найти больше. Он часто пополняется новыми ресурсами, но они предназначены только для Sketch. Что касается дополнительных ресурсов по Android Nougat, то у меня осталось не так много хороших ресурсов, как для iOS. Возможно, в будущем будет выпущено больше комплектов, но пока выбор, особенно бесплатных комплектов пользовательского интерфейса Android Nougat, очень и очень ограничен.
Оживите свое приложение с помощью нашего урока «Эффекты перехода общих элементов в мобильных устройствах». Удерживайте внимание пользователя на ваших активах, когда вы переходите от одного вида к другому.
Поделиться этой статьей
Ада Иванофф
Ада — фрилансер и веб-предприниматель с более чем десятилетним опытом работы в сфере ИТ. Она увлекается дизайном, писательством и любит идти в ногу со всеми последними и лучшими разработками в области технологий.
