5. 회원 관련 페이지 제작
* 제작 시 고려해야 할 사항
- 회원 관련 페이지에는 로그인을 할 수 있는 페이지와 회원정보를 입력하는 페이지가 한 세트로 구성됩니다.
로그인 페이지는 아이디와 비밀번호를 입력하는 항목이 필수적으로 있어야 하며 회원정보 입력 사항은 기본정보와 필수정보로 나누어 디자인하는 것이 좋습니다. 또한 아이디/비밀번호 찾기 팝업창 및 우편번호 찾기 창을 별도로 디자인해야 합니다. 사이트의 성격이나 용도에 따라 다른 정보를 필요로 하는 경우도 있으므로 사이트 기획서에 맞추어 디자인하는 것이 중요합니다.
(1) 로그인 창 및 로그인 페이지 제작
- 먼저 적절한 크기의 서체를 사용하여 타이틀 이미지를 제작합니다.
- 타이틀 이미지 우측 부분에는 현재 위치를 나타내는 텍스트 이미지를 배치합니다.
- 로그인 창을 삽입할 부분의 가이드 라인과 구분 라인을 추가하여 배치합니다.
- 로그인과 연관성 있는 일러스트 아이콘 이미지와 적절한 크기의 서체를 조합한 타이틀 이미지를 제작하여 좌측에 배치합니다.
- 아이디와 패스워드를 입력할 수 있는 글 입력 상자와 「로그인」버튼을 제작한 후 우측에 배치합니다.
- 글 입력 상자와 로그인 버튼 이미지 아래 로그인 관련 설명 텍스트를 추가하여 배치합니다.
- 일러스트 아이콘과 적절한 크기의 서체를 조합하여 아사달 회원가입 혜택 관련 내용의 배너를 제작합니다.
- 회원가입 혜택 배너에 회원가입 페이지로 바로 이동할 수 있는 「회원가입하기」 버튼을 제작하여 로그인 창 아래에 배치합니다.
- 회원가입 혜택 배너와 동일한 방법으로 아이디/패스워드 분실 배너를 제작하여 회원가입 혜택 배너 아래에 배치하여 로그인 창 및 로그인 페이지 제작을 완성합니다.