IT 디자인
OU
반응형

웹그리드시스템 2

웹 그리드 시스템 #2

3. 그리드 생성을 돕는 도구 처음 웹 디자인 작업을 할 때는 그리드 시스템이 익숙하지 않아 적용하거나 활용하기가 쉽지 않다. 이럴 때는 그리드 시스템을 적용하기 전에 수식을 이용해 본다. 예를 들어, 웹 사이트의 폭을 표준 모니터 크기(1280x1024px)에 적합하고 4분할이 될 수 있는 크기인 1200px로 가정하고 계산해 보면 다음과 같다 칼럼이 네 개일 때 : 1200÷4= 유닛의 폭 300px 칼럼이 여덟 개일 때 : 1200÷8= 유닛의 폭 150px 칼럼이 열두 개일 때 : 1200÷12= 유닛의 폭 100px 위와 같이 직접 수식을 계산할 수도 있지만 웹 페이지의 그리드 생성을 돕는 도구를 사용하는 것도 좋다. 그리드 생성 도구는 수식을 계산하지 않고도 원하는 폭과 칼럼 수로 그리드를 만..

IT 2022.04.20

웹 그리드 시스템 #1

1. 그리드 시스템의 이해 무선 공책과 유선 공책에 글을 써 보자. 무선 공책에 글을 반듯하게 쓰기란 생각만큼 쉽지 않다. 반대로 유선 공책은 일정한 간격으로 선이 그어져 있어 조금만 신경 쓰면 반듯하게 글을 쓸 수 있다. 그리드는 우리가 흔히 사용하는 유선 공책에 있는 선과 같은 역할을 한다. 그리드를 이용하면 문서 작업을 더 쉽고 빠르게 할 수 있기 때문이다. 웹 디자인을 할 때도 그리드 시스템을 적용하면 시각적 질서와 일관성을 유지시켜 주므로 보기 좋은 웹 사이트를 제작할 수 있다. ■ 그리드 시스템의 개념 그리드(Grid)는 사전적으로는 격자나 바둑판 모양의 눈금을 뜻하며, 일반적으로는 수직과 수평으로 면이 분할된 것을 뜻한다. 디자인에서도 기본적으로는 같은 의미로 쓰이지만 쫌 더 구체적으로 쓰인..

IT 2022.04.20
반응형