웹 페이지를 디자인 할 때 그리드 시스템을 사용하십니까?

Question

왜 그리드 시스템을 사용하는지 알아 내려고 노력하고 있습니다. 나는 몇 가지를 읽었지만 나는 그것을 얻지 못한다. 나는 단지 페이지에 HTML에 물건을 넣는 데 익숙해졌고 그것으로 끝났지 만 새로운 프로젝트를 가지고 있으며 그리드를 사용하고 싶습니다.

나는 한 기사에서 다른 질문에서 언급 된 한 기사에서 읽었으며 그리드 디자인은 모든 종류의 개발, 심지어 신청서 설계에 있다고 말했습니다. 그로 인해 Snap to Grid 등과 같은 것을 생각하게 만들었고 웹 디자인 구의 그리드가 동일했는지 몰랐습니다. 나는 누군가가 나에게 간단하지만 지나치게 복잡한 견해를 줄 수 없으며 내가 이미 사용한 Google에 대한 링크가 아니라는 것을 바랐다.

도움을 주셔서 감사합니다.

편집 :이 웹 사이트가 가장 쉬운 것을 발견했습니다. http://www.zurb.com/playground/css-grid-builder 그러나 다시, 12 개의 열로 무엇을합니까? 칼럼의 모든 것이 열에 들어가기 위해 "스매스"입니까? 그것은 나에게 의미가 없습니다.

편집 : 나는 읽었다 아래 그리드 960 자습서 그리고 기분이 나아졌지만 결국에는 다음과 같이 말합니다.

생산 코드에서 그리드 960의 개념을 사용할 수는 있지만 생산을 통해 프레임 워크를 고수하는 것이 좋습니다. CSS 프레임 워크는 모든 도구와 같으며 용도가 있습니다. 그 점을 염두에두고 프로토 타입으로 가십시오!

나는 이것을 맥락에서 벗어나려고하지는 않지만 제작에 그것을 사용하지 않으면 요점은 무엇입니까? 프로토 타이핑의 필요성을 이해하지만 프로토 타입이 마음에 들면 960 그리드를 사용하지 않는 이유는 무엇입니까? 나는 그 의견을 이해하지 못할 수 있습니다. 감사.

편집하다:

960 생산 시스템입니까?

Answer 1

웹 및 애플리케이션에 적용되는 그리드에 대해 생각하는 데 너무 집중하고 있으며, 화면의 픽셀이든 그리드가 모든 형태의 그래픽 및 정보 설계에 유용 할 수있는 근본적인 이유에 대해 약간의 연구를 수행해야합니다. 종이에 잉크를 뽑았습니다.

컴퓨터에서 한 걸음 물러서서 960, divs, snap-to-grid 및 html을 완전히 잊어 버리는 것이 좋습니다. 가능하면 몇 가지 그래픽 디자인 책과 잡지를 통해 약간의 낙서를합니다. 아니면 신문을 집어 들고 그들이 사용하는 기본 그리드 (몇 개의 열이 있는지, 너비가 같은 경우, 그리드가 페이지 나 섹션에 걸쳐 다른 요소가 그리드에 달라 붙는 것에 대해 생각해보십시오. ).

그리드 시스템 좋은 자원 목록이 있습니다.

그런 다음 그리드가 프로젝트에 어떻게 유용 할 수 있는지, 960 그리드와 같은 특정 모델이 유용한 지 여부에 대해 생각할 수있는 더 나은 위치에 있어야합니다.

Answer 2

사용자 인터페이스/웹 디자인을 디자인 할 때는주의를 기울이지 않습니다. grid 내 주요 요소를 구성하기 시작할 때까지 레이아웃. 일단 완료되면 나는 a를 구현한다 grid 쉬운 시각적 스캔을 위해 이러한 주요 요소와 잘 흐르기 위해