One UI 8 스타일 대표 화면 목업 v1.4
디자인 시스템 08(황토·숲 팔레트, Pretendard, 라운드 26dp, 시야/조작 영역 분리, 터치 타깃 56dp+)을 적용한 고충실도 목업 11종.
인트로 T1 · 회원가입 · 로그인 · 프로필 · 오늘 홈 S3 · 일일기록 L1/L2 · 코스 선택 W2 · 세션 진행 W3 · 4주 리포트 L9 · 더보기 M1을 구현했습니다.
primary 황토
secondary 숲
tertiary 모래·금
background 종이
error 안전
9:41▦ ⌁ ▮
맨발로 걸은 기록이
연구가 됩니다
매일 2분이면 충분해요. 어렵지 않습니다.
① 인트로 (T1) — 앱 심볼(맨발+새싹+황토 언덕), 어려운 용어 없이 부담을 숫자로("매일 2분", "3분이면 끝나요"). 온보딩 3단계 예고, 효과 비보장 고지 문구 포함.
9:41▦ ⌁ ▮
‹ 시작하기 · 1 / 3
참여 계정을
만들어 주세요
연구 자료에는 이름 대신 참여자 번호만 쓰여요
휴대폰 번호
010-1234-5678인증번호 받기
비밀번호 · 8자 이상
● ● ● ● ● ● ● ●👁
가입 다음 단계에서 연구 설명을 읽고 참여 동의를 진행해요. 동의 전에는 아무 정보도 수집하지 않습니다.
② 회원가입 — 휴대폰 인증 + 비밀번호만으로 최소 가입. 가명 처리 안내를 가입 시점부터 노출, 연구 동의는 별도 단계임을 명시(동의 전 수집 없음).
9:41▦ ⌁ ▮
‹ 이미 참여 중이에요
다시 만나서
반가워요
로그인하면 기록이 이어집니다
로그인
10초면 돼요
비밀번호를 잊었나요? 재설정
기기에 보관 중인 기록은 로그인하면 자동으로 전송됩니다
③ 로그인 — 큰 입력칸(56dp+)과 단순한 2필드. 재로그인 상황(S* 배너에서 진입)을 고려해 "기록은 자동 전송" 안심 문구를 하단에 고정.
9:41▦ ⌁ ▮
‹ 시작하기 · 2 / 3
기본 정보를
알려주세요
연구 분석에 필요한 최소한의 정보예요
키·몸무게는 걷기 거리·칼로리 계산과 연구 분석에 쓰여요. 정확하지 않아도 괜찮고, 나중에 바꿀 수 있어요.
④ 프로필 입력 — 이름·성별·생년월일·키·몸무게. 이름은 계정용일 뿐 연구 자료 미포함(가명 처리)을 필드에서 바로 안내, 성별에 '답변 안 함' 결측 옵션 동일 위계, 키·몸무게는 용도 설명과 함께 부담 완화 문구.
9:41▦ ⌁ ▮
12분 전 보냄
7월 24일 금요일
4주차 · 26일째
12주 목표까지 8주 남았어요
⑤ 오늘 홈 (S3 미기록) — 대형 타이틀 시야 영역 + 하단 조작 영역. 버튼 2개와 '안 걸었어요'만. 동기화는 작은 칩.
9:41▦ ⌁ ▮
잠스마트워치6시간 40분 자동
심박 변이도수면 중 측정34 자동
📏 아침에 일어나 5분 쉬고, 1분 간격 3회 재서 평균을 적어요
⑥ 일일기록 1/3 몸 상태 (L1) — 자동값은 숲색 배지·읽기 전용, 수동 입력은 흰 칸. '측정 못함' 결측 옵션이 동일 위계로 존재.
9:41▦ ⌁ ▮
오늘 기록 · 2 / 3
마음 상태 — 걷기 후
걷기 전걷기 후
손가락으로 밀어서 조절하세요 · 1은 낮음, 10은 높음
⑦ 일일기록 2/3 마음 상태 (L2) — 슬라이더 값이 크게 즉시 표시(28dp 썸). '활력→기운, 통증→아픈 곳' 쉬운 말 카피.
⑧ 코스 선택 (W2) — 선택 카드는 황토 컨테이너로 강조, 품질 등급 A/B/C 배지, 코스 밖 폴백 진입점 유지.
9:41▦ ⌁ ▮
걷는 중 · 자동 감지
황성공원 천년 맨발길
1.2km 코스 · 절반 지남
경로 저장 안 함 · 화면 표시용
⑨ 세션 진행 (W3) — '이 코스로 시작' 직후 화면. 코스 지도 위 현재 위치(파란 점·펄스)와 걸은 구간(황토색), 시간·걸음·거리·속도 4지표. 경로는 화면 표시용일 뿐 저장하지 않음(프라이버시 원칙 유지).
9:41▦ ⌁ ▮
잠 — 주간 평균
준비기간 평균최근 4주
변화+38분
기록한 날26 / 28일
그중 안 걸은 날6일
이 화면은 기록의 경과를 보여주며, 건강 효과를 판단하지 않습니다.
⑩ 4주 리포트 (L9) — 기준선(점선·금색) 대비 주간 평균, 좋은 숫자 옆에 순응도·무보행일 병기, 인과 단정 금지 문구 고정.
9:41▦ ⌁ ▮
더보기
참여자 번호 P-004128 · 4주차
내 정보 · 참여 현황기록 78 / 84일›
기기 연결갤럭시 워치6연결됨 ›
자료 보내기마지막 전송 12분 전›
알림 설정아침 7:30›
연구 참여 정보동의 내역 · 내 자료 내려받기 · 참여 중단›
⑪ 메인메뉴 — 더보기 (M1) — 자주 쓰는 항목 위, 되돌리기 어려운 항목(연구 참여 정보) 맨 아래 별도 카드. 가명 참여자 번호만 표시, '글씨 크게' 토글 상단 배치.
맨발걷기 시민과학 · 디자인 목업 v1.4 · 토큰 기준: 08_디자인시스템_OneUI.md · 화면 규칙: 05_서비스기획_최종보고서.md