#9 디자인 작업 전 꼭 알아야 할 기능 Stack, Padding, Scroll - 어도비 XD 강좌

어도비 XD 아홉 번째 강좌입니다. XD에서 제플린사용법 이후에 오랜만에 XD 강좌를 만들었습니다. 업데이트 되면서 생긴 기능들인데 실무에서 사용해보고 너무 편해서 소개드립니다. Stack, Padding, Scroll 이 세가지를 사용할 텐데, 예제를 통해 기존에 배웠던 컴포넌트 기능과 스택+패딩 등등 어떻게 사용하는 것이 UI 디자인 시에 작업 효율을 높이는지 알려드립니다.

Stack : 일정한 간격으로 가로 혹은 세로 방향으로 나열
Padding : 콘텐츠를 기준으로 상하좌우 간격을 유지하는 기능 (탭, 칩, 버튼 등의 UI 디자인 시 효율적으로 사용 가능합니다.)
Scroll : 가로, 세로로 스크롤 가능하도록 해주는 기능

🌟예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.🌟

🚀 디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요 🚀
┗    / @designbase  

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

누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 어도비XD의 첫단추는 디자인베이스에서 시작하세요. XD를 통해 손쉽게 UI 디자인 작업을 할 수 있습니다. : )

☞ 디자인베이스 소개 : http://designbase.co.kr/about/
☞ 공식 웹사이트 : http://designbase.co.kr/


*BGM 사용 출처

Track: Syn Cole - Gizmo [NCS Release]
Music provided by NoCopyrightSounds.
Watch:    • Syn Cole - Gizmo | House | NCS - Copy...  
Free Download / Stream: http://ncs.io/Gizmo

Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release]
Music provided by NoCopyrightSounds.
Watch:    • NIVIRO ft. PollyAnna - Fast Lane | Ho...  
Free Download / Stream: http://ncs.io/FastLaneYO