웹디자인에서 레이아웃은 포토샵이나 일러스트레이터 등 그래픽 디자인 프로그램에서 미리 청사진을 만들고 이미지를 잘라서 웹페이지에 적용하게 됩니다. 그러자면 우선 해야할 일이 안내선을 그려야하는데 규격에 맞춰 그리는 것이 여간 어려운게 아닙니다. 960gs는 여러가지 그래픽 프로그램에 적용할 수 있는 그리드 시스템을 미리 만들어 놓아서 아주 편리하게 이용할 수 있습니다.
포토샵, 일러스트레이터, 인디자인, 플래시, 파이어웍스, 쿽익스프레스, 코렐드로우, 김프, 비지오, 픽셀메이트, 에이콘, 잉크스케이프, 발사믹, 옴니그래플, 익스프레션 디자인 등 아주 다양한 프로그램의 템플릿을 제공하고 있습니다. 처음들어본 프로그램도 몇개 있네요. 압축파일을 풀면 템플릿 폴더에 다 들어가 있습니다.각 프로그램 별로 12,16,24 컬럼의 가이드선이 그려져있습니다. 포토샵의 경우 12칼럼의 템플릿을 열면 다음과 같이 나옵니다.
그리드선을 그려보신 분들은 이것이 얼마나 어려운 일인지 아실겁니다. 다른폴더에 보면 스케치할 수 있는 파일까지 있더군요.
이 그리드시스템을 이용하여 레이아웃잡는 방법이 강좌로 있으니 참고하세요.
포토샵, 일러스트레이터, 인디자인, 플래시, 파이어웍스, 쿽익스프레스, 코렐드로우, 김프, 비지오, 픽셀메이트, 에이콘, 잉크스케이프, 발사믹, 옴니그래플, 익스프레션 디자인 등 아주 다양한 프로그램의 템플릿을 제공하고 있습니다. 처음들어본 프로그램도 몇개 있네요. 압축파일을 풀면 템플릿 폴더에 다 들어가 있습니다.각 프로그램 별로 12,16,24 컬럼의 가이드선이 그려져있습니다. 포토샵의 경우 12칼럼의 템플릿을 열면 다음과 같이 나옵니다.
그리드선을 그려보신 분들은 이것이 얼마나 어려운 일인지 아실겁니다. 다른폴더에 보면 스케치할 수 있는 파일까지 있더군요.
이 그리드시스템을 이용하여 레이아웃잡는 방법이 강좌로 있으니 참고하세요.
nathansmith-960-Grid-System-8f3f49f.zip
더보기
'부트스트랩.CSS.JS/CSS2.1' 카테고리 관련글
