Adobe XD 디자인적 기능들 (1)

 

반복그리드

 

- 이와 같이 쇼핑몰에서 볼 수 있는 디자인을 하는데 편리한 기능

- 서식같이 하나만 만들어놓으면 글꼴, 색상, 크기가 반복적으로 나열

 

사용방법

1. 일단 복사할 요소들을 그룹화 시켜준다.
(오른쪽 마우스 클릭 - 그룹(ctrl + G)

그룹화 시키기

 

2. 그룹한 요소를 클릭 후 오른쪽 상단의 반복그리드를 클릭하게 되면 요소에 타원형이 요소 끝에 생긴다

반복그리드 활성화

 

2. 둥근 타원형을 오른쪽, 아래쪽으로 내리면 원하는 디자인이 간격을 맞춰서 복사된다.

반복그리드 사용

 

3. 요소 사이에 마우스를 올리면 핑크색으로 되면서 전체적인 여백을 조절 가능하다

반복그리드 수정

 

4. 요소의 위치또한 컬러는 전체적으로 바뀌지만 텍스트를 변경하면 텍스트는 개별적으로 변경된다.

위치와 요소 텍스트 변경

 

4. 사진을 변경하는 방법은 바꾸고자 하는 사진들을 한번에 선택해서 첫번째 사진에 드래그를 하면 한번에 사진이 변경

이미지 변경

 

5. 디자인을 다 했으면 오른쪽 그리드 그룹을 해제를 하면 된다

여기서 잠깐!!

해제를 하는 순간 4번까지의 기능을 사용할 수 없다.

만약에 전체를 선택하고 반복그리드를 활성화를 시키게 되면 그 전체가 하나가 된다.