UIUX 학습일지-7주차

7주차에는 프로토파이에 대해 배우고 실습해보고 저번 주에 했던 내용으로

영화예매 앱을 선정하여 분석해보았다.

 

비핸스나 노트폴리오에서 포트폴리오를 구경하다 보면 앱에서 과업 단계를 보여주는 영상과

움직이는 UI컴포넌트들을 보면 엄청 예쁘고 매력적이라고 생각했었고

나도 포토폴리오의 퀄리티를 높이기 위해 에프터이펙트를 연습해야겠다 다짐했었는데

이렇게 프로토파이를 먼저 배우게 되었다.

프로토파이를 잘 이해할 수 있었던 사진

프로토파이 강의에서 로그인 화면 인풋 박스, 고정되는 헤더, 장바구니 등 여러 페이지를 실습해보고

Formula, Variable 기초에 대하여 배웠는데

Formula는 간단한 수식이나 함수를 활용하여 역동적인 인터랙션을 만들 수 있고

Variable은 텍스트나 숫자, 컬러의 값을 할당하고 값을 변경하며 이에 따라 변하는 인터랙션을 만들 수 있다.

 

Formula와 Variable에 대해 배울 때 html/css와 비슷하게 생긴 것 같아 어색하지 않았고

더 쉽게 이해할 수 있어서 재미있었다

Formula 입력창

아직은 입력값의 대부분을 모르기 때문에 강의에서 알려주신 프로토파이 홈페이지를 많이 참고해야겠다.

https://www.protopie.io/learn/docs/ko/formulas/layer-properties

잘 배워서 이번 포토폴리오에 활용해보고 싶다

 

이번 주 과제는 영화 예매 앱으로으로 저번 주와 같이 as is 분석하고

동종 유사 서비스 분석, to be 도출하여 적용한 디자인을 제작하였다.

CGV as is 분석

to be를 도출하고 적용한 디자인 제작

과제를 진행하는 과정에서 시야가 좁아져 스스로 얽매여 헤매는 경우가 많았는데

다행이 다른 조원분들이 잘 잡아주셔서 빠르게 정신을 차렸던 것 같다.

 

그리고 조원들에게 비주얼적인 부분만 분석한다는 얘기를 들었는데

멘토님께서 저번주에 피드백해주신 내용 중에 같은 내용의 피드백이 있었다.

 

그래서 페이지에서 유저에게 어떤 정보를 중점적으로 보여주면서

콘텐츠의 흐름은 어떻게 구성했는지에 대해 생각해보고 분석해보았고

나의 단점을 보완해볼 수 있어 좋은 경험이었던 것 같다.