본문 바로가기
프로덕트 디자이너 6기

DAY+32 [ 프로토타입 1 ]

by Joo-Juice 2025. 10. 28.

안녕하세요, 주-주스 입니다! 🍹

 

 

✺⋆* (⸝⸝⸝´▽`⸝⸝⸝)⋆*✺

!!!³✺!~ 캠프 32일차  ~!✺!!!

(՞•ω•՞)

 


오늘은

프로토타입/ 피그마에서 프로토타입 기능을 활용하는 방법에 대하여 포스팅하겠습니다!|


https://www.protopie.io/

 

ProtoPie: Interactive Prototyping Tool

ProtoPie: The ultimate interactive prototyping tool for designers. Create realistic, interactive prototypes easily—no coding needed!

www.protopie.io

 


프로토 타입 처음! 진행

프로토타입 처음 진행 1번 2번

프로토 타입 1
프로토 타입2

 

 

 

 


프로토 타입 / 케러셀 UI / 화면 전환

케러셀 UI / 1, 2, 3, 4

 

 


프로토 타입 / 버튼 클릭시 넘어가는!

완전 기초

 

 

 


프로토 타입 / 버티컬 스크롤

큰 프레임 사용 / 작은 프레임 적용 (버티컬 스크롤! 프로토 타입)

 

버티컬 스크롤 프로토 타입

 

 


프로토 타입 / 호리존 스크롤

큰 프레임 사용 / 작은 프레임 적용 (호리존 스크롤! 프로토 타입)

 

호리존 스크롤 프로토 타입

 

 


프로토 타입 / 스티키~!

스티키 !

오늘의 실습 !

⭐️[과제 01] 

수업시간 내용을 와이어프레임 또는 클론 한 후 Prototype 작업하기

 

 

 


[ 32일차 소감❤️]

- 프로토 타입을 드디어 배우게 되어 진행했는데 너무너무 재밌었습니다! 진짜로 앱을 구현한 기분이고.. 뭔가 뭐든지 다 할 수 있겠다라는 근자감(?)이 생겼었답니닼ㅋㅋㅋ 그래서 과제 클론도 열심히 귀엽게 할로윈 컨셉으로 만들어봤습니닷! 실행된다는 것에 흥미롭게 진행한 것 같습니다! 내일은 또 최종 과제를 한다고 하는데.. 조금 긴장을하면서 .. 파이팅해보겠습니다! 으쌰으쌰!!


= 오늘의 한 마디 =
- 거북목을 고쳐야만 한다!