UIUX

Kích thước thiết kế màn hình cho iPhone 15, 15 Pro và 15 Pro Max

17:10 08 Tháng 10, 23 131 phút đọc
Kích thước thiết kế màn hình cho iPhone 15, 15 Pro và 15 Pro Max
Ảnh: Interfase
Với việc ra mắt dòng điện thoại iPhone 15 mới, Apple đã đưa ra hướng dẫn kích thước màn hình mới cho các nhà thiết kế. Trong khi dòng 15 Pro và 15 Pro Max vẫn giữ nguyên, mẫu 15 và 15 Plus lại có một vài điều chỉnh so với thế hệ trước.

Apple đã chính thức ra mắt mẫu điện thoại iPhone 15 mới của hãng vào đầu tháng 9 vừa qua. Dòng sản phẩm năm nay vẫn được phát hành với 4 phiên bản gồm 15, 15 Plus, 15 Pro và 15 Pro Max. So với thế hệ trước, Apple đã có một vài điều chỉnh về kích thước màn hình và điều này sẽ khiến có các nhà thiết kế cần phải lưu ý một số điểm.

Dưới đây là bảng tổng hợp được các tỉ lệ màn hình và kích thước thiết kế cho các mẫu điện thoại, máy tính bảng và cả đồng hồ thông minh đã ra mắt của Apple.

iPhone

iPhone 15 Pro Max

iPhone 15 Pro

iPhone 15 Plus

iPhone 15

430x932 pt

1290x2796 px

393x852 pt

1179x2556 px

430x932 pt

1290x2796 px

393x852 pt

1179x2556 px

iPhone 14 Pro Max

iPhone 14 Pro

iPhone 14 Plus

iPhone 14

430x932 pt

1290x2796 px 

393x852 pt

1179x2556 px

428x926 pt 

428x926 pt 

390x844 pt

1170x2532 px

iPhone 13 Pro Max

iPhone 13 Pro

iPhone 13

iPhone 13 mini

428x926 pt

1284x2778 px

390x844 pt

1170x2532 px

390x844 pt

1170x2532 px

375x812 pt

1125x2436 px

iPhone 12 Pro Max

iPhone 12 Pro

iPhone 12

iPhone 12 mini

428x926 pt

1284x2778 px

390x844 pt

1170x2532 px

390x844 pt

1170x2532 px

375x812 pt

1125x2436 px

iPhone 11 Pro Max

iPhone 11 Pro

iPhone 11

414x896 pt

1242x2688 px

375x812 pt

1125x2436 px 

414x896 pt

828x1792 px

iPhone XS Max

iPhone XS

iPhone XR

iPhone X

414x896 pt

1242x2688 px

375x812 pt

1125x2436 px

414x896 pt

828x1792 px

375x812 pt

1125x2436 px

iPhone 8 Plus

iPhone 8

414x736 pt

1080x1920 px

375x667 pt

750x1334 px

iPhone 7 Plus

iPhone 7

414x736 pt

1080x1920 px

375x667 pt

750x1334 px

iPhone 6s Plus

iPhone 6s

iPhone 6 Plus

iPhone 6

414x736 pt

1080x1920 px

375x667 pt

750x1334 px

414x736 pt

1080x1920 px

375x667 pt

750x1334 px

iPhone SE 4.7 inch

iPhone SE 4 inch

375x667 pt

50x1334 px

320x568 pt

640x1136 px

Được tài trợ

iPad

iPad Pro 12.9

 iPad Pro 11

iPad Pro 10.5

iPad Pro 9.7

1024x1366 pt

2048x2732 px

834x1194 pt

1668x2388 px

834x1194 pt

1668x2388 px

768x1024 pt

1536x2048 px

iPad Air 10.5

iPad Air 9.7

iPad mini 7.9

834x1112 pt

1668x2224 px

768x1024 pt

1536x2048 px

768x1024 pt

1536x2048 px

iPad 10.2

iPad 9.7

810x1080 pt

1620x2160 px

768x1024 pt

