DESIGN CONCEPT 06

차분한 웰니스

편안하고 따뜻한 인상

낮은 채도의 색과 편안한 곡선, 충분한 호흡을 사용해 민감한 내용을 부담 없이 읽고 기록하게 하는 방향입니다.

차분함돌봄지속성

잘 맞는 서비스건강·마음관리·반려 서비스

9월 2일, 화요일

오늘 마음은
어떤가요?

편안보통지침

다가오는 상담

9월 4일 오후 2:30

마음 기록을 함께 살펴봅니다

컨셉 구성 요소 상세

차분한 웰니스 화면을 만드는 구체적인 방법

낮은 채도, 부드러운 곡선과 충분한 빈 공간을 사용해 사용자가 자신의 상태를 천천히 읽고 기록하도록 돕습니다.

핵심 원칙

성과를 재촉하기보다 지금의 상태를 안전하게 돌아보고 작은 행동을 이어가게 합니다.

9월 6일, 일요일

오늘 마음은
어떤가요?

정답은 없어요. 지금 떠오르는 마음을 천천히 골라보세요.

편안보통지침
31PX · 135%질문형 문장넓은 간격

ELEMENT 01

부드럽고 여유로운 텍스트

진단이나 명령 대신 질문과 제안의 문장을 사용하고, 넓은 행간으로 천천히 읽게 합니다.

구성 기준

  • 제목은 28~32px의 중간 굵기와 135% 안팎의 여유로운 행간을 사용합니다.
  • “입력하세요”보다 “오늘 마음은 어떤가요?”처럼 선택권이 느껴지는 말을 씁니다.
  • 설명은 짧게 나누고 화면마다 하나의 질문만 제공합니다.

이렇게 구성하는 이유

민감한 상태를 기록할 때 평가받는 느낌을 줄이면 사용자가 더 솔직하고 지속적으로 참여할 수 있습니다.

피해야 할 방식 · 강한 명령문, 성공·실패를 나누는 표현과 지나치게 밝은 격려 문구를 반복하지 않습니다.

한 줄 기록

오늘 좋았던 순간

천천히 떠오르는 마음을 적어보세요.

테두리 없이 배경 면의 차이만으로 기록 영역을 구분합니다.

RADIUS 28PXPADDING 28PXSHADOW SOFT

ELEMENT 02

부드러운 기록 표면

경계가 강한 카드보다 낮은 대비의 넓은 면과 유기적인 곡선으로 기록 공간을 만듭니다.

구성 기준

  • 22~28px의 둥근 모서리와 배경색 차이로 영역을 구분합니다.
  • 테두리와 그림자는 거의 사용하지 않고 충분한 24px 이상 여백을 둡니다.
  • 한 카드에는 하나의 질문, 기록이나 돌봄 제안만 담습니다.

이렇게 구성하는 이유

경계가 부드러운 넓은 표면은 입력해야 할 양을 강요하지 않고 잠시 생각할 공간을 제공합니다.

피해야 할 방식 · 촘촘한 카드 그리드, 강한 테두리와 여러 단계의 중첩된 박스를 사용하지 않습니다.

지금의 마음과 가까운 단어

오늘 마음을 남겨볼까요?

한 줄만 적어도 괜찮아요.

점수 대신 중립적인 단어와 부드러운 행동을 사용합니다.

ELEMENT 03

상태 선택과 조용한 행동

낮은 대비의 감정 선택칩과 부드러운 버튼으로 사용자가 부담 없이 현재 상태를 표현하게 합니다.

구성 기준

  • 감정 선택지는 좋고 나쁨의 점수 대신 중립적인 단어로 구성합니다.
  • 선택 상태는 낮은 채도의 면과 충분한 크기로 구분합니다.
  • 주요 버튼 문구도 저장·완료보다 돌봄의 다음 행동을 설명합니다.

이렇게 구성하는 이유

선택에 평가가 포함되지 않으면 사용자는 정답을 찾기보다 자신의 상태에 집중할 수 있습니다.

피해야 할 방식 · 빨강·초록으로 감정을 등급화하거나 연속 기록을 강하게 재촉하는 버튼과 알림을 사용하지 않습니다.

01 · 오늘의 상태

