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

 

패딩

 

- CSS에서도 많이 들어본 패딩

- 패딩은 요소안에 여백이라고 생각하면된다

- 패딩의 반대는 마진(요소 밖의 여백)

 

 

[ XD에서 패딩을 조정하는 방법 ]

1. 상하좌우를 한번에 적용할 수 있는 방법 (수치입력)
2. 상하좌우를 각각 적용할 수 있는 방법 (수치입력)
3. Ait를 누르면서 요소에 마우스를 올리면 수치가 나오는데 이걸로 조정을 많이 한다.

 

반응형 크기 조절

 

- XD에서는 디자이너들이 디자인만 느낌보는거여서 많이 사용하지는 않는다.

 

 

[ 반응형 크기 조절 ]

1. 프로그램이 자동으로 반응형으로 조절 해준는 자동
2. 디자이너들이 고정하고 싶은 곳을 고정할 수있는 수동
3. 자동은 자동으로 해주기에 따로 설정할 것이 없다
4. 수동으로 조절하는 방법은 요소를 하나 클릭을 한 후 고정하고 싶은 부분을 클릭을 하면된다
5. 고정이 된 부분은 파란색, 고정이 안된 부분은 진한 화색이다