1536x2048 px

Apple Watch

Apple Watch Ultra 1, 2

49mm

410x502 px

Apple Watch 7

45mm

396x484 px

41mm

352x430 px

Apple Watch 4, 5, 6, and SE

44mm

368x484 px

40mm

324x394 px

Apple Watch 1, 2, and 3

42mm

312x390 px

38mm

272x340 px
Kích thước thiết kế màn hình cho iPhone 15, 15 Pro và 15 Pro Max
Bài viết thực hiện bởi Interfase.
Sao chép liên kết
Đọc trên Google News
Khám phá thêm bài viết thuộc thư mục UIUX

Bài viết liên quan

Google tiếp tục mang giao diện Material Design 3 tới nhiều ứng dụng/ trang web của công ty
UIUX 27/02

Google tiếp tục mang giao diện Material Design 3 tới nhiều ứng dụng/ trang web của công ty

Gần đây, Google tiếp tục tích cực triển khai kế hoạch làm mới các thành phần trang web/ ứng dụng của công ty bằng việc đưa giao diện Material Design 3 hiện đại vào trong các thiết kế.
Giao diện đẹp mắt sẽ khiến người dùng bỏ qua một số khó chịu về trải nghiệm
UIUX • Interience

Giao diện đẹp mắt sẽ khiến người dùng bỏ qua một số khó chịu về trải nghiệm

23/02
Kiểm thử khả năng sử dụng (Usability Testing) là gì?
UIUX • Interience 21/02

Kiểm thử khả năng sử dụng (Usability Testing) là gì?

Trong mô hình trải nghiệm người dùng, các nhà thiết kế giao diện thường ít khi thực hiện đầy đủ quy trình này do tính quy mô của dự án tuy nhiên việc nắm bắt được khái niệm và cách thức triển khai Usability Testing vẫn là yếu tố tích cực giúp UX trở nên thân thiện hơn.
Những phần mềm tương tự Figma mà nhà thiết kế giao diện người dùng có thể thử
UIUX • Interience

Những phần mềm tương tự Figma mà nhà thiết kế giao diện người dùng có thể thử

12/02
Vận dụng định luật Miller trong thiết kế trải nghiệm người dùng
UIUX • Interience 28/01

Vận dụng định luật Miller trong thiết kế trải nghiệm người dùng

Định luật Miller cho phép các nhà thiết kế vận dụng trong việc làm tăng khả năng ghi nhớ cũng như truyền tải thông tin một cách hiệu quả, chính xác hơn tới người dùng của họ, thông qua việc đưa ra số lượng thông tin hợp lý trên một phạm vi cụ thể
Những thư viện kiểu chữ miễn phí cho cả mục đích sử dụng thương mại
Graphic • UIUX

Những thư viện kiểu chữ miễn phí cho cả mục đích sử dụng thương mại

24/01
Quy tắc 60-30-10 trong sử dụng màu sắc của thiết kế giao diện là gì?
UIUX • Interience 15/01

Quy tắc 60-30-10 trong sử dụng màu sắc của thiết kế giao diện là gì?

Trong hầu hết các lĩnh vực của thiết kế, quy tắc 60-30-10 vẫn được xem là kim chỉ nam trong việc vận dụng màu sắc để giúp tạo điểm nhấn cũng như mang cá tính cho sản phẩm. Và với thiết kế giao diện hiện đại, quy tắc này vẫn có khả năng phát huy tối đa sự cần thiết để mang đến một sản phẩm hoàn thiện, tinh giản và ấn tượng.
Bauhaus trong giao diện người dùng: Sự phá cách tinh tế, tối giản mang nét hoài cổ bắt mắt
UIUX • Interience

Bauhaus trong giao diện người dùng: Sự phá cách tinh tế, tối giản mang nét hoài cổ bắt mắt

09/01
[email protected]
Chính sách dữ liệu Chính sách quảng cáo

Phát triển bởi Cinematone.info. Vận hành bởi Interfase.info.

Nội dung đang được tải...

{{title}}

{{type}}