다음글 이전글


 


1.jpg

      루이까또즈 디자인설계

 

 



그리드는 인쇄지면의 공간을 바탕으로 이루어지지만 웹은 웹디자인의 형식인 gnb영역과 세로스크롤방식의 이해가 필요합니다.   그렇기때문에 지면레이아웃의

대비나 대조 대칭과 비대칭의방식보다는 기능적타이포그래피를 중심으로 단의 성격을 규정하여 그리드기준을 적용하게됩니다.  그리드는 디자이너의

지각적인 판단능력이 중시됩니다.  루이까또즈 메인화면의 그리드시스템은 4단그리드가 적용되었습니다. 아래의 작품은 4단부터 2단,3단그리드의 내용입니다.


 


2.jpg



                                              마진 margin : 페이지 공간에서 그리드를 둘러싸고 있는 외곽 공간
                                              단 column : 정보를 배치하기 위해 세로로 길게 분활된 공간
                                              단 간격 column interval : 단과 단사이의 간격
                                              시각기준선 flowlines : 수평으로 공간을 가로지르는 시각기준선은 시선의 흐름

                                                                            을페이지 공간으로 안내하는 역할을 담당
                                              필드, 모듈 field, module : 단과 열로 나누어진 그리드의 기본단위를 필드. 

                                  

 





3.jpg

두 단이 균등한 2단 그리드는 많은 양의 정보를 담아낼 수 있다. 대칭 단을 사용하면 매우 질서 정연한 구조 아래 이미지 크기와 여백의 양을 자유롭게 조절할
수 있다. 2단 대칭 그리드는 같은 정보를 두 가지 언어로 병기할 때 어느 한쪽으로 무게가 치우치지 않게 배치할 수 있다.



4.jpg






5.jpg

3단그리드는 보편적인 포맷으로 안정감이있고, 위험 부담이 없으며, 6단으로 세분화 할 수 있다. 다단그리드를 사용하면 더 많은 융통성이 생기고, 공간을 창조적
으로 활용할 수도 있게 된다. 텍스트와 이미지를 함께 다루는 작업에서는 두 요소 간의 비율을 생각하여 각각 어느 정도의 공간을 할애할 것인지를 결정한다


 



 

 




6.jpg



 

 

 

7.jpg

 

 

 

2단 그리드의 기본은 대칭그리드이지만, 얼마든지 두 단의 너비를 달리할 수 있다. 설명적인 성격이 강한내용을 개방적인판면과 가독성이 높은

독자 친화적인 판면으로 구성하고자 할 때, 두 단 중에 하나는 좁고 하나는  넓은 그리드를 채택한다. 넓은 쪽 단에는 길게 이어지는  텍스트를

배치해 글쓴이가 전달하고자 하는 일관된 흐름의 내러티브를 전달하고, 좁은 쪽 단에는 컨셉이나 이미지, 표 등의 정보를 담을 수 있다.

비대칭 2단 그리드에서 최상의 비율은 1:2

 

 



 

 




8.jpg






디자인나스는 국내최고의 디자인아카데미이자, 선두주자입니다.

  • 페이스북
  • 블로그
  • 인스타그램

nothing more than quality, designnas