홈 › 디자인 소스 › 여섯 개 캐릭터 카드, 가운데 한 장에 금테를 둘렀어요

여섯 개 캐릭터 카드, 가운데 한 장에 금테를 둘렀어요

오늘의 레이아웃 소재는 이 여섯 캐릭터 카드예요, 가운데 카드는 금테 스티커 느낌이 저절로 나요.

Grok Imagine게임 UIUI 디자인UI 디자인 감성데이터 시각화

작성 포인트

✍️ 여섯 개 캐릭터 카드를 가로로 배치했는데, 가운데 카드는 금테 하나만으로 확 튀어나와요, 다이어리에 금색 테이프로 핵심을 표시하는 것과 같은 원리예요. 왼쪽은 수치 막대, 오른쪽은 스킨 썸네일, 구역 구분은 크기가 아니라 색으로 하는데, 이 레이아웃 발상은 그대로 다른 인터페이스에도 갖다 쓸 수 있어요.

전체 프롬프트

📋 프롬프트 자연어633자

멀티플레이어 배틀 아레나의 영웅 선택 화면 게임 UI, 전체적으로 화려한 판타지 미학, 깔끔한 산세리프 타이포그래피, 영문 텍스트만 사용, 8K로 렌더링. 상단 바에는 게임 모드 'RANKED — SEASON 8'과 매치메이킹 타이머 'MATCHMAKING: 00:12'가 표시된다. 화면 중앙에는 여섯 개의 캐릭터 초상이 가로 한 줄로 배치되며, 각각 이름과 역할을 담고 있다: 선택된 영웅은 'ZEPHYR — ASSASSIN'에 금색 테두리가 둘러지고 'Strike from the shadows'라는 태그라인이 붙으며, 나머지 다섯 개는 'THORNE — TANK', 'EMBER — MAGE', 'LUNA — SUPPORT', 'KADE — FIGHTER', 'ORION — RANGER'로 표시된다. 왼쪽에는 스탯 패널이 있어 'DAMAGE: 85', 'SURVIVABILITY: 42', 'UTILITY: 70', 'DIFFICULTY: 3/5'의 막대그래프를 보여준다. 오른쪽에는 스킨 선택 패널이 있어 'DEFAULT', 'SHADOWSTALKER', 'CELESTIAL'라는 작은 썸네일들이 배치된다. 하단에는 초록색 'LOCK IN', 회색 'BACK', 파란색 'VIEW DETAILS' 세 개의 버튼이 놓인다.

AI 창작 시작하기