정렬
|
 |
기준정렬은 좌측이고 일부 항목은 가이드의 기준에 따른다. |
|
모든 데이터는 고정 폭인 240 x 320 Px내에 포함되도록 한다. |
| - |
중요 내용은 고정폭 안에 위치하도록 한다. |
|
Frame (* Web방식)
|
|
Frame 분할 시 1 frame (top frame + main frame) 을 표준으로 하며 제한된 가로폭으로 left frame + main frame은 사용을 안한다. |
| - |
빠른 페이지 로딩 속도 |
| - |
화면 구성 용이 |
| - |
간결한 프레임 구조를 구현 |
| - |
maintenance 용이
* 시각적으로는 되도록 Frame 구분 못하도록 함. (Frame border 숨김)
|
|
Loading
|
|
Loading 시간을 최소화 할 수 있도록 화면 설계 |
|
Loading 속도가 길기 때문에 Loading 상태 표시 |
|
Loading시 사용 요금 부가의 부담을 줄이기 위한 Loading취소 버튼 제공 |
|
Data scrolling
|
|
Header area영역에서의 scroll은 절대 금지 |
|
Contents의 분량과 구성에 따라 contents area에 가로, 세로 scroll 생길 수 있으나 가로 scroll은 최대한 배제 |
|
Contents Area내에서 Scrolling은 가능한 2페이지 분량을 넘지 않도록 하며, 2장이 넘어갈 경우 페이지를 나눠서 설계함 |
| - |
해당 페이지의 기으 버튼을 상 하단에 설계해 불필요한 상단으로의 이동을 최소화 한다. |
|
사용자의 직접적인 정보 입력 방식 보다는 보기를 통한 정보 선택 방식을 주로 사용 |
| - |
선택버튼, drop-down메뉴 구성, pop-up창 활용 |
|
Keyboard
|
|
화면 하단의 키보드와 메뉴 영역을 고려하여 레이아웃 적용 |
|
스타일러스 펜을 이용한 키보드 입력 시 입력화면과 키보드 동시 확인 가능하도록 구성 |
|
키보드 입력 시 자동적 Keyboard 뜨도록 설계 |
| - |
컨텐츠 입력시 자동 커서 이동 가능 설계 |
|
Title
|
|
C/S 방식 : 상단 타이틀 바 - "System 명"으로 적용한다. |
|
Web 방식 : 상단 브라우져 - "Site 명" 으로 적용한다. |
|
Rollover
|
|
롤오버 효과의 적용은 필수사항은 아니나, 사용성의 인터랙션 증진의 측면에서 사용을 권장한다. |
|
그래픽 이미지에 롤오버 효과를 적용하고자 할 때는 표준에서 제시된 규정을 따르거나 표준에서 제시되지 않은 부분은 자율적으로 적용할 수 있다. |
|
Image 사용
|
|
그래픽 적용시 용량과 속도를 고려해 사용한다. (56k/sec 기준) |
|
초기 화면은 White color의 배경이 기본이나 적절한 이미지의 사용으로 사이트의 이미지를 부각시킬 수 있다. |
|
초기화면을 제외한 모든 화면의 배경 색상은 White가 기본이며 이미지를 사용할 수 없다. |
|
이미지는 GIF 포맷을 기본으로 한다. |
|
사진 이미지(photography)는 JPG 포맷을 사용을 원칙으로 하며,
단순한 색상 톤을 가지는 이미지의 경우 GIF 파일 포맷으로 저장하도록 한다.(파일 크기에 대한 테스트 필요) |
|
같은 크기의 파일이라 하더라도 파일의 갯수에 따라 전송 속도가 달라지므로 갯수를 최대한 조절 한다. |
|
이미지 사용 시, 저작권 관련 문제가 발생하지 않도록 이미지 선택시 주의한다. |
|
일러스트 아이콘의 경우 동일한 스타일로 일관되게 제작하여야 한다. |
|
photography의 경우, 과도하게 합성된 이미지의 사용을 자제하도록 하고 간결하고 명확하게 사이트나 페이지의 컨셉을 전달할 수 있는 이미지를 제작한다. |
|
