Design

1) 색상

1) 분기별 색상

사용자가 학과 장부를 열람하고 관리하는 메인 페이지에서 분기 별로 해당 계절의 분위기를 느낄 수 있게 하였다. 분기를 구분하여 장부를 확인한다는 PKSCL의 장점을 부각시키고, 장부 열람을 할 때에 사용자가 계절감을 느낌으로서 행사의 기억을 회상하도록 돕는 역할도 하였다.

하지만 계절의 특성만을 고려하다보면 각 분기마다 이질감이 들수도 있다는 생각이 들었다. 이 점을 고려하여 색을 지정하는 분기 color 변수마다의 채도나 명도는 비슷하게 함으로써 전체적인 색감은 어우러지게 하였다.

❑ 1분기 (spring)

❑ 2분기 (summer)

❑ 3분기 (autumn)

❑ 4분기 (winter)

2) 메인 색상

사용자가 회원가입 및 로그인을 하는 AccessPage와 학생 및 학과 list 관리를 하는 managementPage에서는 온라인 장부의 특성을 살리면서도 분기별 색상과 겹치지 않기 위해서 심혈을 기울여 색을 정했다. 심리학적으로 볼 때 보라색은 외향적 심리를 나타내는 빨강과 구심적 심리를 나타내는 파랑이 혼합된 색으로서, 색상 자체만으로 고귀함, 세련됨 등의 이미지를 줌과 동시에 심신이 피로할 때 무의식적으로 찾게 되는 치유의 색이라고 한다. 이렇게 단정하면서도 편안하게 느껴지는 보라색의 특성이 온라인 장부가 추구하는 목적과 상응하다고 판단하였기에 첫 페이지의 메인 색으로 보라색 계열의 색상을 톺아냈다.

2) 글꼴

❑ 기본 글꼴

: 폰트는 웹사이트의 디자인 전체적인 느낌을 정의하고 온라인 장부의 identity를 형성하는데 가장 중요한 요소라고 생각했기 때문에 오랜 시간 고심한 끝에 결정을 했다. 사용자에게 온라인 장부라는 딱딱하면서도 깔끔한 이미지를 전달함과 동시에 모든 페이지에서 사용되기 때문에 가독성이 좋아야 한다는 두가지 사항을 고려했다. 이렇게 해서 정해진 Work Sans는 사용자들이 익숙하게 여기는 머리글 글꼴로 산세리프의 대표적인 글꼴이다.