[TIL] 20일차 학습일지 이미지슬라이드,토스클론

이미지 슬라이드

어제 개인과제 디벨롭하고 마무리 못지었던 이미지 슬라이드 (캐러셀)을 공부했다. 처음에는 인디케이터에 프로토타입을 하나하나 넣었는데 튜터님께서 인디케이터는 디자인상에서 몇번째 이미지인지 보여주는것이고 이미지만 프로토타입을 걸어도 된다고 하셨다. 넘어갈 이미지들을 정렬해준다음에 프로토타입으로 On drag ➡️ Smart Animation 걸어주면 된다.

 

토스 앱 클론디자인

(왼) 토스앱 / (1) 캡쳐본 위에 그리기 , (2) 오토레이아웃 적용

 

첫 클론디자인 할 때보다 넘 발전한 요번 클론ㅎㅎ 요번 클론을 통해서 하단 네비게이션 아이콘들도 직접 펜툴로 그려보고 네비게이션의 크기와 폰트 사이즈, 간격, 그림자는 어느정도로 주고 하는지 등 감각을 익힐 수 있었던 것 같다.  반복적인 부분을 오토레이아웃을 걸어서 복사해서 사용하다보니까 금방 완성한 것 같다. 오토레이아웃 버튼만들땐 height보단 padding 값을 조정해줘야한다.