N 웰페어N 웰페어 디자인 가이드 — 2026-10-19
노바 웰페어 디자인 가이드 · 2026-10-19
사회복지사 1급 수험생용 「합격 계기판」. N 리얼티와 같은 틀(종이·평평한 카드·숫자 정렬)이고, 앱 색은 짙은 보라. 정본 코드:
ui/theme/CourseTheme.kt(토큰Jr,Palette) ·ui/theme/HighTheme.kt(Hi) ·ui/components/CourseKit.kt·HighKit.kt.
1. 누구를 위한 화면인가
| 학습 앱(N 하이) | N 웰페어 | |
|---|---|---|
| 이용자 | 16~18세 | 사회복지 전공 대학(원)생·현장 종사자·2급 → 1급 준비자 |
| 첫 화면이 답할 것 | 수능까지 며칠 | 시험까지 며칠 · 과목마다 예상 점수 · 과락 위험 · 지금 뭘 |
| 신뢰 | 교과서 단원 | 근거(법제론은 조문 번호, 이론은 「사회복지학 — 이론가」) |
| 말투 | 해요체 | 해요체, 짧게. 칭찬은 담백하게(「모두 첫 시도에 맞혔어요」) |
2. 색
| 이름 | 밝게 | 어둡게 | 쓰임 |
|---|---|---|---|
| bg / surface / surface2 / line | #F5F6FA / #FFFFFF / #EEF0F5 / #E3E6EE | #121018 / #1B1823 / #25212F / #332E3F | 바탕·카드·눌림·선 |
| ink / ink2 / ink3 | #111827 / #374151 / #6B7280 | #ECEFF1 / #CFCAD9 / #A49DB2 | 글자(대비 17:1·10:1·4.8:1 / 13:1·9:1·5.6:1) |
| indigo(앱 색) / indigoText / indigoSoft | #3F2478 / #3F2478 / #EFE9FA | #7A5BC4 / #C9B6F2 / #2A2140 | 고른 것·진도·번호·D-day 카드 |
| accent / accentText | #FF7B00 / #C2410C | #FF7B00 / #FFA45C | 주황은 단추 바탕(흰 글자), 글자는 accentText |
| good / bad / warnSoft | #15803D / #B91C1C / #FFF7E0 | #4ADE80 / #F87171 / #3A3016 | 맞음·틀림(과락)·형광펜 |
- 짙은 보라 #3F2478 위 흰 글자 대비 11:1. 다크 모드: 설정 「화면 밝기」 시스템/밝게/어둡게. 토큰이
Palette.dark(스냅숏 상태)를 읽는 게터라 화면 전체가 함께 바뀐다. 상태바 아이콘도 따라 바뀜. - 색만으로 알리지 않는다 — 과락은 빨강 + 「과락」 칩, 맞음은 ✓·✕ 기호와 문구.
3. 글자
Pretendard. title 24 · heading 19 · question 21(발문) · body 17 · caption 14 · label 13 · figure 36(D-day·점수, 고정폭 숫자). 법 문장 보기는 줄 수 제한 없음(10/16 — 2줄에서 잘리던 것 해제).
4. 부품
| 부품 | 규격 |
|---|---|
| JrButton·HiButton | 높이 52~54dp, 주요 = 주황 바탕 흰 글자 / 보조 = 면 + 선 |
| JrCard·HiCard | 면 + 1dp 선, 모서리 16~22 |
| 보기 칸 | ①~⑤ 원 번호 + 문장, 고르면 앱 색 테두리. 시험 중엔 맞고 틀림을 보이지 않음 |
| 교시별 점수표 | 교시·맞힘/문항·점수, 40% 미만 빨강 + 「과락」 칩, 아래 총점·합격 판정 |
| 교재 절 | 개념 카드 + 🖍 형광펜(카드 전체 노랑), 근거 조문 카드, 확인 OX(O/X 단추·바로 해설), 메모(저장 단추), 앞·뒤 절 |
| 터치 | 48dp 이상 |
5. 화면
- 홈 — 날짜 / 시험 카드(다음 회차 — 공고 전이면 「공고 전」·전 과목 진도·합격 기준) / 오늘 / 이어 하기 / 영역 카드 8장(진도·예상 점수·과락 경고) / 도구(오답 노트·교재·모의고사·설정).
- 목차 — 1교시/2교시/3교시 탭, 영역·단원 줄, 실전 모의고사(교시별·전 교시).
- 주제 — 개념 / 예제·풀이 / 연습 탭.
- 연습(시험지) — 번호·단원·발문·보기, 틀리면 도움말 → 정답 + 풀이(근거 조문).
- 실전 시험 — 남은 시간, 번호판(푼 문제 채움), 이전·다음·제출. 결과: 점수 · 과목별 점수 · 단원별 정답률 · 약점 유형 → 연습·교재 · 문항별 풀이.
- 교재 — 영역 칩 / 이어 읽기 / 책갈피 / 장·절(✓ 읽음, 🔖, 📝).
- 설정 — 학습 · 화면 밝기 · 기록 · 처리방침 · 고지.
6. 아이콘·스플래시
패밀리 규칙(_nova-brand/ICON-SYSTEM.md): 주황 그라데이션 바탕 + 흰 하트 + 가운데 주황 점(「돌봄 안의 한 사람」). 글자 없음. tools/make_icon.py.
스플래시: 흩어진 ①~⑤·♡·§·% 가 모여 하트가 떠오르고 주황 점이 켜진다 → 「N 웰페어 / 사회복지사 1급, 8영역을 한 앱으로」. 움직임 줄이기면 마지막 장면만.