이커머스 라이브 스트리밍 UI 목업

인물 사진 위에 오버레이되는 실감 나는 소셜 미디어 라이브 스트리밍 인터페이스를 생성합니다. 사용자 지정 가능한 채팅 메시지, 선물 팝업, 상품 구매 카드가 포함되어 있습니다.

프롬프트

{ "type": "라이브 스트리밍 UI 목업", "subject": { "description": "일론 머스크의 인물 사진, 미소 짓고 있으며 흰색 기술 도식 그래픽이 그려진 검은색 티셔츠 착용", "background": "왼쪽에는 'SPACEX' 텍스트가 있는 화면, 오른쪽에는 빨간색 'Tesla T 로고'와 어두운 색상의 자동차" }, "ui_overlay": { "top_header": { "host_info": "아바타, 이름 '일론 머스크', 보조 텍스트 '55.6만 본방 좋아요', 빨간색 '팔로우' 버튼", "rank_badge": "금색 코인 아이콘과 '전체 1위'", "viewer_stats": "상위 시청자 아바타 3개와 '12.3만', '8.6만', '5.7만', 총 '68.7만', 'X' 닫기 버튼", "right_links": "'더 많은 라이브 >', '선물 갤러리 0/24'와 파란색 '클래식' 태그" }, "mid_left_gifts": { "count": 2, "items": [ "아바타 '기술 애호가', '하트 보내기', 하트 아이콘 x 1314", "아바타 '별과 바다', '로켓 보내기', 로켓 아이콘 x 666" ] }, "bottom_left_chat": { "system_message": "레벨 37 배지 '우주 여행자가 라이브 방송에 참여했습니다'", "message_count": 7, "messages": [ "작은로켓: 머스크! 미래가 기대됩니다! 🚀", "future: 테슬라 모델 2는 언제 출시되나요?", "별하늘꿈꾸는자: SpaceX 올해 화성 갈 수 있을까요?", "AI탐험가: 뉴럴링크 진행 상황은 어떤가요?", "멋진네티즌: 머스크 대표님 안녕하세요!", "Mars: 라이브 방송 처음 보러 왔어요, 너무 설레요!", "사용자123: AI에 대해 이야기해주세요, 인간을 대체할까요?" ] }, "bottom_right_product_card": { "hot_tag": "주황색 '인기 판매 x 1888'", "image": "Tesla Cybertruck", "title": "테슬라 Cybertruck 전기 픽업트럭", "price": "¥ 1,618,000", "button": "빨간색 '구매' 버튼", "floating_animation": "오른쪽 가장자리를 따라 위로 떠오르는 반투명 하트" }, "bottom_bar": { "input_field": "'메시지 입력...'", "icons": ["스마일 아이콘", "점 세 개 아이콘", "쇼핑 카트", "선물 상자", "공유"] } } }