UI 스타일 가이드 작성

UI 스타일 가이드 작성

① 구동환경 정의	컴퓨터 OS, 웹브라우저, 모니터 해상도, 프레임 세트 등을 사용 환경에 적합하도록 규정하는 단계
② 레이아웃 정의	화면 구조를 정의하고 각 영역의 메뉴를 구성하는 단계 레이아웃 영역에는 Top, Left, Contents, Footer Area가 있음. 기본적으로 Top, Left, Contents 영역으로 구성 - 상단 메뉴(Top Area) : 필수 영역으로 시스템 전체 페이지에 동일하게 적용 - 좌측 메뉴(Left Area) : 선택 영역으로 시스템별 서브 페이지에 선택적으로 적용 - 내용 구성(Contents Area) : 필수 영역으로 시스템의 전체 콘셉트를 나타내는 메인 이미지와 시스템별로 필요한 콘텐츠를 표시 - 하단 메뉴(Footer Area) : 선택 영역으로 회사 상황에 따라 표시 여부를 결정
③ 네비게이션 정의	네비게이션의 메뉴 타입을 선택해 적용하는 단계 네비게이션은 사용자가 원하는 정보를 빠르게 찾을 수 있도록 안내하는 것으로 메뉴, 버튼, 링크 등으로 구성
④ 활동사항 정의	시스템에 적용할 업무 과정에서 일어나는 모든 활동이나 필요한 데이터 간의 관계 등을 논리적인 모델로 상세화하는 단계
⑤ 구성요소 정의	화면에 표시할 그리드나 버튼 등을 정의하는 단계