슬라이드 1

Size: px

Start display at page:

Download "슬라이드 1"

현철 우
6 years ago
Views:

1 메인관련배너가이드 ( 메인중앙와이드 / 메인왼쪽날개 / 메인상단 / 브랜딩보드 / 메인팝언더 )

2 공통제작가이드 1. Gmarket 의광고상품은 페이지에서참조하십시오. 2. Gmarket 이제작된광고물을검토하고기준에맞지않을경우, 수정을요청할수있으며, 담당자결정에따릅니다. 3. 사용불가안 - 광고템플릿의액션스크립트 / 사이즈 / 기본디자인변경불가 - 특수문자는사용불가

3 1 중앙와이드배너 1. 중앙와이드배너 -사이즈 : 558 * 파일형식 : gif / jpg / swf - 용량 : 40KB 이하 - Border 없음 - 메인 swf( 로드무비포함 ) 는 CPU 점유율 50% 이하필수 -로드무비는별도의제작가이드참고 중앙와이드배너 ( 썸네일 ) 2. 중앙와이드배너 - 썸네일 중앙와이드배너 - 사이즈 : 200*26 ( 첨부 psd 참조 ) - Onmouseover : 윤고딕 strong / 사이즈 11.5px Bold / 자갂-5 / 장평 98% / 폰트컬러 # Onmouseout : 윤고딕 strong / 사이즈 11.5px / 자갂-5 / 장평 98% / 폰트컬러 # 글자수제한 : title 12 -배경색없음 26 px 이벤트의모티브나중요혜택으로사용되는오브젝트방식의이미지사용 30 px

4 10~15px 1 중앙와이드배너 1. 디자인가이드 - 상품이미지가포함될경우상품이미지는 3 개이하로제한 메인카피 ( 강조 ) + 서브카피 상품및이미지영역 ( 단상품이미지 3 개이하 ) - 브랜드이미지 ( 해당이벤트 ) 와적합한 Tone & Manner 권장 -타이틀이시작되는상단여백 (10~15px), 좌우여백 (15~20px) 권장 - 타이틀은메인카피 ( 강조 ) + 서브카피 or 혜택형태권장 -폰트는한글 2종류 / 영문 2종류이상사용자제 -화면의타이틀, 이미지, 여백의 1:1:1 비율권장 -지나칚장식적요소의사용자제 15~20px 15~20px ( 예 : 과도한빛처리 / 날리는쿠폰 / 의미없는작은문장등 ) [ 예시 ]

5 [ 예시 ]

6 [ 예시 ]

7 [ 예시 ]

8 1 제한요소 베너제작시사용자제요청요소들 강한색상의사용제한 ( 베너사이즈확장으로지나치게강한색상의배경은오히려전체적인조화를무너트릴수있습니다. ) 과도한장식적요소제한 ( 과도한장식적요소들의사용은배너의복잡성을증가시켜 전체적인조화를무너트릴수있습니다.) 균형감이부족한구조제한 ( 단독상품을노출할경우구조의안정성을위해메인카피를 왼쪽에상품을오른쪽에노출하는것이안정적입니다 )

9 1 제한요소 베너제작시사용자제요청요소들 이미지와카피의비율및그룹핑 ( 이미지와텍스트가적절히그룹핑되어있지않으면주목성이떨어지고, 텍스트의비율이너무클경우오히려가독성을잃게됩니다. )

10 - 메인우측상단배너 2 메인우측상단배너 메인우측상단 1. 기본가이드 -사이즈 : 225*65 - 파일형식 : gif ( 단 gif 애니메이션금지 ) - 파일용량 : 15KB 이하 - Border 없음

11 - 메인우측상단배너 2 메인우측상단배너 px 1 80*65 사이즈 : 이미지 사이즈 80*65 130px 2. 메인카피 Rix 고딕 EB / 사이즈 14px / 자간 -10 ( 글자수에따라조정가능 ) / # * 글자수는지정된영역 (105px) 을넘지않도록한다. 3. 서브카피 Rix 고딕 EB / 사이즈 11px / # * 글자수는지정된영역 (130px) 을넘지않도록한다. - 배경테두리없음 - 배경색은없음 - 예시된배너의글자수를넘지않는다.

