Приправьте ваше приложение нашим лексоном по эффектам переходов от общих элементов в мобильном телефоне. Держите внимание пользователя на ваших активах при переходе от одного представления к другому.
Каждая новая версия Android и iOS требует, чтобы дизайнеры и разработчики обновляли свои приложения. Если вы ищете (в основном) бесплатные комплекты пользовательского интерфейса для последних версий Android и iOS, то есть Android 7, также известного как Nougat, и iOS10, вот некоторые комплекты, которые следует рассмотреть.
Несмотря на то, что Android N был выпущен более полугода назад, существует не так много наборов или ресурсов для дизайна, разработанных специально для него. С Lollipop это была другая история, было гораздо больше наборов пользовательского интерфейса на выбор. С iOS10 есть больше выбора, поэтому, если вы разрабатываете в основном для устройств iOS, это хорошая новость для вас.
1. Ресурс Sketch Kit для Android N GUI
Этот комплект Android Nougat GUI) для Sketch. Чтобы использовать этот комплект, вам понадобится Sketch 3.8.2 и Roboto, системный шрифт Google Android.
В комплект входят 25 векторов самых популярных Android N экранов. Некоторые из экранов не новы, но они все еще пригодны для нуги. Новые экраны — это экраны и настройки уведомлений в стиле Android N, а также электронная почта, музыкальный проигрыватель, календарь, видеовстречи, камера, видео и т. Д. По сути, у вас есть все экраны, необходимые для типичного приложения. Если вы не можете найти экран, который можно использовать напрямую, с небольшими изменениями существующего экрана вы можете создать то, что вам нужно.
2. Android Nougat UI Kit для фотошопа
Если Photoshop — ваша любимая дизайнерская программа, и вы не против потратить несколько долларов на отличный набор для пользовательского интерфейса, вам понравится этот набор для Android NI Photoshop . В отличие от других ресурсов в списке, он не бесплатный, но он настолько хорош (а выбор бесплатных наборов, особенно для Photoshop, настолько ограничен), что я решил включить его в список.
Это векторный набор с множеством элементов интерфейса, элементов управления, форм, контейнеров и значков. В нем вы найдете экраны, такие как Настройки, Входящие, Календарь, Google Карты и многое другое.
3. Диалог разрешений Android Ресурс Sketch
Диалоги разрешений были введены в Android Marshmallow, но в Nougat они претерпели визуальные изменения. Если вы хотите соответствовать их новому внешнему виду, попробуйте диалоговые окна с разрешениями Sketch .
4. Ресурс эскиза шаблона ярлыков Android-N
Ярлыки приложений — одна из новых функций в Android N. Благодаря ярлыкам приложений приложения могут получить быстрый доступ к выбранным экранам и функциям. Если вам нужны символы для этих опций,
этот шаблон для Sketch содержит их. Обратите внимание, что некоторые функции, такие как Google Now Launcher (и Pixel Launcher), поддерживают ярлыки приложений только на Android 7.1 и выше.
5. Нижний навигационный ресурс Android N
Если ваша нижняя навигация соответствует принципам Материального Дизайна, вот вам полезный ресурс. Android N Bottom Navigation Sketch Resource был выпущен недавно, и в нем применяются все новейшие и лучшие в концепции дизайна материалов.
6. Бесплатный векторный графический интерфейс iOS10
Этот бесплатный векторный графический набор iOS10 представляет собой огромную коллекцию ресурсов для любого дизайнера iOS. Он сделан для iPhone 6 (т.е. с разрешением 375×667 пикселей), и в прошлый раз, когда я проверял, у него не было более свежей версии, но все же это один из лучших комплектов. Это требует SF UI Font.
Набор предлагает 62 экрана iOS 10 и все основные компоненты, которые вам понадобятся в ваших проектах. И экраны, и компоненты названы, наслоены и полностью настраиваемы. Набор доступен для Sketch, Craft Library, Figma, Adobe Photoshop, Adobe XD и Adobe Illustrator.
7. Ресурсы Apple UI Design
Ни один список ресурсов пользовательского интерфейса iOS10 не обходится без предметов от самих Apple. Этот комплект пользовательского интерфейса от Apple — больше, чем просто комплект. Он поставляется с множеством видео и текстовых уроков с примерами основных принципов дизайна iOS GUI. Если вы не знакомы с этими принципами, сначала прочитайте о них, а затем сделайте свой дизайн.
Комплект содержит элементы управления UIKit, представления и глифы. Он доступен для Photoshop и Sketch.
8. iOS 10 UI Kit
Не обманывайтесь URL этого замечательного комплекта .
Несмотря на то, что URL говорит iOS8, это для iOS10. Я предполагаю, что они не переименовали URL, чтобы они могли использовать существующий трафик для более старой версии страницы.
Это не векторный набор, но он доступен в нескольких размерах, чтобы соответствовать экранам iPhone 5 / SE, iPhone 6/7 и iPhone 6 Plus / 7 Plus. Набор доступен для Sketch и Photoshop. Для правильного использования этого набора вам необходим шрифт SF. Комплект содержит все необходимое для разработки приложений iOS10, например, системные экраны, уведомления, навигацию и панели вкладок, клавиатуры, средства выбора, листы действий и т. Д.
9. iOS 10 UI
Возможно, ресурсы iOS10, перечисленные до сих пор, — это больше, чем нужно для разработки приложений iOS10, но никогда не помешает выбрать больше. Этот так называемый неофициальный дизайнерский набор представляет собой обширную коллекцию экранов, приложений, значков, эффектов и других элементов, которые вы можете использовать в своих графических интерфейсах iOS 10. Вы можете найти символы, виджеты, шаблоны уведомлений и т. Д. Что мне действительно нравится в этом наборе, так это то, что он векторный и с открытым исходным кодом.
10. iOS 10 GUI (iPhone)
IOS 10 GUI Kit , также называемый Facebook iOS 10 Light, — еще один огромный ресурс, который вы бы не хотели пропустить. В нем много экранов и компонентов, которые вы можете найти в общедоступном выпуске iOS 10. Набор доступен для Photoshop, Sketch, Figma и XD. Не все компоненты являются масштабируемыми, но многие из них являются такими, поэтому даже если вы разрабатываете для других устройств, не только для iPhone, вы все равно можете использовать ресурсы.
Вывод
Если 5 комплектов iOS 10, которые я включил в статью, недостаточны, и вам нужно больше, проверьте этот список , чтобы узнать больше. Он часто пополняется новыми ресурсами, но они предназначены только для Sketch. Что касается дополнительных ресурсов об Android Nougat, я оставил не так много хороших ресурсов, как для iOS. Возможно, в будущем будет выпущено больше наборов, но сейчас выбор, особенно бесплатных наборов пользовательского интерфейса Android Nougat, очень и очень ограничен.
Придайте остроту своему приложению с нашим приложением leson, посвященным эффектам переходов от общего элемента в мобильном устройстве . Держите внимание пользователя на ваших активах при переходе от одного представления к другому.