it-swarm-vi.com

Kích thước màn hình nhỏ nhất bạn thiết kế là gì

Tôi đang tìm cách làm cho trang web của mình phản hồi nhanh, tuy nhiên đây là bước đột phá đầu tiên của tôi vào thiết kế đáp ứng và hiện tại tôi khá là không biết gì.

Tôi không biết trạng thái chơi hiện tại liên quan đến kích thước màn hình cho điện thoại, máy chơi game cầm tay và cộng sự, vì vậy tôi đánh giá cao một số lời khuyên về những thiết bị nhỏ nhất mà bạn hiện đang thiết kế (tính bằng pixel). Tôi biết rằng có nhiều biến số hơn nó nhưng nó sẽ là một sự khởi đầu.

69
John

Kích thước màn hình nhỏ nhất bạn thiết kế là gì

320px

Nhưng, như những người khác đã trả lời, để có kết quả tốt nhất, bạn thực sự cần đo lường đối tượng của mình và xem xét bạn muốn đổ bao nhiêu tài nguyên để làm cho trang web/ứng dụng của bạn hoạt động cho <0,1% người dùng dưới ngưỡng độ rộng màn hình xác định của bạn.

Tuy nhiên, điều đó nói rằng, trừ khi bạn đang chạy một trang web/ứng dụng tối nghĩa cho màn hình đơn sắc 60px được nhúng, về cơ bản, mỗi người dùng của bạn sẽ có hỗ trợ chiều rộng màn hình của thiết bị với chiều rộng tối thiểu 320px. Chúng tôi đã sử dụng số này làm ngưỡng của chúng tôi và đã không có bất kỳ phản hồi tiêu cực nào về nó.

(nguồn)

33
John Weisz

Trước hết, vì đó là của bạn trang web, đừng đoán; biết !

Nó rất đơn giản. Nếu bạn chưa có, hãy thêm Google Analytics vào trang web của bạn (MIỄN PHÍ) =.

Từ đó, bạn thực sự có thể thấy những gì Thiết bị di động , Trình duyệt , [~ # ~] os [~ # ~] , Độ phân giải màn hình , vv mà khách truy cập của bạn sử dụng.

Cuối cùng, sau khi bạn có những gì bạn cho là đủ dữ liệu, hãy đưa ra quyết định về độ phân giải bạn muốn dịch thành các truy vấn phương tiện CSS cho trang web mới responsive.

31
Code Maverick

Có các giới hạn thực tế ở hai đầu của kích thước màn hình IRT max và min phổ.

Những gì có thể thay đổi từ dự án để dự án. Tuy nhiên, ở cấp thấp, 320px khá phổ biến hiện nay (chủ yếu là do iPhone và Android ở chế độ dọc).

Tuy nhiên, luôn có những trường hợp ngoại lệ và nếu đối tượng của bạn phù hợp với một trong những ngoại lệ đó, thì đó là điều bạn cần xem xét nhiều hơn bất cứ điều gì.

12
DA01

Trên trang web này, nó cung cấp một số thông tin về độ phân giải màn hình http://www.websitedimensions.com/

Theo thống kê đó, độ phân giải di động nhỏ nhất là 320px - tuy nhiên như được đề cập trong bảng thứ ba, chiều rộng thực tế (không bao gồm giao diện của trình duyệt) trong trường hợp đó có thể là 310px

trong trường hợp liên kết hết hạn trong tương lai, đây là liên kết lưu trữ web: http://web.archive.org/web/20160330034016/http://www.websitedimensions.com/

4
dav

Tôi với @ DA01: Dữ liệu người dùng là một điểm quan trọng, nhưng đôi khi quyết định phản hồi là về khách truy cập mà bạn muốn nhận, không nhất thiết là về những người bạn hiện có. Tôi biết web mở cho tất cả mọi người, nhưng bạn có thể muốn nhắm mục tiêu một đối tượng cụ thể có thể không truy cập trang web của bạn vì nó chưa thân thiện với thiết bị di động.

Nhưng để trả lời câu hỏi của bạn, theo nguyên tắc thông thường, tôi sẽ nhắm mục tiêu chiều rộng màn hình từ 320px trở lên.

3
Marcello

Nhận xét của Rumi ở trên khá nhiều tổng hợp thực tế của thách thức rất tốt.

Tuy nhiên, thừa nhận rằng bạn không thể tạo trải nghiệm lý tưởng cho mọi thiết bị, giống như bạn không thể tạo trải nghiệm lý tưởng cho mọi người từ mọi nền tảng với mọi nhu cầu, bạn sẽ muốn ưu tiên những gì cần thực hiện kinh nghiệm lý tưởng cho. Sau đó, làm cho trải nghiệm chấp nhận được và tốt nhất có thể cho những người khác.

Nhìn vào mục đích của trang web của bạn và các ứng dụng có thể. Tại sao ai đó muốn xem trang web của bạn trên thiết bị di động? Họ sẽ hy vọng làm gì? Làm thế nào điều đó có thể khác với những gì họ sẽ làm/mong đợi từ trải nghiệm máy tính để bàn? Có một số trại như thể và làm thế nào bạn nên cung cấp một trải nghiệm xuống cấp cho điện thoại di động, và tôi sẽ không tham gia vào những người ở đây.

Ngoài ra, nhìn vào phân tích trang web của bạn. Có phải mọi người đang thực sự cố gắng xem trang web của bạn trên các thiết bị nhỏ? Những trang họ đang đi đến? Nhỏ như thế nào? Bao nhiêu phần trăm lưu lượng truy cập từ các thiết bị nhỏ?

Trong trường hợp của tôi, tôi đang làm việc trên một bộ ứng dụng tích hợp với nhau. Di động là một phần rất quan trọng trong vấn đề này, vì vậy, mặc dù chỉ có khoảng 4% lưu lượng truy cập vào thành phần ứng dụng web là từ các thiết bị 320px (100dpi), chúng tôi làm cho nó hoạt động tốt với chúng. Tuy nhiên, kế hoạch dài hạn của tôi là tối ưu hóa cho các thiết bị có độ phân giải 480px trong khi làm cho mọi thứ vẫn hoạt động (với thu phóng) trên các độ phân giải nhỏ. Tôi biết một số người sẽ không đồng ý với điều này, nhưng tôi cảm thấy tốt hơn là mang lại trải nghiệm tuyệt vời cho số lượng người lớn nhất thay vì hy sinh ảnh hưởng đến mọi người.

Điều đó có thể không cung cấp cho bạn câu trả lời mà bạn đang tìm kiếm, nhưng hy vọng nó đủ để khiến bạn chỉ ra hướng phù hợp với tình huống của bạn.

1
conan