Tempo · 점으로 그린 한 해
디자인 요약
Tempo · 점으로 그린 한 해는 2026 청취 리포트를 48,213분, 가장 좋아한 아티스트, 음악 성격을 다루는 세 개의 세로형 스토리로 만듭니다. 오프닝은 5,357개 점으로 파형을 구성하고 각 점이 9분을 나타내 총 시간을 눈에 보이는 양으로 만듭니다.
검증 기록
확인됨원래 제작 기록에 따르면 세 번의 독립 리뷰 후 5,357개 점으로 시각화를 통일하고 PNG 연결 구성 요소 개수로 검사했습니다. 탭 네비게이션, 빠른 더블 탭, 방향키 복귀, 공유 복사 및 닫기, 다시 보기의 실제 테스트 기록도 있습니다.
검증 범위이 파일은 새로운 리뷰가 아닌 원본 프로젝트 리뷰의 발췌입니다. 아티스트와 청취 통계는 가상이며 공유는 텍스트 복사와 카드 미리보기만 제공하고 소셜 플랫폼과 연동되지 않습니다.
프롬프트
Tempo 음악 앱의 “Your 2026 Wrapped” 리포트를 만드세요. 사용자는 연말에 페이지를 한 장씩 탭해 넘긴 뒤 소셜 미디어에 공유합니다.
스타일: 대담하고 리드미컬하며 장난기 있게 구성하세요. 큰 색면, 초대형 활자, 강한 타이포그래피를 사용하고 페이지마다 팔레트를 바꾸되 전체 세트의 통일감은 유지하세요. 움직이는 잡지처럼 느껴져야 합니다.
상단에 진행 막대가 있는 세로형 스토리 세 페이지를 디자인하세요.
- 오프닝: 올해 48,213분 동안 들었습니다.
- 가장 좋아한 아티스트: 아티스트 이름, 재생 횟수, 해당 아티스트 청취자 중 백분위를 표시하세요. 가상 아티스트를 사용하세요.
- 나의 음악 성격: 청취 습관에 기반한 성격 라벨과 이를 설명하는 몇 줄을 보여 주세요.
숫자와 텍스트의 등장 애니메이션을 기억에 남게 만들고 청취 시간을 눈으로 볼 수 있는 양으로 바꾸세요. 스크린샷에 어울리는 매력적인 프레임을 선택하세요.
앱 화면은 390×844로 디자인하세요. `index.html`과 세 화면을 나란히 배치한 `screens.html`을 전달하세요.
중국어 원본 프롬프트 보기
产品:「Tempo」音乐 App 的“你的 2026 年度报告”,用户在年底会一页一页点着看,然后分享到社交网络。
风格:大胆、有节奏感、好玩:大色块、超大的字、强烈的排版、每一页一种配色但整套统一。像一份会动的杂志。
设计 3 页(竖屏故事形式,顶部有进度条):
- 开场:你今年听了 48,213 分钟。
- 你最爱的歌手:歌手名字、听了多少次、你是前百分之几的听众(歌手是虚构的)。
- 你的音乐性格:根据听歌习惯得出的一个性格标签和几句描述。
记忆点:数字和文字的出场动效,以及把“听歌时长”画成看得见的量。截图时选好看的一帧。
App 屏幕按 390×844 设计,交付 `index.html` 和把三屏并排的 `screens.html`。
라이브 예제 열기