그리드 시스템

소개

웹페이지의 그리드 디자인하는 방법에 대해 설명하는 자료입니다.

목차

1. 그리드 디자인과 유저의 시선 이동

2. 그리드 디자인 왜 필요한가?

3. 신문사 그리드 디자인 비교

4. 그리드 디자인은 컨텐츠의 배치와 정렬을 결정한다.

본문내용

각각의 그리드 영역은 특정 컨텐트를 포함하고 있는데위 그림에서 C 영역은 뉴스에 관련된 컨텐츠를 표시하는 영역입니다.
다음 그림에서 처럼 1999년도 네이버의 그리드 시스템을 살펴보면 다음과 같은데 C영역, 즉 소식 영역의 위치가 변하는 것을 알 수 있습니다. 1999년에 오른쪽에 있던 것이 1999~2000년에 왼쪽으로 옮겼다가 다시2001년부터는 오른쪽으로 이동되는 것을 알 수 있습니다.이러한 컨텐츠의 이동은 유저가 어떻게 반응하느냐에 다라 결정됩니다. 네이버의 소식 컨텐츠는 3년간 오른쪽에 배치되어 있었기 때문에 거의 자리를 잡아간다고 할 수 있습니다. 만약 이러한 컨텐츠의 위치를 바꾼다면 이에 습관화된 유저들에게 일시적인 혼란을 가져다 줄 것입니다.
오늘은 그리드 시스템에 대해 알아보았습니다. 웹페이지가 어지럽게 느껴진다면 그 웹페이지는 그리드 시스템이 잘못된 것이라 할 수 있습니다. 반면에 웹페이지가 깔끔하고 보기에 좋게 느껴진다면 그 웹페이지는 그리드 시스템이 잘 되어 있다고 볼 수 있습니다. 정리하자면 그리드 시스템은 웹페이지에 질서를 가져다주고 유저에게 컨텐츠를 정렬해서 보여줄 수 있는 디자인입니다.그리드 디자인을 통해 또하나 알 수 있는 것은 컨텐츠의 배치입니다. 특정 컨텐츠를 어디에 배치하는냐에 따라 유저의 반응이 다르게 나타납니다. 다음 그림은 네이버의 2003년도 메인 페이지 화면과 그리드 시스템입니다.


해당자료는 한글2002나 워디안 자료로 한글97에서는 확인하실 수 없으십니다.

참고자료

· 없음