본문 바로가기
KERD
논문KCI 등재

그리드(Grid)의 유형에 따른 레이아웃 활용에 관한 연구

A Study of Layout Application according to Grid Types

0

조회

0

다운로드

3

인용

0

참고문헌

키워드

주제분류디자인

초록

본 연구는 그리드의 유형에 따른 레이아웃 우수사례를 선정하여 분석하고, 효율적인 활용방안을 모색하여 다음과 같은 시사점을 제시하였다. 첫째, 블록 그리드는 행폭이 넓으므로 내용전달을 쉽게 하기 위해서는 다른 유형의 그리드보다 많은 여백을 주는 것이 바람직하다. 둘째, 칼럼 그리드의 펼친 페이지 작업 시에는 바깥쪽 부분의 여백을 안쪽보다 넓게 하여 오디언스의 시선을 텍스트에 집중시킬 수 있다. 셋째, 모듈 그리드는 모듈의 크기를 정하는 일이 매우 중요한데, 모듈이 작으면 정교함을 제공하지만 시각적 혼란을 초래할 수 있으며, 모듈이 크면 심플해 보이지만 정교함이 결여될 수 있다. 넷째, 계층 그리드의 활용 시에는 오디언스의 시선이 어느 부분으로 집중되느냐에 따라 계층적 영역의 중요도가 달라질 수 있으므로 특히 주의를 기울여야 한다. 다섯째, 혼합 그리드의 펼친 페이지 작업 시 2단 또는 3단 그리드의 위치를 다르게 적용할 수 있으며, 한쪽 페이지에 공간을 상하로 나누어 각기 다른 칼럼으로 변화를 줄 수도 있다. 여섯째, 플렉서블 그리드는 실험적인 디자인 프로젝트에서 창의력과 예술성을 동시에 보여줄 수 있는 효과적 방법이 됨과 동시에 디자이너들에게는 많은 과제를 부여할 것으로 보인다. 본 연구 결과는 그리드 이론의 외연 확장과 더불어 편집디자인회사와 웹에이전시 등에서 그리드를 활용한 레이아웃 작업 시, 디자인 경쟁력 강화에 기여할 수 있다는 실무적 함의를 가질 것으로 기대한다.

Abstract

This study selected and analyzed the excellent case of layout according to grid types, suggesting the following implications by seeking efficient application plan. First, block grid is desirable to have more white space than other grid types to easily deliver contents due to its wide line length. Second, when working on the spread page of column grid, making the outside space wider than the inside can attract audience's attention on text. Third, in case of module grid, it is very significant to decide module size, because small module provides sophistication but it can cause visual confusion whereas large module looks simple but it is lack of sophistication. Fourth, special caution is needed when apply hierarchical grid because importance of hierarchical realm can change according to the attentions of audience. Fifth, when working on the spread page of complex grid, location of two-column or three-column can be applied differently and also can give variety through diverse columns in divided space of one page up and down. Sixth, flexible grid can be an effective way to show both creativity and artistry in experimental design project and give designers lots of assignments at the same time. The result of this study is expected to have operational implication to contribute not only to the theoretical extension, but also to the enhancement of design competitiveness when working on layout utilizing grid in editorial design company or web agency.

참고문헌 (16)

  1. 베스 톤드로, "레이아웃 불변의 법칙 100가지", pp.8~ (2009), 고려문화사
  2. 티모시 사마라, "그리드를 넘어서" (2006), 안그라픽스
  3. 홍영일, "디자인을 완성하는 레이아웃과 그리드" (2011), 미진사
  4. 김미영, "인터페이스 디자인을 위한 동적 비례 그리드 방법의 응용 - 웹과 홈네트워크 메인 화면 사례를 중심으로 -", 디지털디자인학연구, 7(3), pp.99~107 (2007), 한국디지털디자인학회
  5. 송진아, "대학 홍보용 브로셔(brochure)의 편집디자인 분야에서 다양성과 통일성을 고려한 그리드 시스템(grid system) 사용에 관한 연구", 디자인학연구, 15(2), pp.12~136 (2002), 한국디자인학회
  6. 임헌우, "편집디자인에 있어서 플렉서블 그리드에 관한 연구", 커뮤니케이션디자인학연구, 23 (2007)
  7. 유현경, "그리드 - 개성 있는 그래픽 커뮤니케이션 -", 커뮤니케이션디자인학연구, 33, pp.134~144 (2010), (사)한국커뮤니케이션디자인협회 커뮤니케이션디자인학회
  8. 윤홍렬, "디지털 환경과 해체적 편집 디자인에 있어 그리드 변화", 조형미디어학, 15(7), pp.53~63 (2005), 한국일러스아트학회
  9. 이병주, "탈그리드 현상에 따른 공간의 재해석", 디지털디자인학연구, 7(1), pp.107~118 (2007), 한국디지털디자인학회
  10. 이정윤, "디자인의 원리에서 찾아보는 효율적인 레이아웃 구조에 관한 연구 -포스터를 중심으로-", 조형미디어학, 15(3), pp.153~162 (2012), 한국일러스아트학회[DOI]
  11. 정홍인, "비교연구를 통한 그리드 메뉴의 효율성 평가", 디자인학연구, 18(3), pp.191~198 (2005), 한국디자인학회
  12. 한붕기, "QuarkXpress프로그램을 활용한 효율적인 신문 편집디자인 수업에 관한 기초 연구", 디지털디자인학연구, 6(1), pp.291~302 (2006), 한국디지털디자인학회
  13. 함부현, "편집디자인에 있어서 그리드 확장성에 관한 연구 -플렉서블(Flexible) 그리드를 중심으로-", 조형미디어학, 13(3), pp.203~212 (2010), 한국일러스아트학회
  14. 홍동식, "시각커뮤니케이션 디자인에 나타난 해체주의적 표현 연구", 한국디자인포럼, 8 (2003)
  15. Allen Hurlburt, "Grid, New York" (1978), Van Nostrand Reinhold Co
  16. Allen Hurlburt, "Publication Design" (1976), Van Nostrand Reinhold Co

관련 논문AI추천

이 간행물의 다른 논문 (27건)