[인정받는 디자이너가 되기위한 발걸음 그리드]

안녕하십니까 IT 아웃소싱 플랫폼프리모아입니다.


디자인분야에서 레이아웃을 잡는 것은 기본적이면서 퀄리티 높은 결과물을 만드는데 중요합니다.

물론 웹디자이너분들도 웹사이트를 디자인하면서 배치나 여백, 정렬 등 신경을 많이 쓰고 있을겁니다.

앱디자이너들도 카테고리나 주요기능을 이용자에게 가독성을 좋게하려고 고민하고 계실 것 같습니다.

디자인에서 중요한 레이아웃을 빛나게 도와주는 도구이자 수단인'그리드(grid)' 를 알아보겠습니다.


§ 그리드란?

레이아웃의 요소들을 조화롭게 시각화시키기 위하여 사용하는 수평 , 수직의 안내선입니다.

레이아웃을 잡게 도와주는 요소이지 꼭 그리드에 신경쓰다보면 획일화되고 융통성 없는 

레이아웃 디자인으로 나올 수 있으므로 틀에 얾메일 필요는 없습니다. 


§ 그리드의 장점

첫째. 정보의 조직, 명료, 집중화

둘째. 창조성과 객관성의 증대

셋째. 디자인 요소의 통합과 공간의 체계적 통계

넷째. 제작 과정의 합리화를 통한 시간과 비용의 단축


§ 그리드의 구성요소

(1) 칼럼

(2) 모듈

(3) 마진

(4) 플로우 라인

(5) 존

(6) 마커

(7) 칼럼 마진

§ 그리드 종류


1. 블록그리드

그리드의 기본으로써 하나의 블록만을 사용하는 디자인으로 1단그리드라고도 불립니다. 

글을 많이 적는 서적이나 논문, 리포트에 주로 쓰이는데 반복될 경우 지루한 느낌을 줄 수 있습니다.

2. 단그리드

두개이상의 단으로 나누어 사용한 그리드로써 단의 수의 따라 2단 3단으로 불리는 그리드 디자인

칼럼그리드'

3. 모듈그리드

모듈그리드는 단그리드보다 복잡한 디자인 형태일때 사용하는 그리드형태입니다.

모듈이라는 사각형의 방을 만들어 그룹화하는데 이 잉역을 바탕으로 레이아웃을 정합니다.

모듈을 제대로 사용하지 않을 경우 시각적 혼란을 주기 떄문에 안정된 느낌으로 디자인해야합니다.

4. 계층그리드

직관적인 배치를 사용하여 어떠한 범주에도 들어가지 않고 규칙적이고 반복적으로 쓰이는 

다른 그리드와 달리 디자이너의 공간연출 역량이 중요합니다.

주로 포스터나 북디자인, 웹페이지에서 접근하는 방법입니다.

§ 그리드디자인 하는데 도움되는 사이트

Grid guide

<http://grid.guide/>

전체 폭과 열의 수를 입력하면 자동으로 거터 너비 별로 그리드의 수치를 계산해서 알려줍니다,

<http://guideguide.me/>

제공받을 수 있습니다. 


웹디자인을 하기전에 그리드를 세팅해 놓고 레이아웃을 잡는다면 이용자들에게 

깔끔하고 가독성있는 웹사이트를 설계하실 수 있을 것 같습니다. 

또한 그리드를 잘 이용할 수록 숙련도 높은 디자이너로 성장하실 수 있습니다. 

디자이너를 꿈꾸는 분들에게 많은 도움이 되셨으면 좋겠습니다. 

감사합니다.


온라인 아웃소싱 플랫폼 프리모아 프로젝트와 프리랜서(개발자,디자이너,기획자)를 연결해 드립니다. 매주 업데이트 되는 프로젝트를 확인해 보세요. www.freemoa.net
Follow
4.7 Star App Store Review!
Cpl.dev***uke
The Communities are great you rarely see anyone get in to an argument :)
king***ing
Love Love LOVE
Download

Select Collections