JJONG2

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

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

3. 컬러를 이용한 그룹핑 컬러를 이용한 그룹핑은 관련 있는 내용에 동일한 컬러를 사용하는 방법이다. 컬러를 이용한 그룹핑은 구성 요소의 그룹핑 정도를 명확히 할 수 있다. 2_3 그리드 시스템 공간을 효율적으로 활용하기 위해 일정한 구역(Grid)으로 나눠 놓은 것을 그리드 시스템(Grid System)이라고 한다. 조직성을 강화하려면 화면 레이아웃을 구성할 때 그리드 시스템을 활용해야 한다. 초기 화면에서 메뉴가 왼쪽에 있다면 하위 화면에서도 메뉴가 같은 위치에 있어야 조직적으로 보인다. 웹 사이트의 모든 페이지를 조직적으로 보이게 하려면 아이콘, 배경색, 글꼴, 레이아웃들을 이용해야 한다. 3_4 강조성 강조성( Emphasis )은 불필요한 요소를 과감히 없애 중요한 정보를 다른 정보와 차별화시키..