Жоба туралы

Бұл — үлкен экранға арналған караоке қосымшасының интерфейсі. Қонақ өз аккаунтына кіріп, каталогтан ән тауып немесе дайын плейлистті таңдап, экрандағы мәтін мен дауыс визуализациясын бақылай отырып ән айтады.

Міндет

Караоке — достармен бірге көңіл көтеру, көбіне жарығы күңгірт залда, қолда микрофонмен өтеді. Интерфейс алыстан жақсы оқылуы, ал қосқаннан бастап алғашқы әнге дейінгі жол барынша қысқа болуы тиіс. Бізге каталогты, плейлистерді және орындау экранын кеш атмосферасын қолдайтын біртұтас түнгі стильде жобалау қажет болды.

Кіру

Сәлемдесу экраны екі бөлікке бөлінген. Сол жақта — «Қош келдіңіз!» және ірі батырмалар: «Кіру», Facebook немесе Google арқылы кіру және тіркелу. Оң жақта — мекеменің логотипі, дыбыс толқыны бар ән айтып тұрған топтың суреті және микрофон, дыбыс пен қосымша туралы үш қысқа артықшылық. Күлгін жарқылдары бар қараңғы фон бүкіл өнімнің көңіл күйін айқындайды.

Ән іздеу және плейлистер

Навигация сол жақтағы тар иконкалар бағанына шығарылған: іздеу, басты бет, профиль, бейне және баптаулар. Іздеу экраны «Ән іздеу» жолынан және сұрыптау, жанр мен шыққан жылы бойынша сүзгілерден басталады, қасында тазалау батырмасы бар. Төменде — тректердің мұқабалары мен рейтингі көрсетілген «Үздік нәтиже» блогы және плейлистер топтамасы. Ірі мұқабалар атауын оқымай-ақ әнді бір қарағаннан тануға мүмкіндік береді.

Плейлист беті — мысалы, «Аптаның жаңалықтары» — мұқабасы, атауы, орындаушысы және ұзақтығы көрсетілген тректердің нөмірленген тізімін көрсетеді. Таңдалған ән градиентті жиекпен ерекшеленеді, ал оң жақта оның үлкен мұқабасы, пайдаланушылардың жұлдызшамен берген бағасы және екі батырма пайда болады: «Айту» және «Таңдаулыларға».

Орындау

Ән кезінде экран дерлік бос — ортасында ірі қаріппен жазылған мәтіннің екі жолы ғана. Айтылып қойған сөздер қызғылт түске боялады, сондықтан орындаушы қай жерде тұрғанын әрдайым көреді. Жоғарыда — қызғылт және көгілдір түсті дауыс визуализациясының екі жолағы және олардың қасында ұпай есептегіштері, төменде — уақыт шкаласы мен басқару панелі: орталық «Ойнату» батырмасының айналасында баптаулар, қайталау, эквалайзер және басқа параметрлер.

Нәтиже

Біз үлкен экранға арналған караоке интерфейсін жобаладық, онда әр қадам — кіру, іздеу, плейлист таңдау және орындау — бірнеше басумен жүзеге асады. Ірі типографика, неон акценттері бар қараңғы палитра және ән кезіндегі элементтердің ең аз саны оны нақты караоке залының жағдайында ыңғайлы етеді.