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

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

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

바로 구독하기

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

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