Việc thiết kế ứng dụng iOS đôi khi có thể là một nhiệm vụ khó khăn, nhưng việc tìm kiếm thông tin chính xác và cập nhật về tất cả các thiết bị của Apple thì không nên như vậy

Việc thiết kế ứng dụng iOS đôi khi có thể là một nhiệm vụ khó khăn, nhưng việc tìm kiếm thông tin chính xác và cập nhật về tất cả các thiết bị của Apple thì không nên như vậy

Việc thiết kế ứng dụng iOS đôi khi có thể là một nhiệm vụ khó khăn, nhưng việc tìm kiếm thông tin chính xác và cập nhật về tất cả các thiết bị của Apple thì không nên như vậy

Văn phòng cho thuê tại TP-HCM  Hệ thống trên 8 chi nhánh tại các quận trung tâm, tòa nhà hạng A.
 Với hơn 20 tiện ích đầy đủ để sử dụng.
 Và Hơn 650,000 Doanh Nghiệp đã và đang đồng hành cùng chúng tôi.

Nguyên tắc thiết kế ứng dụng iOS

Việc thiết kế ứng dụng iOS đôi khi có thể là một nhiệm vụ khó khăn, nhưng việc tìm kiếm thông tin chính xác và cập nhật về tất cả các thiết bị của Apple thì không nên như vậy. Những nguyên tắc thiết kế này sẽ giúp bất kỳ nhà thiết kế nào muốn xây dựng những ứng dụng gọn gàng cho iOS có thể bắt đầu chỉ trong vòng vài giây.

Những nguyên tắc sau đây mô tả cách thiết kế các ứng dụng tuân theo HIG chính thức cho iOS của Apple, chứ không phải những gì bạn có thể làm với các tính năng kiểm soát tùy chỉnh. Mục đích của tài liệu này là hướng dẫn bạn những điều cơ bản, chứ không cung cấp giải pháp cho những vấn đề thiết kế phức tạp và độc đáo.

Độ phân giải và thông số kỹ thuật màn hình

