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...

12 Ý tưởng cải tiến công việc đối với CÁ NHÂN và DOANH NGHIỆP
12 Ý tưởng cải tiến công việc đối với CÁ NHÂN và DOANH NGHIỆP
Cải tiến cách thực hiện công việc giúp mỗi cá nhân và doanh nghiệp ngày càng phát triển mạnh mẽ hơn
Sinh trắc vân tay, khám phá tiềm năng vượt trội của bạn
Sinh trắc vân tay, khám phá tiềm năng vượt trội của bạn
Khám phá tâm lý tính cách qua Sinh Trắc Học Dấu Vân Tay. Nhằm phát hiện và tạo điều kiện để trẻ có thể phát triển đúng khả năng của mình.làm thế nào để trẻ thấu hiểu và giáo dục trẻ đúng cách hãy liên hệ chúng tôi : 0907 971 184
Cấp  tín dụng thời hậu covid-19
Cấp tín dụng thời hậu covid-19
Cho thuê văn phòng ảo tại các tòa nhà trung tâm quận 1, tp.hcm
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
Đó 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
Đó 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
 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
 Mistakes New Network Marketers Make
 5 cách đơn giản giảm đau lưng
 Làm việc nhà giúp bạn giảm cân
 Chăm sóc da khi làm việc nhiều với máy tính
 Những thói quen tốt cho sức khoẻ : ăn sáng đầy đủ - bữa tối ăn ít - kh
 Bệnh dân văn phòng - Sức khoẻ và làm đẹp - Dân văn phòng ngồi nhiều bệ
 Bí quyết sức khoẻ - Bí quyết sức khoẻ tuyệt hảo : Sữa Ong Chúa Tươi Ng
 Bí quyết giữ sức khỏe cho "dân" văn phòng
 Khắc phục 8 chứng bệnh dân văn phòng hay gặp
 Dịch vụ sửa chữa nhà chung cư, gia đình Hà Nội
 Dịch vụ sửa chữa nhà
 Siêu thị ngừng bán sản phẩm Vedan
 RSS NguoiLaoDong
 Biệt thự nhà vườn sinh thái đẳng cấp châu Âu