프롬프트 도감 › No.2737

벤토 그리드 화면 레이아웃

Bento Grid Visual Layouts

3칸, 6칸, 9칸의 직관적인 도시락 상자 구조로 정보와 이미지를 깔끔하게 배치해 줘요.

이럴 때 웹 랜딩페이지 기획, 인포그래픽 구성, 포트폴리오 디자인

도구 AI

프롬프트

3-block:           6-block:             9-block:
┌───────┬───┐     ┌───┬───┬───┐       ┌─────┬───┬───┐
│ HERO  │SEC│     │ S │ S │ S │       │HERO │MED│ S │
├───────┴───┤     ├───┴───┼───┤       ├──┬──┴───┼───┤
│  FOOTER   │     │ CHART │LST│       │S │ MED  │ S │
└───────────┘     └───────┴───┘       └──┴──────┴───┘

팁

• 가장 강조하고 싶은 핵심 요소를 HERO 영역에 배치해요.
• 칸 수에 따라 전달할 정보의 우선순위를 미리 정해보세요.

출처

• smixs/visual-skills

권리: CC-BY-4.0; smixs/visual-skills; 원문 출처 링크 참조. 수정·번역 여부는 카드 메타 참조.