무지개빛 나비 UI 시스템 보드

{ "type": "UI/UX 디자인 시스템 데모 프로젝트", "theme": "다크 모드, 자연에서 영감을 받은 은은한 무지개빛 미학", "language": "중국어", "canvas": { "aspect_ratio": "정사각형 포스터", "background": "짙은 미드나잇 블루에서 블랙으로, 은은한 후광 효과", "style": "슬림한 네온 블루 패널 윤곽선, 광택 하이라이트, 부드러운 후광 효과, 높은 대비를 특징으로 하는 고급스럽고 미래지향적인 디스플레이 프로젝트" } } }, "header": { "title": "자연에서 영감을 받은 UI{argument name=\"시스템 제목\" 기본값=\"나비 무지개\"} UI/UX 디자인 시스템", "description": "{argument name=\"중국어 설명\" 기본값=\"나비 날개에서 영감을 받아 구조색의 무지갯빛 광택과 짙은 파란색을 결합하여 가볍고 역동적이며 생동감 넘치는 디지털 경험을 만들어냅니다.\"}", "hero_image": "매우 섬세하고 빛나는 나비 날개가 오른쪽 상단 절반을 차지하고 있으며, 전기 파란색, 보라색, 무지갯빛 청록색을 보여줍니다. 눈에 띄는 잎맥 구조, 반투명 가장자리, 반짝이는 입자가 보이며, 그 뒤에는 흐릿한 두 번째 날개가 있습니다." }, "layout": { "sections": [ { "title": "1. 디자인 영감", "position": "제목 아래 왼쪽 상단 모서리", "count": 4, "labels": [ "무지개빛 나비 날개 접사", "청자색 날개 질감 클로즈업", "빛을 굴절시키는 프리즘 후광", "나비 날개 세포 패턴" ] }, { "title": "2. 키워드", "position": "메인 이미지 아래 오른쪽 상단 모서리", "count": 5, "labels": [ "iris", "Agile", "Light", "Profound", "nature" ], "icon_style": "둥근 어두운 카드 안에 미니멀한 빛나는 선 아이콘" }, { "title": "3. 색상 시스템", "position": "왼쪽 중앙", "subsections": [ { "title": "메인 색상", "count": 3, { "labels": [ "Morpho Blue #1E5BFF", "Rainbow Purple #7A5CFF", "Skylight #00E6FF" ] }, { "title": "중성색", "count": 3, "labels": [ "Midnight Black #060F19", "Soft Navy Blue #141A2E", "Pearl White #F3F6FC" ] }, { "title": "색상 및 그라데이션 강조", "count": 2, "labels": [ "Rainbow gloss", "Butterfly Light" ] } ], "visual": "원형 색상 견본과 그라데이션 구체, 아래에 중국어 라벨이 있습니다." }, { "title": "4. 레이아웃", "position": "오른쪽 중앙", "count": 1, "labels": [ "Aa Poppins Light / Regular / Medium / SemiBold" ], "visual": "어두운 카드에 큰 흰색 Aa" }, { "title": "5. 애플리케이션 아이콘", "position": "왼쪽 및 가운데", "count": 1, "text": "{argument name=\"앱 이름\" default=\"Winglet\"} 가볍고, 민첩하고, 우아합니다.", "visual": "앱 이름 옆에 빛나는 나비 앱 아이콘" }, { "title": "6. UI 구성 요소", "position": "중앙", "subsections": [ { "title": "버튼", "count": 3, "labels": [ "메인 버튼", "보조 버튼", "유리 질감" ] }, { "title": "아이콘", { "count": 2, "labels": [ "하트 모양 컬렉션", "조명 링" ] }, { "title": "스위치", "count": 1, "labels": [ "스위치" ] } ], "visual": "어두운 패널에 둥근 파란색 버튼, 네온 아이콘 버튼, 백라이트 스위치" }, { "title": "기타 요소", "position": "오른쪽 중앙", "count": 4, "labels": [ "검색 상자", "새 태그", "진행률 표시줄(72%)", "블루 모포 카드" ​​], "visual": "콤팩트한 가로 카드에 담긴 작고 실용적인 UI 구성 요소" }, { "title": "7. 모바일 UI", "position": "왼쪽 하단", "count": 3, "labels": [ "검색 페이지", "큰 나비 일러스트가 있는 오늘의 페이지", "파형 그래프가 있는 오디오 재생 페이지" ] } ], "visual": "어두운 인터페이스와 청자색 나비 시각 효과를 적용한 모서리가 둥근 스마트폰 프로토타입 3개." }, { "title": "8. 웹사이트 디자인 미리보기", "position": "오른쪽 하단", "count": 1, "labels": [ "빛의 삶" ], "visual": "나비 메인 이미지, 상단 내비게이션, 밝은 파란색 클릭 유도 버튼, 중국어 텍스트가 포함된 데스크톱 랜딩 페이지 목업." }, { "title": "9. 시각적 배경", "position": "하단 전체 너비", "count": 4, "labels": [ "흐르는 리본 배경 1", "소용돌이 무지개", "흐르는 리본 배경 2", "빛나는 크리스탈 폭발" ], "visual": "보라색, 파란색, 청록색의 직사각형 배경 샘플 4개." } ], "footer": { "count": 1, "text": "자연을 염두에 두고 디자인되었으며, 경험을 위해 탄생했습니다.", "center_icon": "작은 나비 아이콘" } }, "art_direction": { "materials": "유리 모방, 네온 엣지 조명, 부드러운 그라데이션, 은은한 반사", "colors": "일렉트릭 블루, 인디고, 바이올렛, 시안, 화이트", "composition": "깔끔한 그리드 레이아웃은 번호가 매겨진 9개의 콘텐츠 섹션, 충분한 여백, 가늘고 둥근 테두리, 그리고 눈에 띄는 나비 이미지를 포함합니다.", "render_quality": "매우 세련되고 명확하게 배치된 프리미엄 Behance 스타일 디자인 시스템 프로젝트입니다." } }