12 3 메인좌측날개배너 1. 기본가이드 메인날개배너 - 기본사이즈 : 83*184 - 파일형식 : jpg - 파일용량 : 35KB 이하 - 테두리없음 - 로드무비는별도의제작가이드참고

13 4 우측브랜딩보드 1. 기본가이드 -기본사이즈: 190*160 -광고형태 : 일반이미지 / 확장형플래시광고 -파일형식 : gif/jpg/swf -사용폰트 : Rix정굴림 B/ 사이즈 20px, 12px / 행갂15px / 폰트컬러 #FFFFFF / Effects Outer Glow Univers (T1)-67 Bold / 사이즈 20px / 폰트컬러 #03d4fb Rix정굴림 B / 사이즈 11px / 폰트컬러 #FFFFFF / 우측브랜딩보드 - 배경색고정 Opacity 50% - 확장형플래시광고인경우다음장의상세참고

$4 우측브랜딩보드 1 2 [ 연결 URL 링크버튼 ] on(release){ geturl( javascript:link_go() ); } [ 확장배너보기버튼 ] on(release){$

14 4 우측브랜딩보드 1 2 [ 연결 URL 링크버튼 ] on(release){ geturl( javascript:link_go() ); } [ 확장배너보기버튼 ] on(release){ geturl( javascript:brandadview() ); } [ 사이즈 ] 190*160 ~ 260*160 확장형의배너에서액션이미지범위는 260 까지가능

15 4 우측브랜딩보드 1 [ 연결 URL 링크버튼 ] on(release){ geturl( javascript:link2_go() ); } 2 2 [ 닫기버튼 ] on(release){ geturl( javascript:brandadclose() ); } 1 [ 사이즈 ] 960*398

4 우측브랜딩보드 확장형플래시광고제작가이드 260 190 [ 확장사이즈 ] 우측배너에서액션을취했을경우열리는대형사이즈배너 (1) 기본사이즈 190*160, 우측으로빠지는이미지의경우최대 260*160 까지늘일수있음.

16 4 우측브랜딩보드 확장형플래시광고제작가이드 [ 확장사이즈 ] 우측배너에서액션을취했을경우열리는대형사이즈배너 (1) 기본사이즈 190*160, 우측으로빠지는이미지의경우최대 260*160 까지늘일수있음. (2) 확장형사이즈 190* * [ 가이드 ] - 파일형식 : FLA & SWF 함께전달 - 용량 : 최대 300KB ( 기본배너 / 확장배너동일 ) - 동영상 : 3M 이하 - 배경삽입가능, 테두리삽입불가 - 우측배너액션및확장방식, close 버튺, 라이브러리내의동영상스트리밍바이미지수정불가 - 테두리및배너영역내모션에대해서는제한없음 - 소재의퀄리티가일정수준이상되어야함 (G 마켓판단 ) - 배너검수는전시일기준 D-3 일진행 (G 서비스기획팀 ) - ( 로드무비포함하여 ) CPU 점유율총 50% 이상넘지않도록제작 - 과도한 gif 효과와플래시제작시, 프레임속도가너무빠른과도한액션스크립트나화면전홖스포트라이트효과는자제 - font 의경우깨지지않도록이미지처리 (break apart)g 함 - 배경색이흰색일경우배경색과구별되는 1pixel 의테두리적용 - 용량이클경우담당자와협의하여로드무비로진행가능

17 - 메인팝언더배너 5 메인팝언더배너 팝언더 1. 기본가이드 -사이즈 : 340*130 - 파일형식 : gif / jpg ( 단 gif 애니메이션금지 ) - 파일용량 : 35KB 이하 - Border 없음

- 메인탑배너 5 메인팝언더배너 1. 텍스트형 2 3 4 5 1 140*110 사이즈 : 340*130 1. 이미지사이즈 140*110 2. 카피 1 Rix고딕 B / 사이즈 13px / 자간-75/ 폰트컬러 #666666 3.

18 - 메인탑배너 5 메인팝언더배너 1. 텍스트형 *110 사이즈 : 340* 이미지사이즈 140* 카피 1 Rix고딕 B / 사이즈 13px / 자간-75/ 폰트컬러 # 카피 2 Rix 고딕 B / 사이즈 32px / 자간 -75/ 폰트컬러자유 (Effects - Gradient Overlay 사용가능 ) 4. 카피 3 Rix 고딕 B / 사이즈 18px / 자간 -75/ 폰트컬러 # 카피 4 Rix 고딕 B / 사이즈 11px / 자간 -100/ 폰트컬러자유 - 배경테두리없음 - 배경색은명도를낮춰서제작 - 예시된배너의글자수를넘지않는다.

- 메인탑배너 5 메인팝언더배너 2. 로고이미지형 2 1 사이즈 : 340*130 3 4 140*110 1. 이미지사이즈 140*110 2. 로고이미지 height = 10px 이내로제작 3.

19 - 메인탑배너 5 메인팝언더배너 2. 로고이미지형 2 1 사이즈 : 340* * 이미지사이즈 140* 로고이미지 height = 10px 이내로제작 3. 카피 1 자유형식 - 단, 폰트는고딕체만사용가능 / 기울임금지 4. 카피 2 Rix 고딕 B / 사이즈 11px / 자간 -100/ 폰트컬러자유 - 배경테두리없음 - 배경색은명도를낮춰서제작 - 예시된배너의글자수를넘지않는다.

20 6 공통 / 로드무비 1. 공통기본가이드 - 사운드 : 삽입불가 - 테두리 : 배경이흰색일경우테두리필수 - 특이사항 1. 업종제한있음 (g 마켓판단 ) 2. 소재의퀄리티가일정수준이상되어야함 3. 소재는반드시집행 2 일전에 g 마켓에전달 4. 집행전소재컨펌필수 5. 메인중앙 / 메인좌측 / 메인상단 / 메인날개소재는같은소재를 1 주일이상게재불가 (1 주이상게재시주별로소재전달 ) 6. 메인중앙 / 메인좌측 / 메인날개일반적인경우컴퓨터사양을기준으로 ( 로드무비포함하여 ) CPU 점유율총 50% 이상넘지않도록제작합니다. 7. 과도한 gif 효과와플래시제작시, 프레임속도가너무빠른과도한액션스크립트나화면전홖스포트라이트효과는자제합니다. - 버튺처리 : on (release) { geturl("javascript:link_go()"); }

6 공통 / 로드무비 1. 로드무비기본가이드 - 파일규칙 : 파일은 http://... 방식으로절대경로를지정해주셔야합니다. - 파일구성 : 1. 1번파일각광고상품의가이드용량이내 ( 메인은 40kb 이내 / 총120kb)/ 총 100kb이내 2. 2번, 3번은균등분할 - 공통준수사항 1. 플래시배너의경우소스file(*.

21 6 공통 / 로드무비 1. 로드무비기본가이드 - 파일규칙 : 파일은 방식으로절대경로를지정해주셔야합니다. - 파일구성 : 1. 1번파일각광고상품의가이드용량이내 ( 메인은 40kb 이내 / 총120kb)/ 총 100kb이내 2. 2번, 3번은균등분할 - 공통준수사항 1. 플래시배너의경우소스file(*.fla) 과소재파일 (*.swf) 을함께전달하여야합니다. 2. font 의경우깨지지않도록이미지처리 (break apart) 를합니다. 3. sound를사용할경우 off값을기본으로적용한다. 4. 배경색이흰색일경우배경색과구별되는 1pixel의테두리를적용합니다. 5. 용량이클경우담당자와협의하여로드무비로진행할수있습니다. 자제합니다.

22 검색관련배너가이드 ( 검색왼쪽날개 / 검색좌측상단 )

23 1 검색왼쪽날개배너 검색날개배너 1. 기본가이드 - 사이즈 : 83* 파일형식 : gif / jpg / swf - 용량 : 30KB 이하 -테두리없음 - 로드무비는별도의제작가이드참고

24 2 검색상단배너 검색상단배너 1. 기본가이드 -사이즈 : 150 * 35 - 파일형식 : gif ( 단 gif 애니메이션금지 ) - 용량 : 10KB 이하 - 텍스트는 2줄까지이며이미지는우측 1/3 영역으로배치함 - 테두리및배경색없음 - 추천폰트메인카피 : 윤고딕 550 / 사이즈 12px / 자갂-25 / 폰트컬러 #0b56aa 서브카피 : 윤고딕 530 / 사이즈 10.5px / 자갂-50 / 폰트컬러 #666666

25 3 키워드테마샵배너 이미지형 1. 기본가이드 멀티배너 A 형 멀티배너 B 형 -사이즈 : 이미지형 : 838 x 138 멀티배너 A형 : 주배너 609 x 138 / 부배너 223 x 67 멀티배너 B형 : 주배너 527 x 138 / 부배너 150 x 파일형식 : Jpg - 용량 : 40KB 이하 - border : 없음 - 외부링크불가

26 기타배너가이드 ( 로그인 / 이벤트홈 / 내쿠폰함 / 공통 )

27 1 로그인배너 로그인배너 1. 기본가이드 -사이즈 : 325 * 파일형식 : swf / gif - 용량 : 40KB 이하 - Border 없음 - 메인 swf( 로드무비포함 ) 는 CPU 점유율 50% 이하필수 - 로드무비는별도의제작가이드참고

28 2 로그아웃배너 로그아웃배너 1. 기본가이드 -사이즈 : 325 * 파일형식 : swf / gif - 용량 : 40KB 이하 - Border 없음 - 메인 swf( 로드무비포함 ) 는 CPU 점유율 50% 이하필수 - 로드무비는별도의제작가이드참고

29 3 이벤트홈날개배너 이벤트홈 날개배너 1. 기본가이드 - 사이즈 : 83* 파일형식 : gif / jpg / swf - 용량 : 30KB 이하 - 테두리없음 - 로드무비는별도의제작가이드참고

30 4 기타상단배너 기타상단배너 1. 기본가이드 -사이즈 : 150 * 35 - 파일형식 : gif ( 단 gif 애니메이션금지 ) - 용량 : 10KB 이하 - 텍스트는 2줄까지이며이미지는우측 1/3 영역으로배치함 - 테두리및배경색없음 - 추천폰트메인카피 : 윤고딕 550 / 사이즈 12px / 자갂-25 / 폰트컬러 #0b56aa 서브카피 : 윤고딕 530 / 사이즈 10.5px / 자갂-50 / 폰트컬러 #666666

31 5 카테고리페이지 - 플로팅배너 1. 기본가이드 - 사이즈 : 100 x 100 ( 원형이미지는 90 x 90) - 파일형식 : gif ( 단 gif 애니메이션금지 ) 플로팅배너 - 용량 : 30KB 이하 - 테두리및배경색없음 - 닫기버튺영역을제외하고디자인작업

32 6 검색페이지 ( 키워드그룹 ) 플로팅배너 1. 기본가이드 플로팅배너 - 사이즈 : 100 x 100 ( 원형이미지는 90 x 90) - 파일형식 : gif ( 단 gif 애니메이션금지 ) - 용량 : 30KB 이하 - 테두리및배경색없음 - 닫기버튺영역을제외하고디자인작업

mobile_guide_SA

mobile_guide_SA 네이버 모바일배너 모바일 네트워트 GUIDE AD GUIDE Version 1.0 03. 적용위치 04. Appendix 목차 네이버 모바일배너 개요 1. 텍스트형 광고 2. 이미지형 광고 3. 롤링형 광고 네이버 모바일배너 개요 1. 텍스트형 광고 2. 이미지형 광고 3. 롤링형 광고 01/03 네이버 모바일배너 개요 네이버 모바일배너는 네이버 모바일 서비스