2021.10.21 개발 일지 (웰컴 화면, 로그인 및 회원가입 화면 디자인 수정)

최근 한달간 자소서와 포트폴리오를 작성하느라 프로젝트 개발을 많이 못한 듯 하다😅

이번 학기 내에는 웹 메신저 프로젝트를 끝낼 수 있도록 다시 열심히 개발해야겠다.

 

주요 기능 자체는 거의 완성이 되어서 그동안 제대로 고려하지 못했던 디자인을 손대기로 했다.

먼저 웹 사이트 전체 폰트는 Google Fonts(https://fonts.google.com/)에 있는 Noto Sans를 적용했다.

 

웰컴 화면, 로그인 화면, 회원가입 화면을 꾸미기 위해 어떤 배경을 넣을지 고민하다가

무난하게 그라데이션 배경으로 선택했다.

 

https://www.gradient-animator.com/

위 사이트에서 색상, 속도, 그라데이션 적용 방향 등을 선택하면 자동으로 코드를 생성해준다. 매우 편리함!

 

웰컴 화면, 그라데이션 애니메이션이 적용된 배경

배경은 기존 사이트와 유사하게 푸른 계열의 그라데이션을 넣었고

배경 텍스트와 버튼 배경을 흰색으로 변경했다.

 

 

로그인과 회원가입 화면도 마찬가지로 수정했는데 폼 양식은 흰 배경을 줬다.

 

 

 

배경 애니메이션을 영상으로 녹화했다ㅋㅋ 뭔가 볼수록 힐링되는 느낌...

 

웹 프론트엔드 개발자가 되기 위해 디자인 감각을 키우는게 필요하다고 생각해서

프로젝트 진행하면서 UI/UX에 대한 고민을 스스로 많이 해봐야겠다.