Google Web Designer의 보기 메뉴를 사용하여 스테이지를 보는 방식과 개체를 보는 방식을 선택할 수 있습니다.
윤곽선 및 라벨 보기
다음 윤곽선 옵션 중에서 원하는 것을 선택할 수 있습니다.
- 윤곽선 > 윤곽선(라벨 제외) - 선택한 요소를 제외한 스테이지의 모든 요소에 점선으로 된 윤곽선이 표시됩니다.
- 윤곽선 > 라벨 - 모든 요소가 해당 유형과 ID로 라벨이 지정됩니다.
- 윤곽선 > 끄기 - 윤곽선이나 라벨이 표시되지 않습니다. 이 옵션은 복잡한 레이아웃에서 시각적인 혼란을 줄여줍니다.
이 설정을 조정하면 모든 문서에 변경사항이 적용됩니다.
맞추기
맞추기를 사용하면 동일한 가로선이나 세로선을 따라 요소를 배치할 수 있습니다. 그리드 또는 다른 개체의 경계에 맞추거나 다른 개체에 정렬되도록 맞출 수 있습니다. 맞추기를 사용 설정하려면 보기 메뉴를 연 후 맞추기 > 다음에 맞추기를 선택하고 다음과 같은 맞추기 대상 요소를 선택합니다.
- 맞추기 > 그리드 - 그리드 선이 표시되면 그리드 선에 맞춥니다.
- 맞추기 > 개체 - 다른 개체의 가장자리, 모서리 및 중앙 지점에 맞춥니다.
- 맞추기 > 정렬 - 다른 개체의 가장자리 또는 중앙 지점에 정렬되도록 맞춥니다.
- 맞추기 > 안내선 - 눈금자 안내선이 표시되면 눈금자 안내선에 맞춥니다.
- 맞추기 > 동일한 크기 - 다른 개체와 동일한 너비 또는 높이에 맞춥니다.
- 맞추기 > 균등 간격 - 다른 두 개체와 동일한 간격에 맞춥니다.
맞추기 예시를 참조하세요.
이 설정을 조정하면 모든 문서에 변경사항이 적용됩니다.
3D 그리드 보기
보기 메뉴에서 3D 그리드를 선택하면 3D 보기에서 사용자가 보는 시점과 평행에 가장 가까운 평면의 그리드를 표시합니다. 그리드 색상은 3D 나침반의 색상과 동일합니다. 그리드 선은 기본적으로 50픽셀의 간격을 가지며(환경설정에서 그리드 크기를 변경할 수 있음) 작업 중인 항목을 여기에 맞출 수 있습니다.
이 설정을 변경하면 Google Web Designer는 해당 문서에 대한 선택사항을 기억합니다. 환경설정에서 3D 그리드가 기본적으로 표시되도록 할 것인지를 설정할 수도 있습니다.
눈금자 보기
보기 메뉴에서 눈금자를 선택하면 가로 및 세로 눈금자가 표시됩니다. 눈금자는 광고와 HTML5 문서에서 요소의 위치를 정확하게 지정하는 데 도움이 됩니다.
이 설정을 변경하면 Google Web Designer는 해당 문서에 대한 선택사항을 기억합니다. 환경설정에서 눈금자가 기본적으로 표시되도록 할 것인지를 설정할 수도 있습니다.
안내선
안내선은 개체를 쉽게 정렬하기 위해 스테이지의 어느 곳에나 배치할 수 있는 세로선 또는 가로선입니다. 안내선을 추가하려면 눈금자에서 아무 곳이나 클릭한 다음, 문서 작업 영역으로 새 안내선을 드래그하세요.
선택 도구를 사용하여 안내선을 이동하고 작업 영역 밖으로 드래그하여 안내선을 삭제할 수 있습니다. Shift 키를 누른 상태에서 드래그하면 눈금자 눈금 표시에 맞춰집니다.
보기 > 안내선 메뉴에서 다음과 같은 안내선 옵션을 사용할 수 있습니다.
- 안내선 > 안내선 표시 안내선을 표시합니다. 새 안내선을 추가하면 이 설정이 켜집니다.
- 안내선 > 안내선 고정 기존 안내선이 움직이지 않도록 합니다. 새 안내선을 추가하면 이 설정이 꺼집니다.
- 안내선 > 안내선 삭제 모든 안내선을 삭제합니다.
안내선은 문서와 함께 저장됩니다.
스테이지가 회전되어 있을 때는 눈금자 안내선을 변경할 수 없습니다.
앞에서 보기, 위에서 보기, 옆에서 보기
보기 메뉴에서 앞에서 보기, 위에서 보기 또는 옆에서 보기를 선택하여 z, y 또는 x축을 기준으로 스테이지를 바로 볼 수 있습니다. 3D 스테이지 회전 도구를 더블클릭하면 여기에서 선택한 보기로 돌아갑니다.
확대/축소
확대 및 축소 옵션을 사용하여 스테이지의 확대/축소 수준을 조정할 수 있으며, 이 옵션은 보기 메뉴와 스테이지 오른쪽 하단의 컨트롤에서 제공됩니다. 실제 크기 메뉴 명령은 확대/축소 수준을 100%로 재설정합니다.
고해상도 모니터 등에서 전체 Web Designer 애플리케이션의 확대/축소 수준을 변경하려면 고급 환경설정으로 이동하세요.