어도비 xd 반응형 크기 조정 활용 예제

#08 반응형 크기 조정하는 방법 – 어도비 XD 강좌 (멤버십 전용)

멤버십 전용 강좌

해당 강좌는 유튜브 멤버십 회원 전용 강좌입니다.

오늘은 어도비 XD에서 반응형 레이아웃을 위한 반응형 크기 조정 기능을 알아보겠습니다. 해당 기능을 사용 안 한 경우에 아트 보드 사이즈를 늘리면 늘어나면서 이상하게 깨지는데, 잘 활용하면 사이즈를 늘렸을 때 설정에 맞게 UI가 자동으로 맞춰집니다. AOS에서 iOS로 변경할 때라던가, 반응형 컴포넌트로 제작해서 반응형 웹 디자인을 할 때 사용하면 좋은 기능입니다. 사용 방법은 아트 보드 선택 후 우측 패널에서 반응형 크기 조정을 활성화해주고 핀과 고정을 찍어주면 됩니다. 스케치와 피그마에도 있던 기능이죠. 반응형 크기 조정에 대한 자세한 사용법을 영상을 통해 알아볼게요.

*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.