[디자인학과] 그리드시스템
페이지 정보
작성일 23-10-27 15:58
본문
Download : [디자인학과] 그리드시스템.hwp
이 메뉴를 선택하면 화면에 격자(모눈)가 표시됩니다.
오늘 강좌에서 이야기할 그리드 디자인이란 바로 격자들을 어떤 모양으로 디자인 할 것인가 하는 것입니다. 포토샵과 같은 그래픽 툴에보면 [Grid]라는 메뉴가 있습니다. 이러한 디자인을 그리드 디자인이라합니다. 그건 다름아닌 웹페이지에서 느껴지는 분위기 때문이죠. 접속한 웹페이지에서 뭔가 엉성한 …(생략(省略))
2. 그리드 디자인 왜 필요한가?
설명
레포트/예체능
다. 다음 그림은 격자에 웹페이지의 아웃라인을 디자인한 것입니다.
▶
1. 그리드 디자인과 유저의 시선 이동
웹페이지가 웹브라우저에 로딩되는 순간 우리는 뒤로가기 버튼을 클릭할까 말까 하는 갈등을 합니다. 그리디 디자인을 통해 격자의 영역이 지정되고 이 영역에 컨텐츠가 배치 되는 것입니다.순서[디자인학과] 그리드시스템
![[디자인학과]%20그리드시스템_hwp_01.gif](http://www.allreport.co.kr/View/%5B%EB%94%94%EC%9E%90%EC%9D%B8%ED%95%99%EA%B3%BC%5D%20%EA%B7%B8%EB%A6%AC%EB%93%9C%EC%8B%9C%EC%8A%A4%ED%85%9C_hwp_01.gif)
![[디자인학과]%20그리드시스템_hwp_02.gif](http://www.allreport.co.kr/View/%5B%EB%94%94%EC%9E%90%EC%9D%B8%ED%95%99%EA%B3%BC%5D%20%EA%B7%B8%EB%A6%AC%EB%93%9C%EC%8B%9C%EC%8A%A4%ED%85%9C_hwp_02.gif)
![[디자인학과]%20그리드시스템_hwp_03.gif](http://www.allreport.co.kr/View/%5B%EB%94%94%EC%9E%90%EC%9D%B8%ED%95%99%EA%B3%BC%5D%20%EA%B7%B8%EB%A6%AC%EB%93%9C%EC%8B%9C%EC%8A%A4%ED%85%9C_hwp_03.gif)
![[디자인학과]%20그리드시스템_hwp_04.gif](http://www.allreport.co.kr/View/%5B%EB%94%94%EC%9E%90%EC%9D%B8%ED%95%99%EA%B3%BC%5D%20%EA%B7%B8%EB%A6%AC%EB%93%9C%EC%8B%9C%EC%8A%A4%ED%85%9C_hwp_04.gif)
![[디자인학과]%20그리드시스템_hwp_05.gif](http://www.allreport.co.kr/View/%5B%EB%94%94%EC%9E%90%EC%9D%B8%ED%95%99%EA%B3%BC%5D%20%EA%B7%B8%EB%A6%AC%EB%93%9C%EC%8B%9C%EC%8A%A4%ED%85%9C_hwp_05.gif)
[디자인학과] 그리드시스템
[디자인학과] 그리드시스템 , [디자인학과] 그리드시스템예체능레포트 , [디자인학과] 그리드시스템
[디자인학과],그리드시스템,예체능,레포트
Download : [디자인학과] 그리드시스템.hwp( 68 )
산업디자인과 2학년 0304051 이은선
그리드 시스템
오늘 진행할 내용은 웹페이지의 그리드 디자인입니다. 그리고 그 격자에 맞춰 이미지를 제작합니다.
