Необходимо разработать UI/UX дизайн мобильного приложения для iOS и Android, которое позволяет пользователям искать и прослушивать музыку из YouTube, Spotify и Wikipedia. Приложение предоставляет возможность сохранять треки, создавать плейлисты, а также имеет функциональный плеер, аналогичный Apple Music.
Что требуется:
0.Дизайн LaunchScreen на котором будет анимация иконки приложения(дизайн иконки уже готов).
1. Основные экраны которые переключаются через UITaBarController (c возможностью переключения на SideBar для планшетов, как это должно выглядеть можно прочесть тут: https://developer.apple.com/design/human-interface-guidelines/tab-bars#iPadOS).Собственно сами экраны:
1) Экран Explore (отображение подборок по странам, жанрам, новым трекам, артистам, топ-чартов и др.), выглядеть должен в стиле библиотеки, используя где-то UICollectionView где то UITableView, с возможностью поиска, примеры есть ниже на скриншотах.
2) Экран Search поиска с переключателем между категориями (музыка, каналы, плейлисты) или с отдельными блоками результатов по этим категориям в стиле библиотеки, cмотри скриншоты примеров.
3) Экран Music сохраненной музыки с возможностью редактирования и сортировки треков.
4) Экран Playlists плейлистов с аналогичной логикой как у сохраненной музыки, только для плейлистов.
5) Экран Settings настроек (смена темы, темный/светлый режим, подписки, подключение аккаунтов YouTube/Spotify и т.д.).
*) Плеер, который появляется снизу при нажатии на трек, с полноэкранной версией и функциями управления музыкой аналогичными Apple Music с возможностью переключаться между видео и аудио.
2. Платформы:
- Дизайн должен быть единым для iOS и Android.
3. Стиль:
- Базовый стиль: Используем как базу стиль Apple, который они уже используют в своих нативных приложениях, как Apple Music.Все об этом написано тут: https://developer.apple.com/design/human-interface-guidelines/
- Улучшения: больше интересных градиентов, анимаций и плавных переходов.Пример: Приложение Telegram для iOS использует стандартные элементы iOS, но добавляет в них разнообразия (настраиваемые темы, анимации иконок SF Symbols кнопок при взаимодействии).Еще хороший пример то, как обыгрываются элементы iOS в VisionOS, тут на примере видно как простая работа с градиентом дает свежести стандартному дизайну Apple: https://developer.apple.com/design/human-interface-guidelines/sidebars#visionOS.Можно играть с градиентами, цветами и тд, но в пределах разумного, дизайн должен выглядеть не пестро как китайско-азиатский, а быть строгим, функциональным и соответствовать идеологии продуктов Apple.
- В этом продукте задача не придумать новый, особый крутой дизайн, со своим стилем, он точно будет хуже и дороже в обслуживании чем создавать дизайн приложения используя уже готовые решения интерфейса от Apple внося в них доработки и немного креатива как описано выше.
4. Цветовая схема:
- Поддержка дневной и ночной темы.
- Возможность кастомизации тем (пользователь может выбрать цвет шрифта, фона и элементов управления, может выбрать темы уже из готовых цветовых решений).
- Базовая цветовая схема: красный tint color на UISystemBackgroundColor фоне.
5. Дополнительные требования:
- Интерактивный прототип для демонстрации навигации и взаимодействий между экранами.
-Разработка виджетов и версии для часов.
-Язык интерфейса должен быть на английском.
6. Примеры и референсы:
- Приложения: Apple Music, Telegram (анимации, кастомизация тем).
- Скриншоты того что мне нравится и как примерно это должно выглядеть прикреплены ниже.
[!] Требования к дизайнеру:
1) Большой опыт создания интерфейсов для iOS и Android.
2) Умение работать с SF Symbols, создания анимированных иконок.
3) Умение работать с анимацией.
4) Знание, понимание и любовь к Apple Human Interface Guidelines, осознание того что это настольная книга лучшего дизайна.Уметь хорошо применить данные знания и показать проекты в которых они вами были использованы.
5) Опыт создания интерактивных прототипов (Figma, Sketch и др.).
6) Портфолио с примерами проектов c аналогичным дизайном.(cм пункт 4).
7)Соответствие всем перечисленным выше пунктам, если вы не соответствуете им, пожалуйста не откликайтесь на этот проект, не тратьте свое и мое время.Опытных дизайнеров потенциально ждет дальнейшее сотрудничество, в случае успеха в этом проекте!
