#5 마우스 오버를 ?! 컴포넌트 상태 - 어도비 XD 강좌

Описание: 어도비 XD 다섯 번째 강좌입니다. 이번 강좌에서는 XD에서 강력한 기능인 컴포넌트 상태에 대해 알아보도록 할게요! 상태(states)는 말그대로 UI 엘리먼트 상에서 있을 수 있는 다양한 경우를 말합니다. 예를 들어, 버튼에도 Default, Hover, Pressed, Disabled 이런 다양한 경우의 상태가 있죠. 이를 각각 따로 컴포넌트로 등록하지 않아도 하나의 컴포넌트에 다양한 상태를 등록해서 사용할 수 있게 됐습니다. 아주 좋죠?!
더 좋은 것은 자주 사용하는 마우스 오버 상태를 추가하면 오토 애니메이션이라는 강력한 기능으로 자동으로 프로토타이핑이 적용 됩니다.
이때 가장 중요한 것은 Before(기본상태), After(마우스 오버 상태)로 생각하고 디자인을 하시면 됩니다! 자세한 프로토타이핑은 다음 강좌에서 배워보고 이번 'XD 컴포넌트 상태'에 대해 궁금한 내용은 댓글로 남겨주세요ㅎㅎ

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

🚀 디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요 🚀
┗    / @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 - Copyright...  
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 | House |...  
Free Download / Stream: http://ncs.io/FastLaneYO