UI 표준

UI 표준

: 디자인 철학과 원칙 기반 하에 전체 시스템에 공통으로 적용되는 화면 간 이동, 화면구성 등에 관한 규약

 

UI 표준 구성

- 전체적인 UX 원칙

- 정책 및 철학

- UI 스타일 가이드

- UI 패턴 모델 정의

- UI 표준 수립을 위한 조직 구성

 

* UX(User Experience): 사람의 감정이나 경험을 나타내는 개념

* UI(User Interface): 사용자 인터페이스, CLI가 대표적인 예시

 

UI 스타일 가이드 구성

: 시스템이 지켜야 할 UI 요소 정의와 화면설계원칙을 제시

1) UI 구동 환경 정의: OS, 웹 브라우저, 모니터 해상도, 프레임 세트를 확인

2) 레이아웃정의: 상단(Top), 왼쪽(Left), 콘텐츠(Contents)영역의 3개 부분으로 설계 / 하단 메뉴 구성은 상황에 맞게 추가 및 제외

3) 메뉴 내비게이션 정의

4) 기능 및 구성요소 정의: 화면 구성 요소에 대한 기능과 세부 UI 화면 구성요소 정의

- 그리드타입: 테이블 형태로 UI 구성

- 버튼/컨트롤 타입: 기능 버튼, 검색 버튼 등 다양한 형태로 구분 제작

- page 요소: 폰트, 아이콘, 체크박스/라디오 버튼 등

- 팝업 요소: 윈도 팝업, ,레이어 팝업

- Alert 요소

 

UI 패턴 모델 정의

- CRUD 방식을 기반

- 업무 화면 클라이언트 정의, 서버 컨트롤러 정의 등