Material Design
https://material.io/tools/devices/
현재 존재하는 디바이스의 사이즈와 해상도가 잘 정리되어 있슴
스마트폰 해상도, 화면비율 제타위키 바로가기 ->
1 해상도 목록[편집]
- 해상도 단위는 픽셀(px)
화소수 | 해상도 | 화면비율 | 삼성 | LG | 애플 | 구글 |
---|---|---|---|---|---|---|
153,600 | 320 × 480 | 2:3 | 옵티머스1 | 아이폰3 | ||
384,000 | 480 × 800 | 3:5 | 갤럭시S1 갤럭시S2 | 넥서스S 넥서스One | ||
614,400 | 640 × 960 | 2:3 | 아이폰4 | |||
727,040 | 640 × 1136 | 9:16 | 아이폰5 | |||
786,432 | 768 × 1024 | 3:4 | 옵티머스뷰 | 아이패드1 아이패드2 아이패드미니 | ||
921,600 | 720 × 1280 | 9:16 | 갤럭시S2 HD 갤럭시S3 갤노트2 | 옵티머스G | 갤럭시넥서스 | |
983,040 | 768 × 1280 | 3:5 | 넥서스4 | |||
1,000,500 | 750 × 1334 | 9:16 | 아이폰6 아이폰6S 아이폰7 아이폰8 | |||
1,024,000 | 800 × 1280 | 10:16 | 갤럭시탭10.1 갤노트1 | G패드10.1 | 넥서스7 | |
2,073,600 | 1080 × 1920 | 9:16 | 갤럭시S4 갤럭시S5 갤노트3 | 옵티머스G프로 G2 | 아이폰6+ 아이폰6S+ 아이폰7+ 아이폰8+ | 넥서스5 Pixel |
2,304,000 | 1200 × 1920 | 10:16 | G패드8.3 | 넥서스7(2013) | ||
2,740,500 | 1125 × 2436 | 9:19.5 | 아이폰X | |||
3,145,728 | 1536 × 2048 | 3:4 | 아이패드미니레티나 아이패드에어2 | |||
3,686,400 | 1440 × 2560 | 9:16 | 갤럭시S5광대역LTE-A 갤럭시S6 갤럭시S7 갤노트4 갤노트5 갤노트7 | G3 G4 G5 V10 V20 | Pixel XL | |
4,096,000 | 1600 × 2560 | 10:16 | 갤럭시탭S 갤럭시노트10.1(2014) 갤럭시노트프로12.2 | 넥서스10 | ||
4,147,200 | 1440 × 2880 | 9:18 | G6 V30 | |||
4,262,400 | 1440 × 2960 | 9:18.5 | 갤럭시S8 갤럭시S8+ 갤노트8 | |||
4,377,600 | 1440 × 3040 | 9:19 | 갤럭시S10 갤럭시S10+ | |||
4,492,800 | 1440 × 3120 | 9:19.5 | G7 V40 | |||
5,595,136 | 2048 × 2732 | 3:4 | 아이패드프로 |
2 화면비율[편집]
화면비율 | 추세 | 대표사례 |
---|---|---|
3:4 | ★ | 1536 × 2048(아이패드3, 아이패드4) 2048 × 2732(아이패드프로) |
2:3 | 640 × 960(아이폰4) 320 × 480(아이폰3, 옵1) | |
10:16 | ★ | 1600 × 2560(갤탭S, 넥10) 1200 × 1920(G패드8.3, 넥7) |
3:5 | 768 × 1280(넥4) 480 × 800(갤1, 갤2, 넥S, 넥원) | |
9:16 | ★★★ | 1440 × 2560(갤6, 갤7, 갤노4, 갤노5, G3, G4, G5, 픽셀XL) 1080 × 1920(갤4, 갤5, 갤노3, 옵G프로, G2, 넥5, 아이폰6, 픽셀) |
9:18 | ★★ | 1440 × 2880(G6, V30,픽셀2XL,레이저,원플러스5T,Q6,홍미5플러스) |
9:18.5 | ★ | 1440 × 2960(갤8,갤8+,갤8액티브,갤노트8,A8 2018) |
9:19 | 1440 × 3040(갤10,갤10+) | |
9:19.5 | 1125 × 2436(아이폰X), 1440 × 3120(G7, V40) |
'{Design}' 카테고리의 다른 글
2019년 그래픽 디자인 트렌드 Top 5 (0) | 2019.04.01 |
---|---|
2019 디자인 트렌드 가이드 (0) | 2019.03.22 |
웹디자인 스타일 가이드 웹사이트 7 (0) | 2018.04.13 |
40 Best HTML5 Dashboard Template and Admin Panel 2016 (0) | 2017.01.11 |
2014 웹디자인 트렌드 - 심플한 미니멀리즘 웹디자인 사이트 25 (0) | 2014.05.13 |
댓글