반응형
🎨 원하는 스타일 선택
⭐ A안: 쿠팡/네이버 쇼핑형 (실제 쇼핑몰 느낌)
- 상품 카드를 3~4개씩 가로로 배치
- 가격 강조
- 평점/리뷰 강조
- 깔끔한 화이트 + 그레이 UI
예시 느낌:
┌─────────────┐
│ [이미지] │
│ 삼성 갤럭시 │
│ ₩1,450,000 │
│ ★ 4.5 (20) │
└─────────────┘
⭐ B안: Apple / Vercel / Notion 느낌의 미니멀 모던 UI
- 매우 깔끔
- 그림자 약하게
- 흰색 + 아주 옅은 그레이
- 샌프란시스코 스타일 폰트
- 간결한 카드
예시 느낌:
───────────────
| 이미지 |
| Galaxy S24 |
| ₩1,450,000 |
───────────────
⭐ C안: 쇼핑몰 + SaaS 혼합 디자인 (요즘 스타트업 서비스 룩)
- 상단 바는 SaaS 느낌
- 상품 목록은 쇼핑몰 카드 느낌
- 버튼과 모달은 modern SaaS tone
예)
[로고] [상품목록] [로그인] [회원가입]
상품카드들…
모달 팝업은 Figma UI 스타일
반응형
'생성형 AI 활용하기' 카테고리의 다른 글
| Stitch 사용 가이드 - Figma로 내보내기 (1) | 2025.10.24 |
|---|---|
| Figma 사용법 몰라도, 프롬프트로 UI / UX 디자인 가능 Stitch (0) | 2025.10.24 |
| 마크다운 노트 - 옵시디언 입문자용 사용법 (0) | 2025.10.11 |
| Google AI Studio로 나만의 앱을 만들기 (0) | 2025.10.11 |
| Claude Code와 Playwright MCP로 AI 디자이너 만들기 (3) | 2025.08.27 |