[UIUX] 스파르타 2023-12-19 TIL

Today I Learned

[이번주 목표] 팀 소개 피그마 페이지 만들기

오늘 할 일 디자인 초안 작업 및 개인페이지 작업

 

1. 페이지 톤앤매너 레퍼런스 찾기

카드 형식 ui  + 오버레이에 누끼 딴 사진들이 노출되어 나타나고 싶음 > 스트로크를 강조하고 키치한 느낌이 나는 톤으로 확정

 

2. 톤에 맞춘 페이지 디자인 시안 작성

- 메인 사진 호버링 시 tmi 말풍선 나옴
- 각 키워드에 맞는 이모지 호버링 시 그에 대한 설명 글자가 나옴

 

3. 각 페이지별 프로토타입 구성 및 제작

4. 페이지 통합 디자인

카드 형식 + 이미지 누끼 + 스트로크

 

5. 오늘 배운점

오버레이아웃 활용한 배경 효과

토글 버튼 드롭업다운

마우스 호버링 할 때 위로 올라갔다 내려갔다 하는 효과

펜툴 활용하기

 

6. 아쉬운점

오토레이아웃 이용한 반응형웹사이트 구현 어렵다.

너무 오래 모니터를 쳐다봐서 머리가 아프다.

7. 앞으로 다짐

피그마에 빨리 익숙해져서 여러 기능 빨리 구현해보기

컨디션 조절 잘하기