웹개발 프로젝트 - 3. UI 디자인 완성

이번 시간에는 간단하게 디자인 해놨던 UI를 거의 완성하였다. 

 

전체적으로 배경은 이화그린, 텍스트 색상은 하얀색으로 하였다. 

메인화면은 낮 시간, 저녁 시간의 캠퍼스 사진으로 하여 시간에 따라 다르게 보이게 할 것이다.

시간표에 마우스오버했을 때 로컬 내비게이션 전체가 다 보이는 방식으로 디자인했다. 

특정 페이지에 들어있을 때 내비게이션 바는 이렇게 표현할 예정이다. 

 

 

강의실 페이지 

 

시간표 페이지 

전공별 교과과정 페이지는 iframe 을 사용하여 학교 홈페이지에 전공별 교과과정 보는 페이지를 넣을 것이다. 

필수교양정보 페이지에서는 각자 단과대학을 고르면 이수해야하는 필수교양에 대한 정보를 정리하여 보여준다. 

 

수강신청  페이지 

시간표를 만들 때 유용하게 사용할 수 있는 에브리타임의 마법사 기능을 활용하고 있지 못하는 학생들이 많아 어떻게 사용하는지 설명하는 페이지이다. 글 설명이 있고 모바일 스크린이 있다. 넥스트를 누르면 글과 함꼐 화면이 넘어가는 방식이다. 

수강신청 꿀팁 페이지는 Parallax Scrolling 방식으로 디자인하였다. 

스크롤을 내릴 때마다 각 4가지의 정보가 순차적으로 등장하는 형태일 것이다. 

 

 

수강신청 페이지 디자인을 마무리하고 만든 이 소개 페이지만 작성하면 디자인은 마무리될 것 같다.