그리드시스템
리포트 > 예체능
그리드시스템
한글
2011.04.08
5페이지
1. 그리드시스템.hwp
2. 그리드시스템.pdf
그리드시스템
산업디자인과 2학년 0304051 이은선

그리드 시스템

오늘 진행할 내용은 웹페이지의 그리드 디자인입니다. 포토샵과 같은 그래픽 툴에보면 [Grid]라는 메뉴가 있습니다. 이 메뉴를 선택하면 화면에 격자(모눈)가 표시됩니다. 그리고 그 격자에 맞춰 이미지를 제작합니다.
오늘 강좌에서 이야기할 그리드 디자인이란 바로 격자들을 어떤 모양으로 디자인 할 것인가 하는 것입니다. 다음 그림은 격자에 웹페이지의 아웃라인을 디자인한 것입니다. 이러한 디자인을 그리드 디자인이라합니다. 그리디 디자인을 통해 격자의 영역이 지정되고 이 영역에 컨텐츠가 배치 되는 것입니다.


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

웹페이지가 웹브라우저에 로딩되는 순간 우리는 뒤로가기 버튼을 클릭할까 말까 하는 갈등을 합니다. 그건 다름아닌 웹페이지에서 느껴지는 분위기 때문이죠. 접속한 웹페이지에서 뭔가 엉성한 느낌을 받게 되면 바로 페이지를 빠져나옵니다. 이 엉성한 느낌이 바로 그리드에서 나오는 것입니다.
그러나 일상에서는 그리드라는 말을 쓰는 것보다 레이아웃이라는 말을 많이 씁니다. 레이아웃은 디자인된 결과물을 의미하고 그리드는 레이아웃을 만들어가는 괴정 즉 시스템 또는 프로세스라보면 됩니다. 그래서 그리드 시스템(Gride System)이라는 말을 사용하는 것입니다.
다음 웹페이지는 메크로미디어 사의 한 제품에 대한 설명을 하고 있는 페이지입니다. 왼쪽 그림은 접속할 때 웹브라우저에 표시되는 페이지이고 오른쪽 그림은 이 페이지에 대한 그리드 시스템입니다. 그리드는 유저가 웹페이지에 접속하는 순간 수초 이내에 한눈에 들어오는 웹페이지의 레이아웃입니다. 따라서 웹페이지에 담겨진 정보의 내용을 볼수 없습니다.

....
종합적 조직체행동개발(그리드 조직개발, 시스.. SmartGrid,스마트그리드
차세대 정보통신 기술동향 - Grid Computing[그.. 에너지 효율의 최적화 스마트 그리드
[효성 기업분석] 효성 경영전략분석-친환경경영.. [효성 기업분석] 효성 경영전략분석-친환경경영..
한국전력공사 전기,전자 직군 합격 자기소개서 연구개발(SW) 첨삭자소서
SW개발 첨삭자소서 SIEMENS,지멘스기업분석,SIEMENS기업분석,지멘..
[건축] 대공간 구조의 방식에 관하여 지휘와 리더십 이론
[조직체행동개발] 조직구조적 행동개발(직무재.. KDN 통신설비 직무 첨삭자소서
 
스포츠미디어론
색채 심리학
색채심리학1
스포츠 테이핑에 대하여
일본 만화 산업의 기원 및 특..
웨이트 트레이닝 초보자를 위..