본문 바로가기
카테고리 없음

레이아웃 구성 원리, 리플렛 레이아웃 구성

by daybyday-dev 2024. 3. 29.

레이아웃 구성 원리, 리플렛 레이아웃 구성


1. 레이아웃 구성 원리

 

레이아웃 구성 원리 예시_1

 

레이아웃 구성 원리 예시_2

 

  • 레이아웃 구성 원리
    • 구조적
      • 공간에 귀속되는 부분
      • 본문 같은 경우 위치 변화가 심하면 안됨
      • ex) 직사각형의 사진, 글
    • 즉흥적
      • 공간을 구조적으로 연출할 수 없는 요소들
      • 각진 형태가 아닌 이미지, 누끼 이미지 등은 구조적으로 연출할 수 없음 → 유기적, 자유로운 형태
      • ex) 유기적인 누끼 이미지, 표지
  • 이미지와 글자의 위치를 끊임없이 변화시켜 시각적인 재미, 입체적인 연출
  • 구조적 + 즉흥적 레이아웃 → 입체적인 연출 가능

 

2. 리플렛 레이아웃 구성

 

리플렛 예시

 

내지1의 그리드

 

  • 해당 리플렛의 경우, 내지1 ~ 내지3의 이미지 위치가 상단, 하단, 상단으로 자유롭게 이동함
    즉, 호텔 로비 배치 레이아웃으로 시각적 재미를 담은 다양한 배치 형태 → 모듈 그리드 사용
  • 내지3의 경우, 두가지의 공연이 소개되어 내지1, 2에 비해 상대적으로 중요도가 낮아보이고 마무리 되는 느낌 제공
  • 한 페이지만 고려하는 것이 아닌 이전, 다음 페이지와의 연결 흐름까지 고려해야함
    → 전체 흐름에 맞춰 연출해야함

레이아웃 과정

 

  • 레이아웃 과정
    디자인 요소 배치(임의 배치) → 디자인 요소 그룹핑   디자인 요소 강조(요소 크기 대비, 공간 크기 대비 등)   디자인 요소 변화(이미지 변화, 위치 변화 등)

이미지 크기 차이로 템포, 이미지 위치 차이로 높이 변화 제공

 

  • 이미지 크기 차이를 주어 템포(속도감) 제공
  • 이미지 위치 차이로 높이 변화 제공
  • 리드미컬한 디자인

3. 리플렛 내지의 디자인 요소

 

리플렛 내지 '디자인 요소'

 

  • Running Head
    • 각 본문 페이지의 머리 부분에 조판된 제목 부분
    • 반복성 가짐
    • ex) 행사명, 섹션명 등
  •  Mark
    • 쪽 번호, 정보 부여
  • Title
    • 페이지의 핵심이 되는 글자
  • Image, Photograph
    • 사진, 이미지
  • Lead paragraph
    • 리드문
    • 강조해야 할 문구, 이미지 부연 설명 문구 등
  • Text
    • 본문 내용

 

 

  •