INTERPARK TICKET

Table of Contents

본가이드라인은인터파크티켓의브랜드이미지와

사용자의편의와퀄리티유지를위해제작된것으로

파트너사는가이드라인을충분히이해하고적용해주시길

권고드립니다.

본가이드라인적용시, 업데이트된최신본인지확인하여

사용하시기바랍니다.

CI 적용 가이드

공연소개 이미지 제작 가이드

배너 제작 가이드

포스터 해상도 가이드

참고 자료

01

02

03

v2016-1.1

인터파크티켓마케팅기획팀디자인파트제작2016.06.20 최초제작2016.07.01 최종수정

04

--

업데이트

준비중

업데이트

준비중

업데이트

INTERPARK TICKET

공연소개이미지제작 가이드

sizewidth: 700px

Height: 9000px 이하

이미지의 높이가 9000px을 초과할 경우

저사양의 모바일 기기에선 이미지 랜딩에

실패할 수 있습니다.

jpg/png 1 컷당 1 MB 이하

이미지는JPG, png 1컷 당 1MB를 넘기지 않으며,1MB 을 초과할 경우 분할하여 업로드합니다.

반드시 Save as for web으로 저장,기본 퀄리티는 80 이상으로 제작해야 합니다.

02 GOAL

한개의이미지를다양한플랫폼에서최적으로볼수있도록제작되어야합니다.

Width 700px Width 100% 02-01

INTERPARK TICKET

typo글자 사이즈 규정: 20px 이상

샘플로 제공된 이미지에는

네이버 나눔글꼴이 적용되어 있습니다.

http://hangeul.naver.com/2016/nanum

공연소개이미지제작 가이드

02 GOAL

한개의이미지를다양한플랫폼에서최적으로볼수있도록제작되어야합니다.

02-02

INTERPARK TICKET

NOT GOOD20px 이하의 폰트 사용으로

한눈에 읽기 불편합니다.

GOOD타이포 크기를 20px 이상 사용하여

모바일 기기에서도 잘 읽힙니다.

공연소개이미지제작 가이드

02 GOAL

한개의이미지를다양한플랫폼에서최적으로볼수있도록제작되어야합니다.

INTERPARK TICKET

contrast웹접근성 지침 규정과

컨텐츠의 가독성 유지를 위해

텍스트 명도대비 규정을 준수 합니다.

텍스트 콘텐츠와 배경 간의 명도대비는

4.5대 1 이상 유지

NOT GOOD GOOD

NOT GOOD GOOD

NOT GOOD GOOD

GOOD

GOOD

GOOD

공연소개이미지제작 가이드

02 GOAL

한개의이미지를다양한플랫폼에서최적으로볼수있도록제작되어야합니다.

02-03

INTERPARK TICKET

Colour Contrast Check Sitehttps://snook.ca/technical/colour_contrast/colour.html#fg=999999,bg=333333

Foreground Colour와 Background Colour 입력 비교로 Compliant 여부 체크

공연소개이미지제작 가이드

02 GOAL

한개의이미지를다양한플랫폼에서최적으로볼수있도록제작되어야합니다.

INTERPARK TICKET

effect효과는 가독성을 떨어뜨리지 않도록

배려하여 제작합니다.

공연소개이미지제작 가이드

02 GOAL

한개의이미지를다양한플랫폼에서최적으로볼수있도록제작되어야합니다.

02-04

INTERPARK TICKET

sizewidth: 800px ~

파일 형식: jpg/png

파일 용량: 100 kb 이하

가로너비(width) 800px 이하의 포스터는일부 노출 구역에서 이미지의 질이 떨어져 보일수 있습니다.

이미지는JPG, png 형식으로반드시 Save as for web(웹용)으로 저장,기본 퀄리티는 80 이상으로 제작해야 합니다.

300dpi의 인쇄용 이미지는 노출이 불가합니다.

Width 100%Width 100%

최저해상도이상으로제작된 포스터

최저해상도이하의작은이미지로제작된 포스터

포스터해상도가이드

04 GOAL

한개의이미지를다양한플랫폼에서최적으로볼수있도록제작되어야합니다.

04-01

INTERPARK TICKET

참고 자료해상도 기준

기본해상도

가로폭 디바이스

480px 스마트폰

800px 태블릿

1024px 넷북

1600px 데스크톱

스마트폰해상도 : 브라우저해상도의 2배

디바이스 해상도 브라우저 해상도

아이폰4, 4S 640*960 320*480

아이폰5(326ppi) 640 * 1136 320 * 568

아이폰6(326ppi) 750 * 1334 375 * 667

아이폰6 plus(401ppi) 1242 * 2208 414* 736

갤럭시 S3 720 * 1280 360 * 640

갤럭시 넥서스 720 * 1280 360 * 640

갤럭시 노트 800 * 1280 400 * 640

갤럭시 노트2 720 * 1280 360 * 640

갤럭시 노트4삼성 갤럭시 노트 엣지

1440 * 2560[1440+160] (Quad HD+) * 2560

720 * 1280

태블릿해상도

디바이스 해상도 브라우저 해상도

아이패드, 아이패드 미니 1024 * 768 1024 * 768

아이패드 레티나 1136 * 640 1136 * 640

넥서스 10 2560 * 1600 2560 * 1600

넥서스 7 1280 * 800 1280 * 800

서피스 1336 * 768 1336 * 768

갤럭시 Tab 7.7 LTE 1280 * 800 1280 * 800

구글 Device Metrics

구글에서 제공하는 디바이스별 스펙 정보.

기기정보 클릭 시 상세정보 확인

https://design.google.com/devices

iOSRES

아이폰, 아이패드, 애플워치 iOS 디바이스

의 상세 스펙 제공

http://iosres.com

SCREEN SIZES

스마트폰, 태블릿, 모니터 등 모든 디바이

스의 사이즈 정보 제공

http://screensiz.es/phone

INTERPARK TICKET

CI 적용 가이드

공연소개 이미지 제작 가이드

배너 제작 가이드

포스터 해상도 가이드

참고 자료

01

02

03

04

--

본 PDF 파일내기재된내용중

함께배포된샘플파일리스트입니다.

다운받아자료제작에활용해주세요.

감사합니다.

interpark_TICKET_guide_03_공연소개이미지제작_샘플a.PSD / 배포금지

참고 자료Sample file