Tempo · 2026 연간 리포트
디자인 요약
Tempo의 2026 리포트는 48,213분의 청취 시간을 33일 11시간 33분으로 바꾸고 레코드 행렬로 길이를 시각화합니다. 세 가지 팔레트가 청취 시간, 가상 아티스트 Xia Ye, 야행성 낭만가 성격을 연결한 뒤 공유 패널로 이어집니다.
검증 기록
확인됨390×844 스크린샷에서 48,213, Xia Ye, 야행성 낭만가를 각각 강조한 페이지와 일관된 시간 환산을 확인했고 고정 프레임에서 레코드가 행별로 나타났습니다.
검증 범위브라우저나 실기기를 조작하지 않아 탭 네비게이션, 공유 저장, 다른 뷰포트, 동적 글꼴은 검증되지 않았습니다. 68%와 문 트랙의 관계는 여전히 주로 텍스트에 의존합니다.
프롬프트
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`。
라이브 예제 열기