Adobe XD CC에서 아트보드에 그리드를 추가하여 웹 사이트 디자인의 레이아웃을 만들 수 있습니다.
setup-web-design-grid_1000x560

파일을 열고 아트보드를 선택하거나 아트보드 툴을 사용하여 새 아트보드를 만듭니다. 그런 다음 속성 관리자의 그리드 섹션에서 레이아웃을 선택합니다. 참조용으로 제공되는 샘플 파일을 사용하여 자유롭게 실험해 보십시오.

setup-web-design-grid_step-1

열 수와 열 색상, 열 폭과 간격 폭, 여백 설정을 다양하게 적용하여 디자인에 가장 어울리는 그리드를 만들어 보십시오. 그리드는 언제든지 변경할 수 있습니다.

setup-web-design-grid_step-2

이 웹 디자인의 경우 12개 열 그리드를 선택했고 텍스트와 그래픽을 추가했습니다. 자동으로 그리드에 물리는 기능과 고급 안내선을 사용하여 디자인 요소를 간편하게 배치했습니다. 이 그리드가 가장 적합했기 때문에 레이어 패널에서 아트보드를 선택하고 속성 관리자에서 기본값 설정을 클릭했습니다.

setup-web-design-grid_step-3

이제 사용자 정의 그리드를 크기가 유사한 다른 아트보드에 적용할 수 있습니다. 또는 다른 화면 크기에 맞게 직접 사용자 정의할 수 있습니다.

setup-web-design-grid_step-4

여러분도 그리드를 정의하여 웹 사이트 디자인을 세련되게 만들어 보시기 바랍니다.

11/06/2018

Adobe Stock 콘텐츠 제공: luckybusiness

이 페이지가 도움이 되었습니까?