트라이 클라우드 UI 애니메이션 인포그래픽

{ "type": "SanYun 플랫폼 메인 비주얼 인포그래픽 일러스트", "style": "이 고급 제품 UI 컨셉 아트는 사실적인 대시보드 인터페이스와 애니메이션 캐릭터 일러스트를 결합하여 깔끔하고 기업 수준의 기술 데모 스타일을 선보입니다. 선명한 벡터 스타일 UI는 섬세하게 그려진 캐릭터와 자연스럽게 어우러져 세련된 마케팅 비주얼을 만들어냅니다.", "canvas": { "aspect_ratio": "16:9", "background": "밝은 회색 데모 프로젝트는 세 개의 세로형 제품 패널과 하단 정보 표시줄로 구성되어 있습니다." }, "headline": { "text": "실제 콘솔에서 영감을 받은 UI 디자인", "subtext": "이 디자인은 다양한 클라우드 벤더의 개념과 철학을 UI 경험에 통합했습니다." } }, "layout": { "columns": 3, "sections": [ { "title": "Microsoft Azure", "position": "왼쪽 패널", "count": 1, "labels": [ "대시보드" ] }, { "title": "aws", "position": "중앙 패널", "count": 1, "labels": [ "콘솔 홈페이지" ] }, { "title": "Google Cloud", "position": "오른쪽 사이드 패널", "count": 1, "labels": [ "대시보드" ] }, { "title": "세 회사가 공유하는 기능", "position": "왼쪽 하단 열", "count": 5, "labels": [ "Single Sign-On(SSO)", "통합 청구 및 비용 관리", "안전 및 규정 준수", "모니터링 및 경보", "글로벌 네트워크" ] }, { { "title": "연결된 워크플로", "position": "하단 중앙 바", "count": 3, "labels": [ "1. 검색 및 분석(GCP)", "2. 설계 및 제어(Azure)", "3. 실행 및 확장성(AWS)" ] }, { "title": "전 세계에 보내는 메시지", "position": "하단 오른쪽 사이드바", "count": 1, "labels": [ "연결하고, 확장하고, 함께 미래를 만들어 갑시다." ] ] } ] } ], "panel_order": [ "Azure", "AWS", "GCP" ] }, "panels": { "left": { "brand": "{argument name=\"left cloud brand\" default=\"Azure\"}", "theme_color": "파란색과 흰색 색상 구성표", "ui": "클라우드 관리 대시보드는 상단에 파란색 탐색 모음과 왼쪽에 리소스 개요, 서비스 상태, 비용 요약, 원형 차트, 보안 위험 점수, 글로벌 인프라 맵, 최근 리소스 테이블, 빠른 작업 등 8개의 분석 카드를 표시하는 탐색 모음이 있는 사실적인 스타일을 특징으로 합니다. 작은 아이콘, 일본어 레이블, 간결한 엔터프라이즈 관리 레이아웃이 있습니다.", "character": "대시보드 왼쪽 하단에는 흐르는 파란색 머리카락과 흰색과 파란색 반투명 ​​재킷으로 덮인 어두운 옷을 입은 애니메이션 스타일의 소녀가 서 있습니다. 태블릿 컴퓨터를 들고 있는 그녀는 차분하고 보호적인 분위기를 풍기며 미래지향적인 클라우드 관리 마법사의 아우라를 발산합니다.", 슬로건: "AZURE", 부제: "제어, 보호 및 지원." }, "center": { "brand": "{argument name=\"center cloud brand\" default=\"AWS\"}", "theme_color": "검정색과 주황색 색상 구성표", "ui": "클라우드 콘솔 홈페이지는 어둡고 사실적인 스타일, 왼쪽 사이드바 탐색, 상단 검색창, KPI, 막대 차트, 알람, 상태 위젯, 리소스 그룹 및 서비스 시작 아이콘을 표시하는 7개의 주요 모니터링 카드를 특징으로 합니다. 또한 일본어 레이블이 있는 고밀도 콘솔 레이아웃을 자랑합니다.", "character": "동적인 자세로 서 있는 중앙의 애니메이션 소녀는 주황색 하이라이트가 있는 긴 검은 머리를 하고 있습니다. 프린트된 재킷 위에 검은색 미래적인 의상을 입고 있으며, 빛나는 주황색 홀로그램 관리 패널과 떠다니는 모니터링 화면에 둘러싸여 있습니다. 그녀의 손은 UI와 상호 작용하며 유지 보수 엔지니어의 에너지와 활력을 발산합니다.", "effects": "주황색 홀로그램, 불꽃, 빛나는 데이터 오버레이, 그리고 하단 전경에 떠 있는 여러 개의 작은 드론.", 슬로건: "AWS", 부제목: "컴퓨팅 성능, 연결성 및 확장성을 갖춘 AWS" }, "right": { "brand": "{argument name=\"right 클라우드 브랜드\" default=\"GCP\"}", "theme_color": "Google 브랜드 색상이 적용된 흰색", "ui": "클라우드 대시보드는 사실적인 스타일, 상단의 흰색 탐색 모음, 그리고 프로젝트 정보, API 요청, 오류율, BigQuery 메트릭, 추세선 차트, 권장 사항, Cloud Run 서비스, 도움말/상태 확인의 8개 카드를 표시하는 왼쪽 탐색 메뉴를 특징으로 합니다. 일본어 레이블이 있는 깔끔하고 미니멀한 엔터프라이즈급 UI를 자랑합니다.", "character": "애니메이션 소녀가 오른쪽 하단의 부드러운 구름 위에 앉아 있습니다. 그녀는 은은한 무지개 하이라이트가 있는 짧은 보브 헤어를 하고 있으며, 다채로운 기하학적 기호로 장식된 오버사이즈의 흰색 미래형 재킷을 입고 있습니다. 그녀의 편안한 자세와 뻗은 팔은 밝고 분석적이며 장난기 넘치는 성격을 드러냅니다.", "background_graphics": "떠 있는 차트, 네트워크 토폴로지 다이어그램, 색상이 있는 노드, 막대 차트, 원형 차트 및 설명적인 데이터 시각화" 역할 중심으로 통합됨.", "태그라인": "GCP", "서브라인": "발견하고, 이해하고, 영감을 현실로 바꾸세요." } }, "bottom_band": { "style": "섬세한 회색 구분선이 있는 흰색 정보 표시줄.", "left_block": "공유 기능을 보여주는 5개의 둥근 아이콘 카드.", "center_block": "GCP, Azure 및 AWS를 연결하는 화살표와 순환 개선 화살표가 있는 워크플로 다이어그램.", "right_block": "정보 영역에는 "지금 시작" 텍스트가 있는 파란색 클릭 유도 버튼이 있습니다." }, "branding": { "top_right_badges": 3, "badge_labels": [ "제어, 신뢰 및 구축", "실행, 확장 및 온사이트 기능", "생성, 데이터 응용, 혁신" ] }, "rendering_notes": "세 패널 모두 세로 정렬과 동일한 너비를 유지하고, AWS 중앙 패널은 시각적 효과를 강화하고 어두운 톤을 사용합니다. 가독성이 완벽할 필요는 없는 일본식 UI 서체를 유지하고, 색 구성표, 인터페이스 언어 및 문자 디자인을 통해 클라우드 공급업체 간의 차이점을 강조합니다. 데이터 구조와 일러스트레이션을 자연스럽게 통합하여 디테일이 풍부하고 명확하며 우아한 엔터프라이즈급 프레젠테이션 품질을 구현합니다." }