인터페이스 인터랙션 디자인 이미지

프롬프트
{
"type": "skincare e-commerce landing page mockup",
"brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
"color_palette": ["white", "light blue", "{argument name=\"primary color\" default=\"dark blue\"}"],
"layout": {
"header": {
"logo": "left-aligned brand name with Japanese subtext",
"navigation_links": {
"count": 6,
"labels": ["ABOUT", "PRODUCT", "FEATURE", "INGREDIENT", "VOICE", "Q&A"]
},
"buttons": {
"count": 2,
"labels": ["マイページ", "今すぐ購入する"]
}
},
"hero_section": {
"left_column": {
"headline": "{argument name=\"hero headline\" default=\"敏感な肌にも、毎日つづけられる安心ケア。\"}",
"subtext": "paragraph detailing low irritation, moisturizing, fragrance-free, and alcohol-free benefits",
"buttons": {
"count": 2,
"labels": ["今すぐ購入する", "詳しく見る"]
}
},
"center_column": {
"product": "white pump bottle with clear cap labeled {argument name=\"product type\" default=\"Moisture Barrier Serum\"}",
"props": ["dollop of white cream", "circular badge reading 皮膚科医監修"]
},
"right_column": {
"subject": "{argument name=\"model description\" default=\"young East Asian woman with clear glowing skin touching her cheek\"}",
"background": "blurred laboratory glassware in a bright, clean clinical setting"
}
},
"bottom_features_panel": {
"left_cards": {
"count": 3,
"descriptions": ["95% satisfaction with 5 stars", "shield icon for low irritation formula", "drop icon for skin barrier support"]
},
"right_badges": {
"count": 3,
"descriptions": ["no fragrance icon", "no alcohol icon", "patch tested icon"]
},
"footer": "fine print disclaimers at the bottom"
}
}
}한국어 번역
{
"type": "스킨케어 이커머스 랜딩 페이지 목업",
"brand": "{argument name=\"brand name\" default=\"DERMA CALM\"}",
"color_palette": ["흰색", "연한 파란색", "{argument name=\"primary color\" default=\"짙은 파란색\"}"],
"layout": {
"header": {
"logo": "일본어 서브 텍스트가 함께 있는 왼쪽 정렬 브랜드 이름",
"navigation_links": {
"count": 6,
"labels": ["소개", "제품", "특징", "성분", "후기", "Q&A"]
},
"buttons": {
"count": 2,
"labels": ["마이페이지", "지금 바로 구매하기"]
}
},
"hero_section": {
"left_column": {
"headline": "{argument name=\"hero headline\" default=\"민감한 피부에도 매일 이어갈 수 있는 안심 케어.\"}",
"subtext": "저자극, 보습, 무향료, 무알코올 장점을 자세히 설명하는 문단",
"buttons": {
"count": 2,
"labels": ["지금 바로 구매하기", "자세히 보기"]
}
},
"center_column": {
"product": "투명 캡이 있는 흰색 펌프 용기, 라벨에는 {argument name=\"product type\" default=\"모이스처 배리어 세럼\"} 표기",
"props": ["흰색 크림 한 덩어리", "피부과 전문의 감수라고 적힌 원형 배지"]
},
"right_column": {
"subject": "{argument name=\"model description\" default=\"볼을 만지고 있는, 맑고 윤기 나는 피부의 젊은 동아시아 여성\"}",
"background": "밝고 깨끗한 임상 환경에 흐릿하게 보이는 실험실 유리 기구"
}
},
"bottom_features_panel": {
"left_cards": {
"count": 3,
"descriptions": ["별 5개와 95% 만족도", "저자극 포뮬러를 나타내는 방패 아이콘", "피부 장벽 케어를 나타내는 물방울 아이콘"]
},
"right_badges": {
"count": 3,
"descriptions": ["무향료 아이콘", "무알코올 아이콘", "패치 테스트 완료 아이콘"]
},
"footer": "하단의 작은 글씨 법적 고지 문구"
}
}
}템플릿 변수
치환 가능한 매개변수가 있으며, 대괄호 안이 기본값입니다
brand name = DERMA CALMprimary color = dark bluehero headline = 敏感な肌にも、毎日つづけられる安心ケア。product type = Moisture Barrier Serummodel description = young East Asian woman with clear glowing skin touching her cheek
출처
- 원작자
- ryuya__31
- 원문 출처
- 원문 보기 ↗
- 수록 출처
- freestylefly/awesome-gpt-image-2 · 134 · MIT