프로토파이 uxui 클론 예제 01

프로토타이핑 실습 예제 01 – 프로토파이 강좌

안녕하세요. 지금까지 배워본 프로토 파이의 핵심 개념들을 바탕으로 앞전에 스케치, 피그마, XD 강좌에서 만든 UI 디자인 예제를 프로토 타이핑하는 실습을 해보겠습니다.
크게 두 단계로 나눠서 진행할게요. 이번 강좌에서는 아트 보드 사이즈부터 작업한 툴에서 Import 하고 페이지 링크 거는 걸 구현하고, 다음 강좌에서는 영상 재생 기능과 드래그로 영상 재생 페이지를 최소화하는 걸 구현해 볼게요.

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