
무지개빛 나비 UI 시스템 보드
세련된 다크 모드의 중국어 UI/UX 디자인 시스템 프레젠테이션 보드로, 빛나는 나비 테마가 특징이며 디자인 사례 연구, 포트폴리오 표지 및 스타일 시스템 쇼케이스에 적합합니다.
이것은 다른 영감 에 대한 GPT Image 2 프롬프트 사례입니다. 아래의 복사 가능한 프롬프트를 사용하여 유사한 시각 자료를 생성하고, 재사용하기 전에 Awesome GPT Image 2 Prompts 의 저작자 표시 및 상업적 사용 권한을 검토하십시오.
전체 프롬프트 세트가 필요하신가요? 다음을 사용하세요. 다른 영감 더 많은 관련 예시를 보려면 주제 허브를 열거나 다음을 열어보세요. GPT Image 2 프롬프트 카탈로그 전체 예제 색인, 재사용 가능한 구조 및 출처 표기는 다음을 참조하십시오.
Free 1K preview
Generate one preview image instantly, no sign-up required.
4000/4000
프롬프트
복사 준비 프롬프트
{
"type": "UI/UX 디자인 시스템 쇼케이스 보드",
"theme": "다크 모드, 자연에서 영감, 빛나는 무지개 빛깔 미학",
"language": "중국어",
"canvas": {
"aspect_ratio": "정사각형 포스터",
"background": "미드나잇 네이비에서 검은색으로 은은하게 빛나는 배경",
"style": "얇은 네온 블루 패널 윤곽선, 광택 하이라이트, 부드러운 블룸, 높은 대비를 갖춘 프리미엄 미래 지향적 프레젠테이션 보드"
},
"header": {
"title": "자연에서 영감을 받은 UI\n{argument name=\"system title\" default=\"Butterfly Iridescence\"}\nUI/UX 디자인 시스템",
"description": "{argument name=\"chinese description\" default=\"나비 날개에서 영감을 받아 구조적 색상 무지개 빛깔을 인터페이스 디자인에 통합하여 가볍고 역동적이며 생생한 디지털 경험을 만듭니다.\"}",
"hero_image": "전기 파란색, 보라색, 무지개 빛깔의 시안색으로 가득 찬 초고화질의 빛나는 나비 날개, 눈에 띄는 핏줄 구조, 반투명한 가장자리, 스파클 같은 입자, 그리고 그 뒤에 흐릿한 날개 하나가 있는 이미지"
},
"layout": {
"sections": [
{
"title": "1. 디자인 영감",
"position": "헤더 아래 왼쪽 상단",
"count": 4,
"labels": [
"무지개 빛깔 나비 날개 매크로",
"파란색-보라색 날개 질감 클로즈업",
"빛의 굴절 프리즘 플레어",
"나비 날개 세포 패턴"
]
},
{
"title": "2. 키워드",
"position": "히어로 이미지 아래 오른쪽 상단",
"count": 5,
"labels": [
"무지개 빛깔",
"역동적",
"가벼움",
"심오함",
"자연"
],
"icon_style": "둥근 어두운 카드 안에 있는 간단한 빛나는 선 아이콘"
},
{
"title": "3. 색상 시스템",
"position": "왼쪽 중앙",
"subsections": [
{
"title": "기본 색상",
"count": 3,
"labels": [
"Big Flash Butterfly Blue #1E5BFF",
"Iridescent Purple #7A5CFF",
"Sky Light #00E6FF"
]
},
{
"title": "중성 색상",
"count": 3,
"labels": [
"Midnight Black #060F19",
"Soft Navy Blue #141A2E",
"Pearl White #F3F6FC"
]
},
{
"title": "강조 색상 및 그라데이션",
"count": 2,
"labels": [
"Rainbow Iridescence",
"Butterfly Lighting"
]
}
],
"visual": "중국어 레이블이 아래에 있는 원형 색상 견본 및 그라데이션 구체"
},
{
"title": "4. 타이포그래피",
"position": "오른쪽 중앙",
"count": 1,
"labels": [
"Aa Poppins Light / Regular / Medium / SemiBold"
],
"visual": "어두운 카드 위에 큰 흰색 Aa"
},
{
"title": "5. 앱 아이콘",
"position": "왼쪽 중앙",
"count": 1,
"text": "{argument name=\"app 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%)",
"Card Blue Morpho"
],
"visual": "작은 유틸리티 UI 위젯이 가로 카드 형태로 콤팩트하게 구성됨"
},
{
"title": "7. 모바일 UI",
"position": "왼쪽 하단",
"count": 3,
"labels": [
"검색 페이지",
"큰 나비 일러스트레이션이 있는 오늘 페이지",
"파형이 있는 오디오 재생 페이지"
],
"visual": "둥근 모서리, 어두운 인터페이스, 파란색-보라색 나비 시각 효과가 있는 세 개의 스마트폰 목업"
},
{
"title": "8. 웹 디자인 미리보기",
"position": "오른쪽 하단",
"count": 1,
"labels": [
"Light of Life"
],
"visual": "나비 히어로 이미지, 상단 탐색, 밝은 파란색 콜투액션 버튼, 중국어 본문 텍스트가 있는 데스크톱 랜딩 페이지 목업"
},
{
"title": "9. 시각적 배경",
"position": "하단 전체 너비",
"count": 4,
"labels": [
"흐르는 빛 리본 배경 1",
"소용돌이치는 무지개 빛깔 소용돌이",
"흐르는 빛 리본 배경 2",
"빛나는 결정 파열"
],
"visual": "보라색, 파란색, 시안색의 네 개의 길쭉한 직사각형 배경 샘플"
}
],
"footer": {
"count": 1,
"text": "자연에서 비롯된 디자인, 경험을 위해 창조됨.",
"center_icon": "작은 나비 아이콘"
}
},
"art_direction": {
"materials": "글래스모피즘, 네온 엣지 조명, 부드러운 그라데이션, 미묘한 반사",
"colors": "전기 파란색, 인디고, 보라색, 시안색, 흰색",
"composition": "9개의 번호가 매겨진 콘텐츠 섹션, 넉넉한 간격, 얇은 둥근 테두리, 지배적인 나비 히어로 이미지가 있는 깔끔한 그리드",
"render_quality": "고도로 연마된, 선명한 타이포그래피, 프리미엄 Behance 스타일 디자인 시스템 보드"
}
}프롬프트 변수
프롬프트에 있는 편집 가능한 인수 자리 표시자와 해당 기본값입니다.
변하기 쉬운
system title
기본
Butterfly Iridescence
변하기 쉬운
chinese description
기본
Inspired by butterfly wings, incorporate structural color iridescence with deep blues into the interface design, creating a light, dynamic, and vibrant digital experience.
변하기 쉬운
app name
기본
Winglet
Best for
- - 다른 영감 visual exploration
- - Image generation and reference-image edits
- - Reusable briefs that keep source attribution visible
Change these parts
- - Subject, product, character, or scene
- - Aspect ratio, camera, lighting, and background
- - Brand, text, color, and output constraints
Recommended model and settings
- - Model: gpt-image-2
- - Input mode: 텍스트 to 이미지
- - Aspect ratio: source
- - Commercial status: review original source
How to use this prompt
- 1. Copy the prompt and preserve its structure for the first test.
- 2. Replace the subject, context, and publishing channel.
- 3. Change one camera, lighting, or style variable per iteration.
- 4. Inspect the output, source, text, and rights before reuse.
Limitations, source, and reuse cautions
- - Generated output is an editable draft, not factual, legal, or rights evidence.
- - Review the linked source, people, brands, logos, text, and third-party media before commercial use.
Awesome GPT Image 2 Prompts 에서 가져왔습니다. 출처 표기가 필요합니다. 상업적 이용 가능 여부는 allowed 입니다. 유료 사용 전에 원저작권 정보를 확인하세요.
이 범주에 속하는 더 많은 사례
범주, 입력 방식 호환성, 품질 및 위험도에 따라 우선순위가 정해집니다.
재사용 및 출처 참고 사항
사례를 미리 확인한 후 이 안내 메시지를 안전하게 사용하십시오.
- 1.프롬프트를 복사하거나 Dovoo의 생성 버튼을 사용하여 직접 엽니다.
- 2.사용 사례에 맞게 변수, 화면 비율 및 참조 이미지를 조정하십시오.
- 3.출판 또는 유료 사용 전에 저작권, 출처 표기 요건 및 브랜드 또는 초상권 관련 위험을 확인하십시오.





