위젯뱅크의 웹위젯은 각 서비스의 사이드바에 삽입되는 형식을 기본으로 합니다.
(사용자 이용에 따라 예외의 경우도 있습니다.)
위젯뱅크는 기본적으로 Daum 블로그 , 티스토리 ,Daum 카페를 지원하고 있으므로, 이를 위해서
각 서비스 사이드바 사이즈 사이에서 위젯이 유연하게 움직이며 정상적으로 작동해야 합니다.
위젯 권장 사이즈 : 가로 166px ~ 190px 사이에서 유연하게 움직일것
원형은 가로사이즈에 맞췄을때 더 커보이므로 기본 사이즈에서 20~40px 가량을 줄여 줍니다.
※ 이 사이즈 규정을 어겼을 경우 위젯뱅크 등록이 거절 될 수 있습니다.
위의 형태는 저희가 권장하는 위젯의 예제 형태 및 사이즈 입니다. 이런 형태 외에도 다양하고 재미있는 형태 의 위젯을 제작 해 보세요!
※ 위젯 우측 상단에는 “퍼가기” 버튼이 나타나는 위치 입니다. 가급적 해당위치에는 클릭이 되는 요소를 배치 하지 않으시길 바랍니다.
앞에서 정의한바와 같이 위젯의 사이즈는 최소 166px ~ 190px 사이에서 유연하게 움질일 필요가 있습니다.
그렇기 때문에 디자인 개발을 진행하실때도 유연하게 위젯의 사이즈가 움직이도록 주의해 주시기 바랍니다.
위젯의 모서리가 라운드 처리가 될 경우 모서리를 투명 처리 해 주시고 PNG 형식으로 저장, 나머지 형태는 GIF 형태로 저장하여 주시기 바라고, 크기가 사이드바 보다 작을 경우 (원형, 투명형) 중앙정렬로 위젯을 지정 해 주시면 더 보기 좋은 형태의 위젯이 제작 될 수 있습니다.
※ 색상이 있는 위젯일 경우 모서리 부분의 투명 처리를 꼭 해 주세요!
플래쉬로 제작된 위젯의 경우 위젯의 크기를 조절할때 위젯 가로 세로 비율이 지켜질 수 있도록 제작 해 주시고, 용량이 300k 이하가 되도록 처리해 주시기 바랍니다. 용량이 너무 클 경우, 서버및 위젯을 설치한 페이지에 부담이 있게 됩니다.
※ 플래쉬 용량은 반드시 300kb 이하로 제작해 주세요!
※ 플래쉬 안에서 다음과 같은 설정은 삼가주시기 바랍니다.
- stage.align
- stage.scaleMode
- stage.showDefaultContextMenu
- stage.quality
( HTML 마크업 설정이 가능하지만 충돌이 있을 경우, 가능한 플래시
소스 코드를 건드리지 않고 외부에서 조정하기 위한 목적)
위젯뱅크는 다양한 서비스를 지원함과 동시에 다양한 환경에서 위젯이 정상적으로 동작될 수 있도록 지원하고 있습니다.
그렇기 때문에 위젯을 제작하실때 위젯이 다양한 운영체제, 브라우저에서 작동이 되도록 제작해 주시기 바립니다.
좀 더 다양한 환경에서 제작하신 위젯이 작동하기 위하여 위젯뱅크는 아래의 브라우저를 필수 테스트 브라우저로 지정하여 알려 드리오니 반드시 아래의 환경에서 테스트를 해 주시기 바랍니다.
※ 권장 운영체제 : 마이크로소프트 윈도우 XP / VISTA / 2000 , 맥 leopard / OS X (필수)
※ 권장 브라우저 : 마이크로소프트 인터넷익스플로러 6/7 , 파이어폭스 2/3 (필수)
추천 브라우저 : Google 크롬 , Opera , Safari ( 필수 사항은 아니지만 테스트를 권장해 드립니다.)
위의 디자인 가이드에 맞춰 위젯 제작을 완료하셨나요?
필수 가이드 내역을 따르지 않은 부분이 있다면 위젯의 등록이 불가능 하오니, 아래의 체크리스트를 확인하시면서 마지막 위젯 테스트를 진행해 보세요!
| 영역 | 체크영역 |
|---|---|
| 크로스 브라우징 |
IE6 / IE7 에서 정상적으로 위젯이 작동하는가? FF2/ FF3 에서 정상적으로 위젯이 작동하는가? |
| 운영체제 |
Windows XP 하의 모든 브라우저에서 위젯이 정상적으로 작동하는가? Windows Vista 하의 모든 브라우저에서 위젯이 정상적으로 작동하는가? Mac FF2/FF3 에서 위젯이 정상적으로 작동하는가? |
| 데이터 송수신 |
위젯과 데이터 서버간의 정보갱신이 한시간 가량의 주기를 가지고 있는가? 충분한 트래픽을 감당할 수 있는가? (없는 경우 위젯뱅크로 파일이동 요청) |
| 용량 | 위젯의 용량이 너무 커 로딩시간이 오래걸리지는 않는가? 플래쉬를 이용한 위젯의 경우 300kb 이하인가? |
| 위젯크기 |
166px ~190px 사이에서 플렉서블하게 움직이고, 위젯 내용이 정상적으로 보이는가? 위젯의 가로폭을 줄였을때 말줄임 표시나, 줄바꿈이 정상적으로 이루어져 내용을 보는데 무리가 없는가? 위젯안의 텍스트들의 크기와 간격이 적절히 배치되어 있는가? 세로폭이 너무 길지는 않은가? |
| 스킨 |
스킨이 있는 위젯의 경우, 각 스킨 변환이 제대로 이루어 지는가? 스킨 외곽영역(특히 모서리) 부분이 투명 처리가 되어있는가? (라운드형 위젯일 경우 꼭 확인) 스킨 이미지 파일 로딩속도가 너무 느리지는 않은가? |
| 기타 |
검색창이 있는 위젯의 경우, 검색어가 정상적으로 입력이 되고 검색 되는가? (브라우저별 인코딩 확인) 퍼가기 버튼이 있는 우측 상단 영역에 클릭되는 요소들이 들어가 있나? 위젯안의 링크들이 정상적으로 연결이 되어 있는가? 입력설정이 있는 위젯의 경우 특수문자(@$%^ 등) 도 정상적으로 표시 되는가? 저작권이 있는 이미지 또는 음원등이 사용 되었는가? |
※ 표시 항목은 위젯제작 필수 항목 입니다. 반드시 이를 지켜 주시기 바랍니다.
