어도비 xd 반복그리드 활용 예제

반복 그리드로 효율적으로 UI 디자인하기 – 어도비 XD 강좌

태그 UIUXAdobe XD

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

바로 구독하기

이번에는 xd의 기능 중에 반복 그리드를 알아보겠습니다. 반복 그리드는 말 그대로 같은 스타일의 디자인 요소가 반복적으로 반복되어야 할 때 사용합니다. 리스트 형식이나 카드 타입의 ui를 디자인할 때 효과적이겠죠? 반복 그리드 사용 방법은 반복적으로 사용하고자 하는 요소를 선택하고 우측 패널에 있는 반복 그리드 기능을 눌러줍니다.
그 상태에서 우측 혹은 하단에 있는 그린 컬러의 앵커를 잡아 늘려줍니다. 그리고 사이 간격을 여기서 조절할 수 있습니다.

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