[해상도] 모바일 사이즈 가이드

 

 

 

 

모바일 해상도 사이즈 가이드

스마트폰의 보급이 확산되고 무수히 많은 제조사들의 합의가 이뤄지지않은 해상도 덕분에 디바이스의 사이즈가 어마무시하게 다양해지고 있는데요~
이런 디바이스 문제로 인해 디자이너들은 사이즈 별로 디자인 작업을 따로 하거나 반응형으로 디자인을 하고 있습니다.

 

(아하하하...해상도가 다 재각각이야...아하하...다 달라...하하하하하...하하하)

 

그래서 오늘은 저 처럼 다양한 디바이스 해상도로 인해서 고생하는 디자이너분들을 위해서 "모바일 작업 사이즈" 및 해상도, 팁을 정리해 보려고 합니다.

 

* 아이콘 사이즈(정사각형)

-안드로이드 : 36px, 48px, 72px, 76px, 96px, 144px, 512px

-아이폰 : 29px, 57px, 58px, 80px 114px 120px, 1024px

 

* 반응형 작업 시 시안 사이즈

-데스크탑 : 정책에 따른 사이즈로 작업.

 (일반적으로 1280px를 많이 쓴다고 생각하지만 저는 최소기준으로 1024px을 잡고 작업합니다.)

-태블릿 : 768*1024, 1024*768

-모바일 : 가로 640px

 (해상도가 높은 디바이스가 많지만, 아직까지는 보편적으로 640px을 사용)

 

 

브랜드	디스플레이(비율)	해상도	모델명
apple	HVGA (3:2)	320*480	iPone 3GS
	RETINA (3:2)	640*960	iPone 4 / iPone 4S
	RETINA (16:9)	640*1136	iPone 5
	HVGA (3:2)	768*1024	iPad / iPad2 / iPad mini
	RETINA (4:3)	1536*2048	new iPad
갤럭시	WVGA (16:10)	480*800	갤럭시S / 갤럭시U / 갤럭시K / 갤럭시A / 갤럭시S2 / 갤럭시S2 LTE
	HD (16:9)	720*1280	갤럭시S2 LTE HD / 갤럭시S3 / 갤럭시 tab
	WXGA	800*1280	갤럭시note / 갤럭시 tab2
옵티머스/베가	WVGA (16:10)	480*800	옵티머스 / 옵티머스Z / 옵티머스Q / 베가레이서 / 베가X / 미라크
	HVGA (16:10)	480*800	옵티머스 마하 / 베가 / 베가 시리우스 / 미라크A
	.	768*1024	옵티머스 뷰
	.	768*1024	옵티머스 G
	HVGA (3:2)	320*480	옵티머스 원 / 안드로1 / 스마트볼
기타	.	480*854	엑스페리아 X10
	.	240*320	소니에릭슨 X10 미니 / X10 미니 프로
	HVGA (3:2)	320*480	모토믹스
	WVGA	480*854	모토로이 / 모토쿼티 /모토그램 /디파이
	.	480*800	디자이어 / 디자이어HD / 넥서스원 / 센세이션티
	HD (16:9)	540*960	KT Tech 야누스 / EVO 4G+ / Rider / 모토로라 아트릭스 / Droid RAZR M / RAZR XT9105(K) / ATRIX MB860(861)
	FULL HD (16:9) NATURAL IPS PRO	1080*1920	베가 NO.6 / J Butterfly
	WQXGA (16:10) HD PLS	1600*2560	넥서스 10

 

※ 위에 표는 예전에 서치하다가 봤던 내용인데 어떤 블로그였는지 기억이 안나네요 ㅠ_ㅠ)