‘원티드’라는 어플의 캡쳐본을 분석하고 홈화면의 클론 만들기
Section > Module > Item 순으로 분석을 하면 된다.
그나마 카드배너는 구분이 쉬운데 줄배너와 띠배너는 줄이랑 띠랑 같은거 아니야? 싶다ㅎㅎ
가장 헷갈렸던 것은 배너였다.
줄배너 띠배너 카드배너?😂
| 구분 | 카드 배너 (Card Banner) | 띠 배너 (Strip Banner) | 줄 배너 (Line Banner) |
|---|---|---|---|
| 핵심 모양 | 독립적인 카드 형태 (여백/그림자) | 가로 폭 꽉 채운 띠 모양 (배경색 강조) | 목록 사이에 한 줄처럼 삽입 (얇고 자연스러움) |
| 정보량 | 많음 (이미지, 제목, CTA 포함) | 적음 (핵심 텍스트 위주) | 매우 적음 (짧은 문구 또는 텍스트 링크) |
| 주요 UX | 독립적인 이벤트/프로모션 강조, 캐러셀 | 공지, 알림, 즉각적인 혜택 강조 | 콘텐츠 흐름에 자연스럽게 녹아드는 광고/정보 |
위의 정보대로 라면 빨강이 띠배너, 파랑이 줄배너, 초록이 카드배너 (맞지?)