03 · 한 가지 기록

ELEMENT 04

호흡이 있는 단일 레이아웃

한 화면에 하나의 질문이나 활동만 남기고 요소 사이의 빈 공간을 기능처럼 사용합니다.

구성 기준

  • 날짜와 맥락, 질문, 선택, 기록 순서의 느슨한 단일 컬럼을 사용합니다.
  • 주요 블록 사이에 24~40px의 넓은 간격을 둡니다.
  • 긴급 상태만 별도의 강한 경고로 분리하고 일반 화면의 차분함과 섞지 않습니다.

이렇게 구성하는 이유

화면에서 한 번에 처리해야 할 정보가 적으면 사용자는 자신의 호흡과 생각에 더 집중할 수 있습니다.

피해야 할 방식 · 대시보드처럼 여러 지표를 한 화면에 모으거나 빈 공간을 추가 카드와 추천 콘텐츠로 채우지 않습니다.

구성 비교

같은 마음 기록도 사용자가 느끼는 압박이 달라집니다

GOOD

자기 속도를 존중하는 구성

지금 마음은 어떤가요?

천천히 골라도 괜찮아요

편안보통지침

부드러운 질문, 넓은 간격과 차분한 선택지가 평가받는 느낌 없이 기록하도록 돕습니다.

AVOID

성과와 경고를 강조한 구성

연속 기록이 끊겼어요!

🔥
3

점수

-2

순위

0

연속

연속 기록, 점수와 강한 경고가 경쟁해 돌봄보다 달성해야 하는 과제처럼 느껴집니다.

모바일 화면 예시

한 가지 콘셉트를 화면 흐름으로 확인합니다

대표 색상만 바꾼 화면이 아닙니다. 차분한 웰니스의 정보 순서, 컴포넌트와 행동 방식을 세 가지 실제 화면으로 비교해 보세요.

예시 화면 3

SCREEN 01
9월 6일, 일요일

오늘 마음은
어떤가요?

편안보통지침

한 줄 기록

오늘 좋았던 순간을
천천히 떠올려 보세요.

오늘 마음 저장하기

SCREEN 01 · 화면 해설

오늘의 상태

평가보다 부드러운 질문으로 사용자의 현재 상태를 기록합니다.

이 화면의 역할

사용자가 평가받는 느낌 없이 현재 감정과 짧은 기록을 남기는 시작 화면입니다.

위에서 아래로 읽는 순서

날짜·상태
부드러운 질문
감정 선택
한 줄 기록
저장

핵심 요소와 구성 방법

  1. 1

    정답이 없는 질문

    진단하는 말보다 스스로 돌아볼 수 있는 일상적인 문장을 사용합니다.

  2. 2

    낮은 대비의 감정 선택

    선택지는 경쟁시키지 않고 부드러운 색 차이로 현재 상태만 표시합니다.

  3. 3

    충분히 비어 있는 기록 카드

    내용을 강요하지 않는 여백으로 천천히 생각할 시간을 줍니다.

왜 이렇게 구성하나요?

민감한 기록 화면은 속도보다 심리적 안전이 중요합니다. 둥근 형태, 낮은 채도, 넓은 간격으로 사용자가 자신의 속도로 답할 수 있게 합니다.

SCREEN 02

나의 기록

9월의 마음

7일

기록한 날

편안

자주 느낀 마음

지난 기록 천천히 보기

SCREEN 02 · 화면 해설

마음 기록

작은 변화와 꾸준함을 압박 없이 돌아볼 수 있게 합니다.

이 화면의 역할

한 달 동안의 작은 감정 변화를 부담 없이 돌아보고 꾸준함을 발견하는 기록 화면입니다.

위에서 아래로 읽는 순서

기간 제목
기록 달력
작은 요약
지난 기록

핵심 요소와 구성 방법

  1. 1

    점으로 표현한 기록 달력

    연속 달성이나 실패 대신 기록이 남은 날만 차분하게 보여줍니다.

  2. 2

    판단하지 않는 요약 숫자

    경쟁적인 점수 대신 기록한 날과 자주 느낀 마음을 알려줍니다.

  3. 3

    느린 탐색 문구

    “천천히 보기” 같은 말로 사용자가 속도를 선택하도록 합니다.

