UXUI 본캠프

[TIL] 15일차 학습일지 프로토타입 종류

^수빈^ 2024. 1. 9. 21:36
728x90

오늘은 7주차 강의 (프로토타입) 듣고 실습과제를 진행했다. 실습과제.. 아코디언 만드는거에서 막혀가지고 엄청 애먹었다.

2시간째 하고 있지만 아직도 오버레이 프로토타입연결하는거를 모르겠음...낼 시작하자마자 튜터님께 물어봐야겠다.


프로토타입 프리뷰화면 --> Shift + Space바 누르면 피그마 실행화면이 뜸 (실시간 디자인 수정이 보임)

프레젠테이션 모드 --> 오른쪽 위에 플레이 버튼 누르기

 

~하면 (트리거) ~한다 (화면이 바뀐다-액션)
애니메이션은 어떻게 바뀐다.
ex) 버튼을 누르면(트리거) 색상이 천천히(애니메이션) 바뀐다. (액션)

 

뒤로가기 액션은 Back to
while hovering 은 마우스를 눌렀을때 변하게하는것.

 

 

계속 가로로 스크롤이 안돼서 짜증나던 찰나 이것저것 해보다가 혼자 방법을 터득했다.

오토레이아웃 씌운 프레임을 전체프레임 너비만큼만 맞춰야된다는 사실은...! 전체 너비만큼만 맟추고 저 프레임을 가로 스크롤로 변경하면 가로로 넘길 수 있다. 

 

아코디언 프로토타입
레이어는 요런식으로

  1. 아코디언에서 나올 것을 그룹으로 지어주기
  2. 레이어창에서 하나의 레이어 하위요소로
  3. 가게 한다음 겹쳐질 수 있게하기!
  4. 옆에 프레임명은 달라도 되는데 레이어이름이
  5. 같은 프레임 만들어주기
  6. 아코디언이 나왔을때 화면 만들기
  7. 프로토타입 스마트 애니메이션으로 걸기

내일은 개인과제 마무리하고 빨리 제출하고, 실습과제들 응용해봐야겠다. 많은 연습만이 살길인거 같다ㅠㅠ