Thiết bị Màn hình Retina Kích thước dọc (px) Kích thước ngang (px)
iPhone XS Max Retina HD 1242 x 2688 2688 x 1242
iPhone XR Retina 828 x 1792 1792 x 828
iPhone X, XS Retina HD 1125 x 2436 2436 x 1125
iPhone 6+, 6S+, 7+, 8+ Retina HD 1080 x 1920 1920 x 1080
iPhone 6, 6S, 7, 8 Retina 750 x 1334 1334 x 750
iPhone 5, 6SE (5, 5S, 5C, 6SE) Retina 640 x 1136 1136 x 640
iPhone 4 (4, 4S) Retina 640 x 960 960 x 640
iPhone (Thế hệ 1, 2 & 3) Không 320 x 480 480 x 320
iPad Air/Retina iPad (Thế hệ 1 & 2/3 & 4) Retina 1536 x 2048 2048 x 1536
iPad Pro (12.9" 2018) Retina 2048 x 2732 2732 x 2048
iPad Pro (11" 2018) Retina 1668 x 2388 2388 x 1668
iPad Pro thế hệ 1 (10.5") Retina 1668 x 2224 2224 x 1668
iPad Mini (Thế hệ thứ 2, 3 & 4) Retina 1536 x 2048 2048 x 1536
iPad (Mini, thế hệ 1 và 2) Không 768 x 1024 1024 x 768

Sự khác biệt giữa Point và Pixel

Pixel là yếu tố vật lý nhỏ nhất mà ta có thể kiểm soát trên màn hình kỹ thuật số. Càng nhiều pixel xuất hiện trên một kích thước màn hình cụ thể, PPI (pixel per inch) càng cao và nội dung được hiển thị càng rõ ràng.

Point là một đơn vị đo độc lập với độ phân giải. Tùy thuộc vào mật độ pixel màn hình, một point có thể chứa nhiều pixel (ví dụ, 1pt chứa 2 x 2pixel trên màn hình retina thông thường).

Khi thiết kế ứng dụng cho các loại màn hình khác nhau, bạn nên suy nghĩ dựa theo point, nhưng thiết kế bằng pixel. Điều này có nghĩa là bạn vẫn sẽ cần xuất tất cả asset của mình theo 3 độ phân giải khác nhau, bất kể bạn đang thiết kế ứng dụng nào, ở độ phân giải bao nhiêu.

Chú thích:

Nếu không được chú thích thêm (bằng cách thêm px vào một giá trị), thì hướng dẫn này luôn đề cập đến point khi nói đến các kích thước cụ thể. Nếu bạn cần giá trị tính bằng pixel, chỉ cần nhân 2 cho màn hình Retina hoặc 3 cho màn hình Retina HD.

Thiết bị Độ phân giải asset PPI Kích thước màn hình
iPhone XS Max @3x 458 6.5″
iPhone XR @2x 326 6.1″
iPhone X, XS @3x 458 5.8″
iPhone 6+, 6S+, 7+, 8+ @3x 401 5.5″
iPhone 6, 6S, 7, 8 @2x 326 4.7″
iPhone 5, 6SE (5, 5S, 5C, 6SE) @2x 326 4.0″
iPhone 4 (4, 4S) @2x 326 3.5″
iPhone (Thế hệ 1, 2 & 3) @1x 163 3.5″
iPad Pro (12.9" 2018) @2x 264 12.9″
iPad Pro (11" 2018) @2x 264 11″
iPad Pro tthế hệ 1 (10.5") @2x 264 10.5″
iPad Air/Retina iPad (Thế hệ 1 & 2/3 & 4) @2x 264 9.7″
iPad Mini (Thế hệ thứ 2, 3 & 4) @2x 326 7.9″
iPad Mini (Thế hệ thứ 1) @1x 163 7.9″
iPad (Thế hệ thứ 1 & 2) @1x 132 9.7″

Các bài viết khác...

NHÂN SỐ HỌC
NHÂN SỐ HỌC
bộ môn do nhà toán học Pythagoras đã nghiên cứu và phát triển từ khoảng 2.600 năm trước.
Chủ nghĩa trọng thương là gì?
Chủ nghĩa trọng thương là gì?
Chủ nghĩa trọng thương là học thuyết kinh tế đầu tiên đã đưa ra những lý luận cơ bản trong quá trình phát triển của chủ nghĩa tư bản nhằm tạo tiền đề cho sự phát triển của nền sản xuất hàng hóa
Lợi thế cạnh tranh là gì?
Lợi thế cạnh tranh là gì?
Lợi thế cạnh tranh là yếu tố quan trọng giúp doanh nghiệp trở nên nổi bật hơn hẳn đối thủ cạnh tranh của mình trên thị trường
Tự chế siêu xe Lamborghini cho con bằng máy in 3D, ông bố được gửi tặn..
Tự chế siêu xe Lamborghini cho con bằng máy in 3D, ông bố được gửi tặn..
Tự chế siêu xe Lamborghini cho con bằng máy in 3D, ông bố được gửi tặng luôn một chiếc Aventador S mới cứng nhân dịp Giáng sinh
Ám thị - Trạng thái bản ngã trong giao tiếp
Ám thị - Trạng thái bản ngã trong giao tiếp
Ám thị - Trạng thái bản ngã trong giao tiếp
Ngôn ngữ là phương tiện giao tiếp chủ yếu của con người
Ngôn ngữ là phương tiện giao tiếp chủ yếu của con người
Ngôn ngữ là phương tiện giao tiếp chủ yếu của con người, bằng ngôn ngữ con người có thể truyền đi bất cứ một loại thông tin nào, như diễn tả tình cảm, ám chỉ, miêu tả sự vật.
Khi bạn liệt kê tất cả chi phí cố định và thay đổi hàng tháng, từ tiền
Khi bạn liệt kê tất cả chi phí cố định và thay đổi hàng tháng, từ tiền
Khi bạn liệt kê tất cả chi phí cố định và thay đổi hàng tháng, từ tiền thuê nhà, ăn uống, đến tập gym... thì chúng không được vượt quá thu nhập hàng tháng,
Cũng giống như những sản phẩm khác, muốn bán được dịch vụ cho thuê văn
Cũng giống như những sản phẩm khác, muốn bán được dịch vụ cho thuê văn
Cũng giống như những sản phẩm khác, muốn bán được dịch vụ cho thuê văn phòng, các nhà đầu tư kinh doanh trong lĩnh vực này muốn kinh doanh hiệu quả,
Đó là một nguyên tắc cổ điển. Nếu bạn từng học môn marketing, bạn chắc hẳn đã được học về điều này
Đó là một nguyên tắc cổ điển. Nếu bạn từng học môn marketing, bạn chắc hẳn đã được học về điều này
Đó là một nguyên tắc cổ điển. Nếu bạn từng học môn marketing, bạn chắc hẳn đã được học về điều này. Tuy nhiên, khi áp dụng vào thực tế, bạn thường quên nguyên tắc này. Bạn không coi trọng việc nghiên cứu
 Các loại nền kinh tế chính tham khảo
 Microsoft Visual C++ là gì? Có cần thiết trên PC?
 Ứng dụng SPSS cho nghiên cứu học thuật
 Power BI là gì? Tại sao nên sử dụng Power BI?
 Sự đặc biệt của ngân hàng và các rủi ro tiềm ẩn
 Neuralink – startup công nghệ thần kinh do Elon Musk đồng sáng lập.
 ChatGPT và vấn đề cải thiện công việc
 STRESS - KHÔNG ĐƠN GIẢN CHỈ LÀ CĂNG THẲNG
 Top 4 con giáp đổi vận bất ngờ, giàu có liên tục trong 3 năm tới
 3 chòm sao luôn sống ngay thẳng, nói không với nịnh hót
 Chat Generative Pre-training Transformer ChatGPT
 Khi Lý Thuyết Không Là Màu Xám (Nobel Kinh tế 2022).
 MỒ HÔI TRỘM LÀ GÌ? - ẢNH HƯỞNG TỚI TRẺ RA SAO?
 TRẺ BIẾNG ĂN NÊN BỔ SUNG GÌ
 Nguyên tắc thiết kế ứng dụng iOS
 Thiết kế giao diện trong iOS (Bài 3)
 Tạo ứng dụng iOS đầu tiên (Bài 2)
 Tổng quan về lập trình iOS (Bài 1)
 Xử lý sự kiện trong iOS (Bài 4)
 9 Cách thu hút khách hàng trên facebook mới nhất
 Tổng trị giá xuất, nhập khẩu Việt Nam Q1/2022 đạt 176,75 tỷ USD
 2 NGUYÊN TẮC CHỌN NGHỀ CHO CON MÀ BA MẸ CẦN BIẾT
 KHÔNG CẦN CON HỌC QUÁ GIỎI NHƯNG HÃY LÀ NGƯỜI CÓ TƯ DUY
 Vàng và Bit coin Đâu là lựa chọn tốt hơn để đầu tư ?
 Thoát khỏi cảnh bế tắc hoặc lựa chọn dẫn doanh nghiệp của bạn vào con đường phá sản!
 Vì sao trẻ nhỏ thiếu TẬP TRUNG kém CHÚ Ý
 CÁCH CHƠI RUBIK 3X3 DỄ HIỂU NHẤT CHO NGƯỜI MỚI
 TÁC ĐỘNG CỦA DỊCH COVID-19 ĐẾN CÁC NHÓM NGÀNH
 Paralympic Tokyo: Siêu nhân Lê Văn Công giành HCB cử tạ
 Đa dạng sinh học của VQG Pù Mát
 Gửi tiết kiệm tiền mặt chính là điều tồi tệ nhất mà bạn làm
 Các tỷ phú thế giới kiếm thêm 1.900 tỷ USD trong năm 2020
 10 nơi làm việc nào tốt nhất Việt Nam mùa Covid-19
 Thị trường mục tiêu
 Nguồn Vốn FDI
 Lộ trình tắt sóng điện thoại "cục gạch"
 Nguồn Vốn FDI Phần 2
 Top 10 doanh nghiệp có môi trường làm việc tốt nhất Việt Nam 2019
 TOP THƯƠNG HIỆU GIÀY NAM NỔI TIẾNG ĐƯỢC ƯA CHUỘNG NHẤT HIỆN NAY (PHẦN 1)
 Top 10 thương hiệu nón kết nam cao cấp trên thị trường
 Khách vay vùng lũ được ngân hàng miễn giảm lãi, cơ cấu nợ
 Các chuyên gia về bão của Mỹ dự báo mùa bão cực mạnh
 Phát hiện 900 ngôi mộ cổ gần Đại Vận Hà
 Tìm về làng nghề đan bàng ở Huế
 Hàng mây tre ở Huế
 Chiến lược Marketing cho những sản phẩm "sinh sau đẻ muộn"
 Lá thường xuân, cam thảo, bách bộ, hoàng kỳ… hỗ trợ giảm ho, đàm, viêm
 Bill Gates đọc rất nhiều sách – khoảng 50 cuốn mỗi năm (tức mỗi tuần 1
 Sức khoẻ cho thai phụ làm việc văn phòng - Các yếu tố có thể tác động
 Sức khỏe cho thai phụ làm việc văn phòng