2023.12.20.학습일지

오늘 새로 배운 것

• 피그마 프로토타입 제작 시 '막히는 스크롤' 인터렉션을 주고 싶을 때
  
  • 문제상황
    : 피그마에서 'On Click > scroll to'로 막히는 스크롤 인터렉션 구현 시도 ➡︎ 실패
  • 문제분석
    1. '스크롤'을 구현하고 싶어 피그마 'scroll to' 을 필수적으로 사용해야 한다는 생각에 매몰되어 있음
    2. 'On click'가 아닌 'On drag' 기능을 사용하여야 하지만, 'On drag'로는 'scroll to'를 사용할 수 없음
    (이때.. 빠져나와야 했습니다...🥹)
    + 튜터님 말씀 중 'scroll to'에 대한 부분이 이상하다고 생각하신다는 느낌을 받음3. 스크롤 인터렉션까지는 성공하였으나, 탭바 부분이 목차별로 움직이지 않고, 하단 바로가기 버튼과 위로 올라가기 버튼도 처음 상태 그대로 계속 끝까지 픽스 상태로 있음 (본래 목적은 2번째 페이지부터 동작을 목표)
  • 문제해결
    1. 프로토타입을 주고 싶은 페이지를 모두 Frame을 개별로 나눈다.
    2. 서로 상호작용한다.(둘 모두 같은 것으로 연결)
    3. 상세값은 아래와 같다.
    - 'On drag'
    - 'navigation to'
    - 'push'
    - 'animate matching layers' 체크
    -'easy in','easy out'
    4. 이러면 'animate matching layers' 를 체크했기 때문에 피피티 장 넘어가듯 프레임이 넘어가지 않고,
    진짜 앱 처럼 넘어간다! 🥹

오늘 작업 진행도

1. 메인화면 디자인 (95% 완료)

2. 팀 소개 디자인 (95% 완료)

3. 팀원 소개 디자인 (사진 수정 진행중)
4. 팀원 소개 상세 디자인 (사진 수정 진행중)

+ 조금 2% 부족한 모션 아이콘 완성...