SaaS 대시보드 UI 애니메이션 프롬프트
Wikiprompt, 무료 프롬프트 백과사전에서
SaaS 대시보드 UI 애니메이션 프롬프트 15초 분량의 상세한 비디오 프롬프트로, 마우스 상호작용, 데이터 시각화, 음향 효과가 포함된 SaaS 대시보드 UI 애니메이션을 생성하기 위한 것입니다.
관련 미디어
프롬프트 내용저장
🌐
평평하고 정면에서 바라본 현대적인 SaaS 웹 대시보드 인터페이스로, 시작 프레임을 기반으로 합니다.
UI 레이아웃 및 에셋: 왼쪽 사이드바에는 탐색 아이콘이 있으며, "Analytics"에는 활성화된 시안 글로우가 표시됩니다. 상단 헤더에는 선명한 흰색 타이포그래피로 "NEXUS AI // ANALYTICS DASHBOARD"가 표시됩니다. 중앙 영역에는 실시간 라인 차트, 데이터 카드, 메인 비디오 미리보기 박스가 표시됩니다. 전반적으로 세련된 다크 모드 글래스모피즘 미학을 따릅니다.
00:00-00:03:
- 시각: 카메라는 웹 대시보드에 평평하게 고정됩니다. 선명한 흰색 디지털 마우스 커서가 왼쪽 상단에서 진입하여 "GENERATE REPORT"라는 라벨이 붙은 기본 버튼을 향해 부드럽게 화면을 가로질러 이동합니다.
- 동작: 커서가 버튼 위에 호버링됩니다. 버튼은 다크 그레이에서 생동감 있는 네온 시안 호버 상태로 부드럽게 전환되며, 은은한 글로우 테두리가 나타납니다.
- 사운드 FX: 부드러운 디지털 커서 스우시, 은은한 글래스 호버 클릭, 앰비언트 로파이 테크 허밍.
00:03-00:06:
- 시각: 커서가 "GENERATE REPORT" 버튼을 클릭합니다. 페이지가 부드럽게 아래로 스크롤되며, 접힌 부분 아래에 보조 데이터 시각화 모듈과 성능 막대 차트가 드러납니다.
- 동작: 라인 그래프가 왼쪽에서 오른쪽으로 동적으로 그려지며, 데이터 피크 지점에 시안 글로우 점이 켜집니다.
- 사운드 FX: 선명한 기계식 마우스 클릭, 초부드러운 페이지 스크롤 스우시, 상승하는 디지털 비프 신호음.
00:06-00:09:
- 시각: 커서가 "TOTAL ENGAGEMENT: 84.2%"를 표시하는 데이터 카드로 이동하여 오른쪽 상단의 옵션 아이콘을 클릭합니다.
- 동작: "EXPORT DATA"라는 제목의 깔끔한 글래스모피즘 팝업 창이 대시보드 중앙에 부드럽게 확대되며 페이드 인됩니다.
- 사운드 FX: 부드러운 창 팝업 차임, 은은한 에어 석션 UI 효과, 지속적인 앰비언트 신스 패드 음악.
00:09-00:12:
- 시각: 팝업 창 내부에서 커서가 "Format: PDF"라는 라벨의 드롭다운 메뉴 위에 호버링하고 "Format: CSV"를 선택합니다.
- 동작: 드롭다운 메뉴가 유동적인 마이크로 인터랙션으로 확장되고, 옵션이 네온 바이올렛으로 하이라이트되며, 선택 사항이 즉시 업데이트됩니다.
- 사운드 FX: 스냅한 드롭다운 클릭, 디지털 틱 사운드, 가벼운 인터페이스 피드백 톤.
00:12-00:15:
- 시각: 커서가 "DOWNLOAD NOW"를 클릭합니다. 팝업이 빠른 페이드 아웃으로 닫히고, 오른쪽 상단에 "Report Downloaded!"라는 녹색 성공 알림 토스트가 표시됩니다.
- 동작: 메트릭 차트가 밝은 녹색으로 한 번 펄스되고, 대시보드는 활성 실시간 모니터링 상태로 리셋됩니다.
- 사운드 FX: 만족스러운 작업 완료 차임, 빠른 UI 슬라이드 아웃 사운드, 부드럽게 해소되는 신스 코드.
전체 프롬프트를 보려면 로그인하세요
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
사용법
이 프롬프트는 creative와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.
최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.
토론
댓글 0개