비슷한 색의 표면과 밝고 어두운 음영으로 부드럽게 솟거나 눌린 조작부를 표현합니다.
스트레칭 타이머에서 이용자는 동작을 고르고 잠깐 쉽니다. 차분한 한 표면 안으로 부드럽게 눌리는 조작부를 원합니다. 평면 색 변화도 기능하지만 원하는 재질감을 주지는 못합니다.
동작을 고르고 30초 타이머를 시작합니다. 시작 버튼이 눌린 듯 보이고 진행 중 문구가 나타납니다. 일시정지는 남은 시간을 유지하며 시작으로 재개합니다. 다른 동작이나 초기화는 30초로 돌립니다.
준비
본문 안의 가상 데모입니다. 초기화·새로고침으로 처음 상태로 돌아갑니다.
뉴모피즘은 비슷한 색의 면과 대비되는 음영으로 솟거나 파인 형태를 암시합니다. 광원 방향과 테두리는 달라질 수 있습니다. 그림자가 없어도 상태 문구와 포커스는 보여야 합니다.
선택해서 읽는 자료 · 개요 읽기 시간과 별도
작고 차분한 조작 화면에 부드러운 깊이감을 줄 때 씁니다. 스큐어모피즘은 익숙한 사물을 넓게 빌리며 플랫 디자인은 이런 깊이를 생략합니다. 재질감이 상태 라벨을 대신하면 안 됩니다.
타이머는 솟은 다이얼과 눌린 활성 버튼을 둡니다. 시각적 조작 예제이며 운동·건강 조언이 아닙니다. 짧은 로컬 타이머로 시작·정지·재개를 보여주고 기록은 저장하지 않습니다.
매 간격 호출이 정확하다고 가정하지 말고 종료 시각에서 남은 시간을 구합니다. 시작을 반복해도 타이머가 늘면 안 됩니다. 그림자를 제거해도 상태 문구·눌림 의미·포커스·강제 색상 경계를 유지합니다.
그림자 기법과 부드러운 입체 표면을 설명합니다. 광원 방향은 보편적인 정의가 아닙니다.
확인키보드·포커스·리플로·대비 요구사항의 근거이며 시각 스타일만으로 준수를 입증하지는 않습니다.
확인외부·내부 상자 그림자를 정의하며 예제의 광원 방향은 표현 선택입니다.
확인| 개념 | 특징 | 장점 | 제약 | 적합한 상황 | 조합 조건 |
|---|---|---|---|---|---|
| 뉴모피즘 | 짝지은 그림자의 양각·음각 표면 | 소수 조작에 촉각적 초점 | 낮은 대비 경계 보완 필요 | 상태가 명확한 차분한 조작판 | 글자 레이블·경계·보이는 포커스 |
프로젝트를 처음 시작하나요? 설명을 입력해 첫 프롬프트를 준비하세요.
맞춤 프롬프트 만들기 →이미 외부 AI와 대화 중이라면 이 글의 링크와 내 프로젝트에 맞는 이유, 중요하게 보는 장단점을 전달하세요. 합의한 요구사항에 어떻게 적용할지 요청하세요.
이 글 링크: 뉴모피즘
이 선택에 관한 이야기
세 언어가 댓글을 공유합니다. 작성하려면 GitHub 로그인이 필요합니다.