왜 이렇게 구성하나요?

웰니스에서는 빈 날을 실패처럼 보이게 하면 안 됩니다. 성취 그래프보다 변화의 흔적을 보여주고, 다시 기록하고 싶은 마음을 남기는 것이 목적입니다.

SCREEN 03

1분 마음 쉬기

들이쉬고

천천히 4초 동안

SCREEN 03 · 화면 해설

호흡 가이드

자극을 줄인 화면과 느린 리듬으로 짧은 휴식을 돕습니다.

이 화면의 역할

자극을 줄인 짧은 안내로 사용자가 호흡에 집중하고 휴식하도록 돕는 실행 화면입니다.

위에서 아래로 읽는 순서

활동 시간
호흡 원형
현재 동작
진행 표시
일시 정지

핵심 요소와 구성 방법

  1. 1

    중앙의 큰 호흡 원형

    시각적 중심을 하나로 제한해 다른 정보에 시선이 분산되지 않게 합니다.

  2. 2

    짧고 느린 동작 문구

    들이쉬기와 시간을 분리해 한 번에 하나의 행동만 안내합니다.

  3. 3

    조용한 진행 표시

    초 단위 숫자보다 작은 막대로 전체 흐름만 가볍게 인지시킵니다.

왜 이렇게 구성하나요?

실행 중에는 메뉴와 추가 제안을 숨기고 호흡에 필요한 정보만 남깁니다. 화면의 비어 있는 공간 자체가 집중을 돕는 기능으로 작동합니다.

선택 기준

이런 프로젝트에 잘 맞습니다

사용자가 천천히 내용을 읽고 기록하도록 돕습니다. 업종 이름보다 사용자가 화면에서 느껴야 하는 감정과 완료해야 하는 행동을 기준으로 판단합니다.

잘 맞는 경우

  • 사용자가 자신의 상태와 기록을 천천히 돌아봐야 할 때
  • 알림과 성취 경쟁보다 꾸준한 사용을 돕는 것이 중요할 때
  • 건강과 돌봄처럼 민감한 내용을 부드럽게 전달해야 할 때

다른 방향도 비교할 경우

  • 즉시 판단해야 하는 긴급 상태와 강한 경고가 많을 때
  • 많은 업무를 짧은 시간 안에 처리하는 관리자 화면일 때

화면 전체 규칙

색상 하나가 아니라 네 가지 기준을 함께 적용합니다

HIERARCHY

정보 우선순위

사용자의 상태 확인 후 다음 일정을 안내

TYPE & SPACE

글자와 여백

낮은 채도와 편안한 곡선

COMPONENT

컴포넌트

천천히 읽을 수 있는 넓은 카드와 선택 영역

VISUAL

그래픽 표현

자연스러운 곡선과 부드러운 배경 그래픽

LAYOUT RULES

주요 화면에 적용하는 방식

  1. 01사용자의 상태를 묻고 다음 행동을 제안하는 순서로 구성합니다.
  2. 02강한 색 대비보다 충분한 크기와 간격으로 위계를 만듭니다.
  3. 03연속 사용을 압박하는 표현보다 작은 변화와 기록을 보여줍니다.

화면 템플릿 연결

이 콘셉트와 잘 맞는 출발점

템플릿은 화면 구성의 출발점입니다. 같은 템플릿이라도 이 콘셉트의 글자, 여백과 컴포넌트 규칙을 적용해 프로젝트에 맞게 조정합니다.

함께 검토할 템플릿 유형

건강 기록마음 관리반려 생활

PROJECT QUESTIONS

시작 전에 확인할 질문

  1. Q1

    사용자가 부담을 느끼는 문구와 알림은 무엇인가요?

  2. Q2

    작은 변화를 어떤 방식으로 보여주면 도움이 될까요?

  3. Q3

    긴급한 상태는 차분한 화면 안에서도 분명히 구분되나요?

차분한 웰니스 방향이 우리 서비스에 맞을지 확인해보세요

서비스 유형과 주요 사용자, 필요한 화면을 알려주시면 적용 범위와 다른 비교 방향을 함께 정리합니다.

30분 무료 상담 신청