Juni_Dev_log

"ART_Cinema Project" ⑯200608_TIL 본문

Project/ART_Cinema(Dev)

"ART_Cinema Project" ⑯200608_TIL

Juni_K 2020. 6. 8. 13:30

오늘의 영화 :  '프란시스 하, 노아 바움백'

'프란시스 하' 포스터


오늘 한 일 (To Do List)

▶ Page3.html 전체적인 디자인 수정

: temp 페이지와 전체적인 분위기 통일을 위해서, 색감/구도 등을 수정

: 좋아요/싫어요 버튼 수정

: main , mypage 버튼 이미지로 수정(오른쪽 끝으로)

: 폰트 바꾸기

: 감독 텍스트 위치/색깔 수정

: 1순위, 2순위 표시 및 텍스트 수정

 


- 색감/구도 변경

 

사용한 색깔 : #c5adba / #89a3b2

 

- 좋아요 / 싫어요 버튼 변경

 

: 부트스트랩에서 ICON 으로 가져온 이미지이다. 

: svg 태그가 굉장히 길어서, 해당 양식을 변수에 담고 사용했다.

: 이미지 클릭 시, onclick 으로 해당 영화가 좋아요 DB에 담기도록 하는 함수를 실행시켰다.

 

 

- main / mypage 버튼 변경

 

: 역시, 부트스트랩에서 가져온 이미지이다.

 

- 폰트 변경

 

: temp 에서 사용하는 구글 폰트를 가져와서 사용했다.

: 중요한 키워드는 bold 로 구분을 줬다.

 

- 감독 텍스트 위치/색깔 수정

 

: 영화 정보에 들어가는 글자가 잘 안 보이는 것 같아서, 크기와 색깔을 수정했다.

: 제일 하단에 있는 것보다는 title 밑에 있는 것이 더 깔끔할 것 같아서 수정했다.

 

- 1순위, 2순위 표시 및 텍스트 수정

 

: 사용자의 선호장르를 보여주는 것이 기존에는, "드라마/판타지" 이런 양식으로 나왔는데, 사용자가 구분하기 어려울 것 같아서 추가적인 텍스트를 넣어줬다.

: 텍스트를 추가함으로써, 사용자가 좀 더 명확하게 알 수 있을 것이라 생각한다.


<page3 작동 동영상>

 

page 3 촬영 동영상

 

Comments