[사회과학] 산업디자인 - 그리드 시스템에 관해
페이지 정보
작성일 24-05-02 17:10
본문
Download : [사회과학] 산업디자인 - 그리드 시스템에 관해.hwp
이 메뉴를 선택하면 화면에 격자(모눈)가 표시됩니다. 그리디 디자인을 통해 격자의 영역이 지정되고 이 영역에 컨텐츠가 배치 되는 것입니다. 그리드 시스템
오늘 진행할 내용은 웹페이지의 그리드 디자인입니다. 포토샵과 같은 그래픽 툴에보면 [Grid]라는 메뉴가 있습니다. 이 엉성한 느낌이 바로 그리드에서 나오는 것입니다. 다음 그림은 격자에 웹페이지의 아웃라인을 디자인한 것입니다.
그러나 일상에서는 그리드라는 말을 쓰는 것보다 레이아웃이라는 말을 많이 씁니다. 이러한 디자인을 그리드 디자인이라합니다. 레이아웃은 디자인된 결과물을 의미하고 그리드는 레이아웃을 만…(생략(省略))
2. 그리드 디자인 왜 필요한가
3. 신문사 그리드 디자인 비교
4. 그리드 디자인은 컨텐츠의 배치와 정렬을 결정한다. 그건 다름아닌 웹페이지에서 느껴지는 분위기 때문이죠. 접속한 웹페이지에서 뭔가 엉성한 느낌을 받게 되면 바로 페이지를 빠져나옵니다.
▶
1. 그리드 디자인과 유저의 시선 이동
웹페이지가 웹브라우저에 로딩되는 순간 우리는 뒤로가기 버튼을 클릭할까 말까 하는 갈등을 합니다.오늘 강좌에서 이야기할 그리드 디자인이란 바로 격자들을 어떤 모양으로 디자인 할 것인가 하는 것입니다.
순서
설명
레포트/인문사회
![[사회과학]%20산업디자인%20-%20그리드%20시스템에%20관해_hwp_01.gif](http://www.allreport.co.kr/View/%5B%EC%82%AC%ED%9A%8C%EA%B3%BC%ED%95%99%5D%20%EC%82%B0%EC%97%85%EB%94%94%EC%9E%90%EC%9D%B8%20-%20%EA%B7%B8%EB%A6%AC%EB%93%9C%20%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%97%90%20%EA%B4%80%ED%95%B4_hwp_01.gif)
![[사회과학]%20산업디자인%20-%20그리드%20시스템에%20관해_hwp_02.gif](http://www.allreport.co.kr/View/%5B%EC%82%AC%ED%9A%8C%EA%B3%BC%ED%95%99%5D%20%EC%82%B0%EC%97%85%EB%94%94%EC%9E%90%EC%9D%B8%20-%20%EA%B7%B8%EB%A6%AC%EB%93%9C%20%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%97%90%20%EA%B4%80%ED%95%B4_hwp_02.gif)
![[사회과학]%20산업디자인%20-%20그리드%20시스템에%20관해_hwp_03.gif](http://www.allreport.co.kr/View/%5B%EC%82%AC%ED%9A%8C%EA%B3%BC%ED%95%99%5D%20%EC%82%B0%EC%97%85%EB%94%94%EC%9E%90%EC%9D%B8%20-%20%EA%B7%B8%EB%A6%AC%EB%93%9C%20%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%97%90%20%EA%B4%80%ED%95%B4_hwp_03.gif)
![[사회과학]%20산업디자인%20-%20그리드%20시스템에%20관해_hwp_04.gif](http://www.allreport.co.kr/View/%5B%EC%82%AC%ED%9A%8C%EA%B3%BC%ED%95%99%5D%20%EC%82%B0%EC%97%85%EB%94%94%EC%9E%90%EC%9D%B8%20-%20%EA%B7%B8%EB%A6%AC%EB%93%9C%20%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%97%90%20%EA%B4%80%ED%95%B4_hwp_04.gif)
![[사회과학]%20산업디자인%20-%20그리드%20시스템에%20관해_hwp_05.gif](http://www.allreport.co.kr/View/%5B%EC%82%AC%ED%9A%8C%EA%B3%BC%ED%95%99%5D%20%EC%82%B0%EC%97%85%EB%94%94%EC%9E%90%EC%9D%B8%20-%20%EA%B7%B8%EB%A6%AC%EB%93%9C%20%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%97%90%20%EA%B4%80%ED%95%B4_hwp_05.gif)
[사회과학] 산업디자인 - 그리드 시스템에 관해
[사회과학] 산업디자인 - 그리드 시스템에 관해
Download : [사회과학] 산업디자인 - 그리드 시스템에 관해.hwp( 98 )
사회과학,산업디자인,그리드,시스템,관해,인문사회,레포트
[사회과학] 산업디자인 - 그리드 시스템에 관해 , [사회과학] 산업디자인 - 그리드 시스템에 관해인문사회레포트 , 사회과학 산업디자인 그리드 시스템 관해
다. 그리고 그 격자에 맞춰 이미지를 제작합니다.
