Madia Designer_그리드 만들기

그리드 

웹 디자인 방법 중 하나

일반적으로 복잡한 사이트를 잘 정리시켜서 보여준다.

예전에는 절대적이 었지만 현재는 절대적이지는 않다.

가로값 1920을 기준으로 세로값은 신경쓰지 않는다.

 

 

1320이 많이 사용된다.

보통은 12컬럼을 많이 사용한다.

 

스스로 만들어본 그리드 12컬럼

 

편한 와이드값을 잡고 컬럼을 나눈 다음에 그 컬럼 안에서 20 / 70 / 20 을 나누는 것은 자유이다.

1320은 꽤 넓은 wide값이다.

1320에서 좌측 우측 20을 제외한 1280 사용한다고 보면 된다.

 

 

 

box를 배치시 사이값을 제외한 값으로 계산한다.

(1280-40)/2= 620px

(1280-80)/3= 400px

(1280-120)/4= 290px

(1280-160)/5= 224px → 1280에는 잘 들어왔지만 grid에 맞지 않다.

 

간격을 잴때 좋은 가이드 이다.