크리에이티브 디자인 요약
버전 1.0
개정 히스토리
목차
크리에이티브 디자인 요약 소개
목적이 문서는 대학 스포츠 페이징 시스템의 사용자 인터페이스(UI)를 디자인할 때 사용할 표준에 대해 설명합니다. 범위이 문서는 웹 사이트에서 사용하는 모든 UI 요소에 대해 설명합니다. 정의, 두문자어 및 약어용어집을 참조하십시오. 참조개요
스포츠 페이징 서비스 웹 사이트의 시각적 요소는 WebNewsOnLine의 현재 웹 상태와 일관성을 유지하도록 맞춥니다. 이 사이트는 페이징 서비스에서 필요한 개인화 및 사용자 정의를 추가합니다. 일반적으로 현재 WebNewsOnLine 사이트의 룩앤필을 유지합니다. 이 서비스에서 필요한 추가사항에는 로그인 화면, 사용자 프로파일 편집, 사용자 정의 링크 목록 및 이전 페이지 히스토리 유지보수가 포함됩니다. 사이트
기능(분위기)에 대한 시각적 지원
이 사이트의 분위기는 현재 뉴스 사이트의 분위기를 따릅니다. 페이징 서비스의 핵심은 스포츠 뉴스와 경기 득점이므로 해당 모드는 온라인 뉴스 웹 사이트를 모델링합니다. 우선순위는 플래시 비주얼 디자인에 대한 컨텐츠입니다. 전체적인 분위기는 보수적이며 흰색 배경, 검은색 serif 텍스트, 뉴스 기사와 사진이 포함된 컬럼, 사용자 프로파일 정보와 페이징 히스토리에 대한 링크 목록을 제공하는 표로 구성됩니다. 색상 체계 결정
웹 사이트에서 제공하는 메시지에 색상을 추가해야 합니다. 보수 성향의 전문 사이트에서는 단정한 분위기의 중간색을 사용해야 합니다. 밝거나 따뜻한 색상을 사용하여 내용을 강조할 수 있습니다. 페이징 사이트에서는 기본 웹 사이트에 지정된 동일한 색상표를 사용합니다. 그림 1 - 웹 사이트 색상표 색상은 또한 페이징 등록자 홈 페이지의 중요 항목을 강조표시하는 데 사용됩니다. 링크는 사이트 전체에서 사용되는 표준 파란색을 나타냅니다. 모든 본문 텍스트는 검은색이며 표 표제는 여러 배경색에 흰색으로 표시됩니다. 글꼴 및 화면 이동
페이징 서비스 웹 사이트의 글꼴 및 화면 이동 동작은 WebNewsOnLine 웹 사이트와 같습니다. 읽기에 편하도록 대부분의 텍스트에는 serif 글꼴을 사용합니다. 페이지 너비는 수평 방향으로 화면 이동하지 않고 640x480 화면에 맞도록 제한됩니다. 따라서 사용자는 화면을 아래 위로 이동하여 컨텐츠를 봅니다. 뉴스 기사는 일반적으로 필요에 따라 한 화면에서 수직 공간에 표시됩니다. 사이트 탐색 및 페이지
레이아웃
최대 페이지 너비는 600픽셀이며 왼쪽 사이드바에 수평 공간의 약 20%가 할당됩니다. 나머지 80%는 본문 영역에 할당됩니다. 배너 섹션에는 로고, 배너 광고 및 뉴스 웹 사이트의 주 섹션에 대한 링크가 포함됩니다. 그림 2 - 페이지 레이아웃 표준 사이드바에는 페이징 서비스 웹 사이트에 대한 서브링크가 포함됩니다. 사용자는 이 링크를 사용하여 해당 홈 페이지로 되돌아가거나 최신 기사 및 득점 게시물로 이동할 수 있습니다. 본문 섹션의 바닥글에는 보다 많은 배너 광고가 포함됩니다. 그래픽 표준
페이징 사이트 방문자는 T1 라인에서부터 28.8 모뎀에 이르기까지 다양한 속도로 연결됩니다. 사이트는 최소한의 사진과 기타 그래픽 이미지를 사용하여 빠르게 로드되도록 디자인됩니다. 각 페이지에서는 주 로고, 페이지 헤더 및 광고 이외에 소수의 그래픽 이미지만 사용됩니다. 뉴스 기사에는 하나 또는 두 개의 사진만 포함할 수 있습니다. 이 사이트에서는 JavaScript 롤오버 또는 애니메이션을 사용하지 않습니다(배너 광고에 포함된 애니메이션 제외). 따라서 다운로드 속도가 빠르고 해당 웹 사이트가 이전 또는 새로운 브라우저와 호환될 수 있습니다. 브라우저, 프레임 및 기타
표준
사이트 방문자는 Netscape Navigator, Internet Explorer 및 기타 상업적으로 사용 가능한 웹 브라우저를 사용합니다. 다양한 브라우저 버전이 지원되지만 일반적으로 3.0 버전 이상을 사용합니다. 사이트에서 사용하는 HTML 코드 및 레이아웃 기법은 HTML 3.0 이상을 지원하는 대부분의 브라우저를 지원합니다. 스포츠 페이징 웹 사이트에서는 프레임을 사용하지 않습니다. 새 링크를 선택하면 전체 화면이 완전히 새로 로드됩니다. 이 동작은 웹 사이트와 일치합니다. 웹 지원 색상표를 선택함으로써 플랫폼, 브라우저 및 화면 색상 체계에 관계 없이 동일한 모양을 유지할 수 있습니다. 개인화 요소
등록자 페이지의 맨 위 섹션은 등록자 이름을 포함한 환영 문구로 구성됩니다. 이를 통해 사용자가 올바르게 로그인할 수 있으며 화면 정보를 사용자에 맞게 정의할 수 있습니다. 두 번째 요소는 마지막 페이지의 날짜 및 시간을 나타내는 헤더입니다. 이 헤더는 홈 페이지 화면의 컨텐츠와 해당 날짜 및 시간에 받은 페이지와의 관계를 나타냅니다. 페이징 서비스의 두 가지 주요 요소는 뉴스 기사와 경기 득점입니다. 이러한 두 가지 요소는 사용자 홈 페이지에서 표로 그룹화할 수 있습니다. 이 표에는 헤드라인 및 득점 보고서와 함께 전체 뉴스 기사 및 경기 보고서에 대한 링크가 포함됩니다. 등록자 홈 페이지 맨 아래에는 이전 페이지 정보에 액세스할 수 있도록 최신 페이지 링크에 대한 표가 제공됩니다. 이 목록의 내용이 많아지면 "페이지 모두 보기"에 대한 링크가 추가됩니다. 이 링크는 전체 페이지 링크 목록과 함께 다른 페이지로 보냅니다. 결론
스포츠 페이징 서비스의 시각적 디자인은 웹 사이트와 동일합니다. 사이트의 룩앤필은 쉽게 읽고 탐색할 수 있으며 빠르게 다운로드할 수 있는 기능에 중점을 둔 뉴스 및 컨텐츠 중심 사이트로 구성됩니다. 방문자는 고속 T1 라인에서 저속 모뎀까지 다양한 속도로 연결되므로 그래픽은 최소 규모로 유지해야 합니다. 사용된 HTML은 일반적으로 사용되는 브라우저의 3.0 버전까지 모두 호환됩니다. 등록자의 홈 페이지는 화면에서 개인화된 요소 또는 단위로 구성됩니다. 이러한 요소에는 환영 메시지, 뉴스 헤드라인 및 경기 득점 링크와, 마지막 페이지 링크가 포함됩니다. 이러한 화면의 배너 광고는 또한 등록자 환경 설정에 따라 사용자 정의될 수 있습니다. Copyright 1987 - 2003 Rational Software Corporation |