대화상자

다이얼로그는 사용자의 즉각적인 응답이 필요한 작업 정보를 표시하기 위해 앱 앞에 나타나는 모달 창입니다.

대화 상자는 사용자 상호 작용이 필요한 경고창일 수도 있고, 사용자가 선택하거나 확인해야 하는 선택 또는 확인 대화 상자일 수도 있습니다. 대화 상자는 사용자가 닫거나 필요한 작업을 수행할 때까지 포커스를 유지합니다. 대화 상자는 사용자의 작업을 방해할 수 있으므로 신중하게 사용해야 합니다.

대화 상자는 토스트 메시지와 관련이 있지만(둘 다 대화 상자 구성 요소 제품군에 속함), 표에 나와 있는 것처럼 목적과 우선순위가 다릅니다.

요소 목적 우선 사항
건배 정보성 메시지를 표시합니다. 사용자 상호 작용이 필요하지 않습니다. 8초 후 사라집니다. 낮은
대화 사용자 상호 작용이 필요한 정보 및 작업 옵션을 표시합니다. 사용자가 응답할 때까지 대화 상자에 포커스가 유지됩니다. 높은

해부

대화 상자에는 사용자의 응답을 요청하는 정보 텍스트와 UI 컨트롤이 포함되어 있습니다.

1. 대화창 배경
2. 카드 헤더
3. 콘텐츠 영역
4. 카드 액션 영역

명세서

말풍선 아이콘
버튼 구성 요소
사양, 스타일 가이드라인 등
말풍선 아이콘
목록 항목 구성 요소
사양, 스타일 가이드라인 등

제목이 없는 대화

제목이 있는 대화

제목이 가운데 정렬된 대화 상자

스크롤 가능한 대화 상자

맞춤 설정

다음과 같은 대화창 요소를 맞춤 설정하여 브랜드 이미지를 효과적으로 표현하세요.

  • 글꼴
  • 활성, 비활성 및 비활성화된 버튼의 스타일 지정
  • 버튼 크기 및 배치

예시

제목이 있는 대화 - 낮
제목이 있는 대화 - 밤
스크롤 가능한 대화 상자 - 날짜
스크롤 가능한 대화 상자 - 야간
대화의 실제 모습