소셜 오브 복숭아.

레이아웃 레퍼런스4개

화면 배치에도 이름이 있습니다. “카드를 보기 좋게 늘어놓아 줘”보다 “벤토 그리드” 한 단어가 AI 에게 훨씬 정확하게 전달됩니다. 와이어프레임으로 배치를 고르고, 이름이 든 요청 문장을 복사해 붙여 넣으세요.

받는 쪽 · 코딩 AI

시선 · 구성

  • F 패턴

    F-pattern layout

    왼쪽 위에서 시작해 가로로 두 번 훑고 아래로 내려가는 시선을 따른다

  • Z 패턴

    Z-pattern layout

    왼쪽 위 → 오른쪽 위 → 왼쪽 아래 → 오른쪽 아래로 시선이 지난다

  • 브로큰 그리드

    Broken grid layout

    격자를 일부러 벗어난 요소가 칸 경계를 넘어선다

  • 겹침 레이아웃

    Overlapping layout

    글 상자가 이미지 위로 일부 겹쳐 앞뒤 층이 생긴다