학습 화면 UI 레이아웃 비교

실제 콘텐츠(3개국어 동시 학습)로 10가지 레이아웃을 비교해볼 수 있어요.

샘플 0 · 설명 슬라이더

레퍼런스

단색 배경 + 카드 하나에 집중. 스와이프로 다음.

샘플 1 · 미니멀 플래시카드

레퍼런스

단색 배경 + 카드 하나에 집중. 스와이프로 다음 단어, 탭하면 정답 공개.

샘플 2 · 게이미피케이션형

레퍼런스

진행 바 + 단어뱅크로 문장 조립 + 완료 후 XP/스트릭 통계. 듀오링고 스타일.

샘플 3 · 대화 버블형

레퍼런스

두 화자의 채팅형 대화 + 빈칸 채우기 + 발음 듣기. 밥벨 스타일.

샘플 4 · 3개국어 정렬 카드

오리지널

KO/JP/EN을 어순 그대로 나란히 정렬해서 문법 유사성을 시각적으로 증명.

샘플 5 · 트라이링구얼 스토리

오리지널

한 대화를 3개국어로 동시에 재생하는 세로 타임라인. 언어별 음성 재생 포함.

샘플 6 · 스와이프 카드 덱

레퍼런스

카드가 겹쳐 쌓인 덱을 좌우로 넘기며 안다/몰라요 자기평가. Tinder·Memrise 스타일.

샘플 7 · 쉐도잉 발음 코칭

레퍼런스

웨이브폼 + 마이크 녹음 + 음절별 발음 점수 칩. Speak·ELSA Speak 스타일.

샘플 8 · AI 튜터 첨삭 대화

레퍼런스

자유롭게 답을 치면 AI가 틀린 부분만 취소선+교정으로 인라인 표시. Duolingo Max 스타일.

샘플 9 · 오늘의 학습 대시보드

오리지널

스트릭/목표 링/이어하기/통계를 벤토 그리드로 모아 보여주는 진입 화면.

샘플 10 · 몰입형 리딩

레퍼런스

지문을 통째로 주고 모르는 단어만 탭해서 뜻 확인. LingQ 스타일 다독 학습.