Soda Design은 ProtoPioneers 커뮤니티의 재능 있는 ProtoPie 사용자 풀에 속해 있습니다. 그녀의 재미있는 튜토리얼은 ProtoPie의 기본을 가르치고, 처음 사용하는 사용자들이 주요 UI 상호작용을 만들 수 있도록 따라 하기 쉬운 단계별 안내도 제공합니다.
소개
Soda Design은 자신에게 적합한 프로토타이핑 도구를 찾기까지의 여정을 공유합니다. 이 영상에서 그녀는 왜 마침내 프로토타이핑 도구로 ProtoPie를 선택했는지 설명합니다.
기본 기능
ProtoPie를 처음 사용한다면 기본 기능이 무엇인지 알아두는 것이 도움이 됩니다. 아래 영상에서 Soda Design이 그 내용들을 안내합니다.
이 튜토리얼에서는 다음을 배웁니다:
가져오기
Figma에서 디자인을 가져오는 방법은 무엇인가요?
참고: 이 튜토리얼은 기존 가져오기를 사용합니다. 2020년 12월에 ProtoPie 플러그인 for Figma를 도입했습니다.
미디어
이미지, 비디오, 오디오, Lottie 같은 미디어를 추가하는 방법은 무엇인가요?
저장 및 공유
프로토타입을 저장하는 방법은 무엇인가요?
프로토타입을 공유하는 방법은 무엇인가요?
이 튜토리얼에서는 다음을 배웁니다:
기기
기기를 선택하는 방법은 무엇인가요?
기기 프레임을 활성화/비활성화하는 방법은 무엇인가요?
배경색을 변경하는 방법은 무엇인가요?
시스템 상태 표시줄을 사용하는 방법은 무엇인가요?
레이어
레이어 속성은 어떻게 작동하나요?
컨테이너
컨테이너란 무엇인가요?
iOS 배경 흐림
iOS 배경 흐림을 추가하는 방법은 무엇인가요?
이 영상에서는 특히 텍스트와 입력 레이어를 다룹니다. 이를 사용하는 방법을 배워보세요.
텍스트 레이어
텍스트 레이어의 속성은 무엇인가요?
입력 레이어
입력 레이어의 속성은 무엇인가요?
키보드를 변경하는 방법은 무엇인가요?
기본 기능에 익숙해지면 기본 상호작용을 만들어 보세요.
기본 상호작용 1부
여기서 Soda Design은 우리의 개념 모델을 바탕으로 기본 상호작용을 만드는 방법을 설명합니다.
기본 상호작용 2부
두 번째 파트에서는 다음을 사용하여 고급 상호작용을 만드는 방법을 배웁니다:
Soda Design의 더 많은 팁과 튜토리얼은 그녀의 YouTube 채널을 확인해 보세요. 또한 더 많은 영감을 얻으려면 Twitter와 Instagram에서 그녀를 팔로우하세요.
*또한, ProtoPie 사용법을 A부터 Z까지 배울 수 있는 무료 학습 콘텐츠를 제공하는 ProtoPie School (https://learn.protopie.io/)*도 확인해 보세요.
