입체 묘사보다 단색 면과 명확한 라벨로 위계를 보여줄 때 적합합니다.
진료 예약 화면에서 환자는 진료 항목과 시간을 고릅니다. 모든 선택지가 필요하지만 입체 장식이 입력을 방해합니다. 정보를 덜어내는 미니멀리즘보다 전체 정보를 유지한 명확한 구분이 우선입니다.
단색 영역으로 진료 항목과 시간을 나눕니다. 건강 검진과 10:30을 고르고 예약 내용을 확인합니다. 선택을 바꾸면 이전 내용은 숨기고 다시 확인하게 합니다. 의원으로 전송하지 않습니다.
진료 항목과 가능한 시간을 고르세요.
본문 안의 가상 데모입니다. 초기화·새로고침으로 처음 상태로 돌아갑니다.
플랫 디자인은 재질의 깊이 묘사 대신 색·글자·형태를 사용합니다. 경계·라벨·선택 표시가 필요하며 모든 요소가 같아야 한다는 뜻은 아닙니다.
선택해서 읽는 자료 · 개요 읽기 시간과 별도
물리적 비유 없이 폼의 역할을 나눌 때 적합합니다. 미니멀리즘은 시선을 경쟁하는 요소의 양, 플랫 디자인은 깊이 표현에 관한 선택이며 함께 쓸 수 있습니다.
진료 예제는 진료 항목·가능한 시간·확인 결과를 묶습니다. 배송 시간이나 상담 신청에도 응용할 수 있습니다. 색을 볼 수 없어도 글자로 행동을 구분합니다.
필드셋과 라벨을 씁니다. aria-pressed와 밑줄로 선택을 표시하고 수정 후 오래된 확인 내용을 무효화합니다. 데모에는 예약 서버가 없습니다. 실제 예약은 확정 전에 잔여 자리를 재확인하고 충돌을 알려야 합니다.
평면 표현과 클릭 단서의 손실을 다룹니다. 예약 정책은 창작 예제입니다.
확인키보드·포커스·리플로·대비 요구사항의 근거이며 시각 스타일만으로 준수를 입증하지는 않습니다.
확인| 개념 | 특징 | 장점 | 제약 | 적합한 상황 | 조합 조건 |
|---|---|---|---|---|---|
| 플랫 디자인 | 단순한 형태와 명확한 상태 | 진료 항목·시간을 명확하게 선택 | 경계를 없애면 조작 단서가 약해짐 | 일상 거래에서 장식을 줄일 때 | 그리드·레이블·보이는 포커스 |
프로젝트를 처음 시작하나요? 설명을 입력해 첫 프롬프트를 준비하세요.
맞춤 프롬프트 만들기 →이미 외부 AI와 대화 중이라면 이 글의 링크와 내 프로젝트에 맞는 이유, 중요하게 보는 장단점을 전달하세요. 합의한 요구사항에 어떻게 적용할지 요청하세요.
이 글 링크: 플랫 디자인
이 선택에 관한 이야기
세 언어가 댓글을 공유합니다. 작성하려면 GitHub 로그인이 필요합니다.