table of contentsticketimage.interpark.com › ticketimage › ticket... · 1024px 넷북 1600px...
Post on 09-Jun-2020
2 Views
Preview:
TRANSCRIPT
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
top related