N 케어N 케어 디자인 가이드 — 2026-10-19
노바 케어 디자인 가이드 · 2026-10-19
요양보호사 수험생용 「크게 읽히는 합격 노트」. N 리얼티·N 웰페어와 같은 틀(종이·평평한 카드·숫자 정렬)에 큰 글자 축을 더했다. 앱 색은 짙은 살구. 정본 코드:
ui/theme/CourseTheme.kt(토큰Jr,Palette) ·ui/theme/HighTheme.kt(Hi) ·ui/App.kt(TEXT_SCALES) ·ui/components/CourseKit.kt·HighKit.kt.
1. 누구를 위한 화면인가
| N 웰페어 | N 케어 | |
|---|---|---|
| 이용자 | 전공생·현장 종사자 | 40~60대 전직·재취업 수험생, 휴대폰 글자를 크게 쓰는 사람이 많다 |
| 첫 화면이 답할 것 | 시험까지 · 영역별 예상 점수 | 필기·실기 각각 60% 넘나 · 지금 뭘 |
| 공부하는 때 | 책상 | 교육기관 수업 사이·저녁 — 짧게, 귀로도 |
| 말투 | 해요체 | 해요체, 쉬운 말. 어려운 말은 풀어서(「연하곤란(삼키기 어려움)」) |
2. 색
| 이름 | 밝게 | 어둡게 | 쓰임 |
|---|---|---|---|
| bg / surface / surface2 / line | #F5F6FA / #FFFFFF / #EEF0F5 / #E3E6EE | #15110F / #1F1916 / #2A221E / #3A2F29 | 바탕·카드·눌림·선 |
| ink / ink2 / ink3 | #111827 / #374151 / #6B7280 | #ECEFF1 / #D9CFC9 / #B3A69D | 글자 |
| indigo(앱 색) / indigoText / indigoSoft | #7A3B12 / #7A3B12 / #FDEBDD | #C0703F / #FFC9A3 / #3A2418 | 고른 것·진도·번호·시험 카드 |
| accent / accentText | #FF7B00 / #C2410C | #FF7B00 / #FFA45C | 주황은 단추 바탕(흰 글자), 글자는 accentText |
| good / bad / warnSoft | #15803D / #B91C1C / #FFF7E0 | #4ADE80 / #F87171 / #3A3016 | 맞음·틀림(과락)·형광펜 |
- 짙은 살구 #7A3B12 위 흰 글자 대비 약 9:1 — PRD 「대비 7:1 이상」을 넘는다. 밝은 살구는 흰 글자를 못 받쳐 카드 바탕엔 쓰지 않는다.
- 색만으로 알리지 않는다 — 과락은 빨강 + 「과락」 칩, 맞음은 ✓·✕ 기호와 문구.
3. 글자 — 큰 글자 축
- 모든 글자에 배율을 곱한다(
TEXT_SCALES): 설정 「글자 크기」 크게 1.15배(기본) · 더 크게 1.35배. 기기 글자 크기 위에 곱하므로 기기에서 키운 사람은 더 커진다. - 결과: 본문 16 → 18.4sp(더 크게 21.6sp), 발문 19 → 21.9sp, 캡션 13 → 15sp. PRD 「본문 18sp 이상, 설정에서 22sp까지」를 맞춘다.
- Pretendard. 보기 문장은 줄 수 제한 없음 — 긴 상황 문장도 잘리지 않는다.
4. 부품
| 부품 | 규격 |
|---|---|
| JrButton·HiButton | 높이 56dp(N 웰페어 52~54), 주요 = 주황 바탕 흰 글자 / 보조 = 면 + 선 |
| 설정 단추 | 56dp(시스템/밝게/어둡게, 크게/더 크게, 하루 목표) |
| 상황 문항 | 위에 앱 색 테두리 상자로 「장면」, 아래 보기 다섯. 발문은 「요양보호사의 행동으로 가장 알맞은 것은?」/「가장 먼저 할 일은?」 |
| 그림 문항 | 문제 판(앱 색) 위 흰 선 도식, 자리는 ①~⑤ 글자, 「오른쪽·왼쪽」은 대상자 기준으로 그림에 적는다. 보기 다섯은 ①~⑤ 고정 순서 |
| 과목별 점수표 | 필기·실기 두 줄, 60% 미만 빨강 + 「과락」 칩 |
| 터치 | 56dp 이상 |
5. 화면
- 홈 — 날짜 / 시험 카드(「CBT」·전 과목 진도·「필기·실기 각각 60% 이상」) / 오늘 / 이어 하기 / 과목 카드 6장(필기 넷·실기 둘, 예상 점수·과락 경고) / 도구.
- 목차 — 필기/실기 탭, 과목·단원 줄, 실전 모의고사(필기 35 · 실기 45 · 함께 80문항 90분).
- 주제 — 개념 / 예제·풀이 / 연습.
- 연습 — 번호·과목·발문·장면·보기, 🔊 읽어 주기.
- 실전 시험·결과 — 남은 시간, 번호판. 결과: 과목별 점수·과락·합격 판정·단원별 정답률.
- 교재 — 과목 = 책, 표준교육과정 차례.
- 설정 — 학습 · 화면(밝기·글자 크기) · 기록 · 처리방침 · 고지(「실제 돌봄은 기관 지침과 의료진 판단」).
6. 아이콘·스플래시
패밀리 규칙(_nova-brand/ICON-SYSTEM.md): 주황 그라데이션 바탕 + 흰 두 손(가운데가 맞닿아 받쳐 든 모양) + 그 안의 주황 하트(「돌보는 손」). 글자 없음. tools/make_icon.py.
스플래시: 흩어진 ①~⑤·♡·✚·℃ 가 모여 손이 떠오르고 주황 하트가 켜진다 → 「N 케어 / 요양보호사 필기·실기, 큰 글자로 한 앱에」. 움직임 줄이기면 마지막 장면만.