Grove
디자인 요약
Grove는 집중 세션을 시냇가에 나무를 심는 과정으로 바꿉니다. 수종과 시간을 선택하고 성장을 지켜본 뒤 완성한 나무를 이번 주 숲에 추가하며 중도 포기하면 시듭니다. 회록색 잔디, 확산광, 불규칙한 식재가 보상을 차분하게 유지합니다.
검증 기록
확인됨390×844 Chrome 점검에서 수종 선택, 세션 시작, 포기, 숲으로 이동하는 경로를 확인했습니다. 저장 실패 화면은 나무를 저장된 것처럼 보여 주지 않고 명시적으로 미저장 표시와 재시도를 제공했습니다.
검증 범위해당 리뷰는 저장 실패 후 재시도 성공, 완성한 나무의 새로고침 복원, 새로고침 또는 이탈로 인한 시듦, 애니메이션 중 입력 잠금을 독립적으로 검증하지 않았습니다. 소리, 햅틱, 실기기 사용감도 검증하지 않았습니다.
프롬프트
집중하는 동안 나무를 키우는 앱을 만드세요(390×844). 집중을 시작하면 작은 나무가 씨앗에서 자랍니다. 중간에 앱을 떠나 스마트폰을 사용하면 나무가 시들고 충분히 집중하면 나무가 자신의 숲에 심어져 하루하루, 주차별로 점차 채워집니다.
시작 전 수종과 시간을 고르는 화면, 나무가 자라는 집중 세션, 숲에 나무 한 그루가 추가되고 이번 주 숲을 보여 주는 완료 화면을 디자인하세요. 포기했을 때 나무가 시드는 상태도 포함하세요.
`index.html`과 세 화면을 나란히 배치한 `screens.html`을 전달하세요.
중국어 원본 프롬프트 보기
一个“专注时种树”的 App(390×844):开始专注,一棵小树从种子长起来;中途离开去玩手机,树就会枯掉。专注够久,树种进自己的林子里,林子按天、按周慢慢长满。
设计三屏:选树种和时长准备开始、专注进行中(树正在长)、专注结束后林子多了一棵(可回看本周的林子)。“放弃”时树枯萎也要有对应的状态。
交付 `index.html` 和三屏并排的 `screens.html`。
라이브 예제 열기