Daryn AI
Білім беру AI сервисі экрандарының дизайны.
Интерфейсті жобаладым
Менің үлесім — көрсетілген экрандар мен сценарийлер дизайны.
Міндет
Білім беру құралдарын пайдаланушыға түсінікті ету.
Экрандар жобадағы менің үлесімді көрсетеді. Өнімнің басқа бөліктерін команда жасаған болуы мүмкін.
Талдау жобадағы бастапқы схемаларға, макет нұсқаларына және UI kit-ке негізделген. Әр материалды үлкейтуге болады. Бөлімдер шешімдердің байланысын түсіндіреді; бастапқы материалы жоқ сұхбат пен тестілеу кезеңі мәлімделмейді.
Білім сервисі байланысты құралдардан тұрады
Берілген файлда ойын, көрнекілік, презентация, маркет және автор кабинеті бар. Кейс осы материалдар дизайнын көрсетеді; жұмыс істейтін өнімнің басқа бөліктерін команда жасаған болуы мүмкін.
Экрандарға дейінгі жеті сценарий
Бастапқы User Flow таңдау, баптау, әрекет пен нәтиже ретін көрсетеді. Сәйкестендіру, кездейсоқ таңдау, бос орын толтыру және тапсырма құру әртүрлі ауысуды талап етеді. Файлдағы жеті схема төменде берілген.
True / False↗
Сәйкестендіру↗
Ғарыш жарысы↗
Кездейсоқ таңдау↗
Бос орынды толтыру↗
Детектив↗
Тапсырма генераторы↗
Бөлімдер бойынша толық дизайн жүйесі
Daryn UI kit типографика, түстер, өріс, батырма, навигация, карточка және аралық қадамын біріктіреді. Ортақ ереже әртүрлі ойын мен құралды байланыстырады.
Бөлімді таңда. Толық өлшемде көру үшін досқаны бас.
Inter және мәтін шкаласы
Негізгі және семантикалық түстер
Батырма өлшемдері мен күйлері
Енгізу өрістері
Навигация
Тегтер, күрделілік және күйлер
Белгішелер
Ойын карточкалары
Карточкалар жүйесі
Аралық қадамы
Алдымен пән мен баптау, содан кейін ойын
Пән таңдау сұрақ саны, режим және қосымша параметрлерден бөлінген. Қадам индикаторы сценарийдегі орынды сақтайды.
Сұрақ → кері байланыс → нәтиже
Ойын экраны командаларды түс пен кеңістік арқылы ажыратады. Жауаптан кейін түсіндірме мен ұпай өзгерісі, соңында нәтиже және келесі әрекет көрсетіледі.
Бүкіл сценарий телефонға бейімделген
Мобильді экранда командалар тігінен орналасады, әрекеттер үлкейеді, индикаторлар ойын контекстінде қалады. Баптау, сұрақ, кері байланыс және нәтиже бөлек көрсетілген.
4 экран · Толық көру үшін бас. Телефонда жанға сырғыт →
Ортақ жүйе — әртүрлі әрекет тәсілі
Сәйкестендіру жұп таңдауды қолданады. Ғарыш жарысында жауап команда орнына әсер етеді. Түс пен қызметтік дерек құрылымы сақталып, негізгі әрекет механикаға бейімделеді.
Генерация баптауы мен редактор
Презентация генераторы тақырып, параметр және визуалды бағыттан басталады. Редактор слайд тізімін, жұмыс аймағы мен баптауды бөледі. Мобильді нұсқада олар тік ретпен орналасқан.
Материалды табу және егжей-тегжейін көру
Галерея көрнекілік карточкаларын іздеу және сүзгімен біріктіреді. Толық карточкада сурет басты орында, сипаттама мен жүктеу әрекеті қатар орналасқан.
Сатып алушы мен автор бір материалмен жұмыс істейді
Каталог пен толық бет сатып алушыға материал таңдауға көмектеседі. Автор кабинеті жариялау, карточка мазмұны және нәтижені шолуға арналған. Кейсте берілген модуль макеттері көрсетілген.
Сыртқы коммуникация өнім тілін жалғастырады
Лендингтің толық макеті сервис бағыттарын байланыстырады. Мобильді нұсқа ұзын құрылымның тар экранға қалай бейімделгенін көрсетеді. Төменде үлкейтіп қарауға болатын бастапқы макеттер.
Жобаның сипаты
Нәтиже
Figma-да көрсетілген экрандар, соның ішінде лендинг пен сервис бөлімдерінің дизайны. Өнімнің басқа беттері авторлық үлесіме кірмейді.