UIDev Guideline

템플릿 소스

서비스 템플릿

섹션 템플릿 소스	[2005] 유관서비스 有 \| 유관서비스 無 [2003] 광고 有 (2단) \| 광고 有 (3단) \| 2003 공통UI개선.ppt
공통 UI 개선의 필요성	1. 채널Top 비중강화 => 현재 일반섹션과 UI동일한 UI를 채널Top의 비중을 강화하여 차별화 2. 별도브랜드 : D&Shop, 큐브 => 별도브랜드서비스의 특성을 살리되, Daum과의 일관성을 보여줄수 있는 방안 모색 3. 광고사이즈 통일로 광고 플랫폼 가치 극대화
UI 공통요소	1. MiniDaum (BGcolor변동 가능) : 가이드 확인 후 요청 2. Daum로고 + 섹션명 3. 배너
UI정책가이드	1. 화면 정렬 : 시작점 일치, 왼쪽정렬 2. 광고사이즈 : - 카테고리 TOP용 광고사이즈를 제작 (400110) => Sub와의 차별화 - Sub는 모두 59070 으로 통일 (우측공간은 Text광고영역으로 활용) 3. status bar : - 59070 배너 아래에 위치 - 추후 사용자 조사 결과를 바탕으로 Status 유지, 개선 or 삭제 등의 정책을 결정하여 적용하는 것으로 진행. - 서비스의 Top에는 status bar 적용되지 않고 무조건 depth 2 (SubTop) 부터 적용. 금융 적용 예: ① depth 1: 금융플라자 Top : status bar 없음 ② depth 2: 증권 Top : 금융플라자 > 증권 ③ depth 3: 투자정보 : 금융플라자 > 증권 > 투자정보 * 운세 적용 예: ① depth 1: 운세 Top : status bar 없음 ② depth 2: 사주/궁합 : 운세 > 사주/궁합 ③ depth 3: 평생사주 : 운세 > 사주/궁합 > 평생사주 4. 자료제공 : 왼쪽 메뉴 하단 - CP 로고 사이즈 : 85*20, file size : 1k미만 - 회색 테두리 1픽셀은 템플릿 소스에서 표시 ( style="border: #BCBCBC solid 1px;") - non-animated GIF , 링크 Target : _blank 5. Daum로고 + 섹션명 오른쪽 공간 : 각 서비스 인벤토리로 활용
주력서비스	1. 한메일넷, 카페, 검색, 교육, 여성, 금융,폰세상,미디어 다음 등 8개 섹션 2. 구성요소: 미니다음, Daum로고 + 섹션명, 섹션별 슬로건, 배너광고 3. 공통요소를 제외한 부분은 자유롭게 구성 4. 주력서비스 Top / Sub 차별화 - Daum로고 + 섹션명 사이즈 차별 - 슬로건 사이즈 차별 - 광고 사이즈 차별
일반 서비스	1. 주력서비스를 제외한 섹션 2. 구성요소: 미니다음, Daum로고 + 섹션명, 배너광고 (※ 일반 섹션에서는 섹션별 슬로건 빠짐) 3. 탑, 서브페이지 동일한 구성