디자인 컨셉 및 기능 정의

UI/UX 컨셉 설정 및 기능 정의

타겟 설정

UI(User Interface)와 UX(User Experience Design)를 설계하기 전에 먼저 주 사용자 연령층 및 소속을 설정한다. 주 사용자 연령은 대학생이며 소속은 세종대 학교이다. 주 사용자들이 무엇을 선호하는지에 대하여 조사를 실시하여, 주 타 겟 사용자가 편리하도록 설계한다.

기기 설정

본 프로젝트가 실행될 수 있는 기기 환경을 조사하여 이에 맞추어 반응형 웹을 제작한다. 본 프로젝트는 웹을 대상으로 한 프로젝트이므로 사용 디스플레 이 화면비율 빈도수를 조사한다. 조사 대상은 PC, 태블릿, 모바일기기를 대상으로 진행한다.

[ PC 조사결과 2018.10 ~ 2019.10 ]

[ 태블릿 조사결과 2018.10 ~ 2019.10 ]

[ 모바일 조사결과 2018.10 ~ 2019.10 ]

조사결과에 따라서 본 프로젝트는 다양한 기준에도 정상적으로 작동을 위해서 가로길이 1200px을 기준으로 PC 와 태블릿, 모바일을 구분한다.

또한 PC 화면에서도 가로길이를 1080px인 레이아웃을 지향하는 디자인을 채택한다. 모바일 디스플레이와 같은 경우에는 PC에 비해서 상대적으로 크기가 작으므로 불필요 한 컴포넌트를 표시하지 않는 쪽을 지향하는 디자인을 채택한다.

색상 선택

세종대학교 소속 사람들을 대상으로 한 프로젝트인 만큼 세종대학교 주 컬러를 강조색상으로 사용한다. 배경 컬러는 주 컬러와 대비되는 색을 두어서 주 색상을 더욱 강조한다.

또한 본 프로젝트는 화면을 텍스트가 다수의 비율로 차지하고 있으므로, 텍스트가 사용자에게 읽히기 쉽게 설계를 한다. 이를 위해서 배경 색과 텍스트 사이의 대비가 높게 한다. 이렇게 선택된 색상은 다음과 같다.