GPT Image 2.6 로딩 스켈레톤 애니메이션 프롬프트
카드 목록이 로딩되는 반복 GIF. 회색 스켈레톤이 왼쪽에서 오른쪽으로 반짝이다가 아바타와 텍스트가 있는 실제 카드가 나타납니다.
프롬프트
카드 목록이 로딩되는 반복 애니메이션: 회색 스켈레톤 플레이스홀더가 왼쪽에서 오른쪽으로 반짝이다가, 아바타와 텍스트가 있는 실제 카드가 서서히 나타난다. 깔끔한 라이트 UI.
- 지원 도구
- GPT Image 2.6
- 프롬프트 모음
- GPT Image 2.6 프롬프트
이 프롬프트 소개
스켈레톤 화면은 움직이는 모습을 볼 수 있을 때 합의하기 쉽습니다. 이 프롬프트는 카드 목록이 로딩되는 장면을 보여 줍니다. 회색 플레이스홀더가 왼쪽에서 오른쪽으로 반짝이다가, 아바타와 텍스트가 있는 실제 카드가 깔끔한 라이트 UI에서 서서히 나타납니다. GIF로 만들면 구현하기 전에 로딩이 어떤 느낌이어야 하는지 팀에 보여 줄 수 있습니다.
목록에 실제로 있는 카드를 설명하세요. 상품 그리드라면 이미지 블록과 가격 줄이, 피드라면 아바타와 두 줄 텍스트, 이미지가 필요합니다. 플레이스홀더가 몇 개 나오는지(보통 서너 개면 충분합니다), 그리고 프롬프트가 정하지 않은 모바일 화면인지 데스크톱 화면인지도 알려 주세요.
스켈레톤은 최종 레이아웃을 그대로 따라야 하므로, 로딩이 끝난 상태를 먼저 정지 이미지로 생성해 애니메이션의 레퍼런스 이미지로 첨부하세요. 만들 때는 Codex에 같은 도형을 쓴 반짝임을 CSS 애니메이션으로 요청하세요.
이 모음의 다른 프롬프트
- GPT Image 2.6 토글 스위치 애니메이션 프롬프트설정 토글이 켜지는 반복 GIF. 손잡이가 오른쪽으로 미끄러지고 트랙이 초록색으로 채워지며 라벨이 끔에서 켬으로 바뀝니다.
- GPT Image 2.6 당겨서 새로고침 애니메이션 프롬프트모바일 피드에서 당겨서 새로고침하는 반복 GIF. 목록을 아래로 당기면 스피너가 돌고 새 항목이 위쪽에서 들어옵니다.
- GPT Image 2.6 레퍼런스 이미지로 스타일 바꾸기 프롬프트현재 앱 화면의 레이아웃과 텍스트는 그대로 두고, 레퍼런스 이미지의 색상, 타이포그래피, 모서리 반경으로 스타일을 바꿉니다.
- GPT Image 2.6 마크업 편집: 버튼 하나만 바꾸는 프롬프트투명 오버레이에서 버튼 하나에 동그라미를 치고 그 버튼만 진한 초록색 단색의 계속하기 기본 버튼으로 바꿉니다.
- GPT Image 2.6 마크업 편집: 영역 교체하기 프롬프트디자인의 한 영역에 동그라미를 치고 그 부분만 고객 후기 카드로 교체합니다. 기존 스타일에 맞추고 나머지는 그대로 둡니다.
- GPT Image 2.6 목업을 HTML로 바꾸는 Codex 프롬프트GPT Image 2.6 목업을 Codex에서 단일 HTML 파일로 만듭니다. 레이아웃, 간격, 색상, 텍스트를 맞추고 아이콘은 인라인 SVG로.