홈페이지 » 툴킷 » GridGuide를 사용하여 그리드 디자인 프로세스 자동화

    GridGuide를 사용하여 그리드 디자인 프로세스 자동화

    웹 사이트 디자인의 첫 번째 주요 단계는 그리드를 선택하는 것입니다. 일반적으로 레이아웃을 나눌 수있는 내부 열과 거터의 수와 함께 페이지의 최대 너비를 정의합니다.

    자신 만의 건물을 만들 수도 있지만이 작업을위한 가장 좋은 도구는 GridGuide입니다. 그것은 완전히 무료 webapp이야. 크기에 관계없이 모든 웹 사이트의 그리드 생성을 완전히 자동화합니다..

    원하는 최대 너비와 원하는 열 수를 입력하십시오. 일반적으로이 두 숫자는 나눌 수 있어야하므로 소수를 피하는 것이 좋습니다. 다음은 웹 사이트에 대한 일반적인 최대 너비입니다.

    • 1100x12x12 열
    • 1200x8x12x12 열
    • 1240x8x12 열
    • 1440x12x12 / 12 열
    • 1600x8x12 / 12 열

    여기에는 전혀 잘못된 대답이 없습니다. 너는 할 수있다. 너비를 선택하고 열의 수에 따라 균등하게 나눌 수있는 한 그럼 너는 좋다..

    GridGuide는 스냅 웹 응용 프로그램이므로 입력 필드에 값을 입력하면 자동 업데이트됩니다. 따라서 상단의 숫자를 조정하면 그리드 미리보기가 자동으로 변경됩니다..

    나는이 일을 위해 포토샵에 의지 했었고, 그것은 나를 현혹시켰다. 정직하게 그리드를 만드는 것은 새로운 웹 사이트를 디자인 할 때 가장 실망스러운 단계 중 하나이며, 픽셀을 완벽하게 만드는 것이 화를 낼 수 있습니다.

    그러나 GridGuide는 완전히 자동화되어 있으며 다양한 열 크기와 거터 폭을 기반으로 다양한 그리드 옵션을 제공합니다.

    너는 심지어 Photoshop으로 가져 오기 위해 선택한 그리드의 전체 PNG 이미지를 다운로드하십시오.. 이것은 많은 시간을 절약하다. 모양 도구를 사용하여 그리드를 처음부터 다시 만들지 않으려 고합니다..

    특정 그리드 스타일이 마음에 들면 나중을 위해 책갈피에 공유 링크를 생성하거나 웹에서 다른 사람들과 공유 할 수 있습니다.

    완전 무료이며 사용하기 쉬운 도구의 경우 모든 단일 웹 디자이너에게 최고의 권장 사항이되어야합니다. 격자로 고생하고 자신의 설계를 싫어하면 GridGuide는 도구 상자에 반드시 있어야하는 리소스입니다..