Tên của mẫu thiết kế web hiển thị hình dạng của nội dung trong khi nội dung thực tế đang tải là gì?


12

Nó khá phổ biến đối với các trang web Ứng dụng Trang đơn (SPA) để tải và hiển thị bố cục trang web trước khi tải nội dung của nó. Gần đây, tôi nhận thấy rằng thay vì chỉ hiển thị thông báo chờ đợi hoặc "Đang tải ...", rất nhiều trang web luận đề hiển thị mẫu / bố cục mà nội dung sẽ xuất hiện, với văn bản và hình ảnh được điền bằng hình học phẳng hình dạng.

Ví dụ từ Slack

Nó có vẻ như là một mô hình tốt bởi vì nó ít chói tai hơn là có một dòng văn bản chờ nhỏ được thay thế bằng một đống tin nhắn lớn hoặc bất cứ điều gì. Tôi muốn đọc mô hình, có thể tìm một thư viện để thực hiện nó dễ dàng hơn trên trang web của tôi, nhưng tôi không biết nên gọi nó là gì và tôi gặp khó khăn khi mô tả nó đủ ngắn gọn để tìm kiếm web hiệu quả . Ví dụ gần nhất tôi có thể tìm thấy là bài viết cũ này không cung cấp cho thực tiễn một tên cụ thể.

"Giữ chỗ" là điều đầu tiên tôi có thể nghĩ đến, nhưng tất nhiên <input>các thẻ hiện có placeholdlerthuộc tính thực tế và nhiều người hỏi về văn bản phụ hoặc nội dung khác (Lorem Ipsum, Kitten Ipsum và tương tự) vì vậy kết quả có xu hướng không hữu ích . Tôi hy vọng rằng ngành công nghiệp đã đồng ý với một tên mô tả duy nhất cho thực tiễn này và tôi chưa tìm thấy nó.


2
bài viết của bạn nói "giữ chỗ nội dung"; Cái tên đó có gì sai? Tôi không chắc có "tên chính thức" cho việc này
Luciano

Tôi thấy một vài đề cập (thường gọi Facebook bằng tên) bằng cách sử dụng chuỗi cụ thể đó. Khách hàng tiềm năng tốt nhất là thư viện này nhưng tôi không nghĩ nó phù hợp với mô hình khai báo / phản ứng Angular. Tôi sẽ tiếp tục đào, cảm ơn.
Bộ giải mã

1
@Luciano Vấn đề là "giữ chỗ nội dung" cũng có thể dễ dàng là Lorem Ipsum và những thứ tương tự. Điều này cũng hữu ích trong thiết kế đồ họa, vì vậy thuật ngữ này không rõ ràng.
yo '

Câu trả lời:


18

Điều đầu tiên xảy ra với tôi là gợi ý về loại được hiển thị trong ví dụ của bạn chắc chắn được gọi là Hy Lạp .

Tìm kiếm Hy Lạp được sử dụng trong việc tải màn hình, đã dẫn tôi đến nhiều bài viết về kỹ thuật UX này, và cụ thể là bài viết này đề cập đến khái niệm này như là một Trình giữ chỗ nội dung .

Một thuật ngữ tốt như bất kỳ tôi nghĩ.

Vì vậy, cụ thể ở đây bạn có Hy Lạphình ảnh Placeholder và cùng nhau toàn bộ điều có thể được gọi là Trình giữ chỗ nội dung.


2
Thật thú vị, tôi tự hỏi nguồn gốc của thuật ngữ "Hy Lạp" là gì ...
Digital Lightcraft

1
@DigitalLightcraft Có thể có liên quan đến biểu hiện 'tất cả đều là tiếng Hy Lạp đối với tôi'. Để biết thêm thông tin, vui lòng gửi câu hỏi trên tiếng Anh.SE : P
Vincent

Vui mừng tôi có thể giúp đỡ, có nguồn gốc của "Hy Lạp" không được biết đến với tôi, tôi cá rằng nó thú vị.
mayersdesign

2
Một điều thú vị về nguồn gốc liên quan đến lorem ipsum: "Việc sử dụng tiếng Hy Lạp (còn gọi là văn bản giả) cho phép các nhà thiết kế trang đặt văn bản trên một trang mà không có nội dung thực sự đóng vai trò gây xao lãng. Nhưng lịch sử của Hy Lạp không rõ ràng, nhưng nó đã không rõ ràng. Được sử dụng lần đầu tiên vào giữa thế kỷ 20. Văn bản này dựa trên những lời của Cicero, một nhà lãnh đạo La Mã có bài viết được ngưỡng mộ. Ngôn ngữ ông nói và viết là tiếng Latin chứ không phải tiếng Hy Lạp, vì vậy việc đặt tên cho văn bản giả này là sai lệch. " nguồn
Jamie Bull


2

Một số bạn bè nhà phát triển của bạn có thể coi đó là hiệu ứng lung linh của Facebook , vì Facebook đã phổ biến kỹ thuật giữ chỗ nội dung với hiệu ứng lung linh nhẹ và mã nguồn mở của họ .

Điểm của hiệu ứng lung linh là chỉ ra rằng nội dung thực tế vẫn đang tải, để người dùng không nghĩ rằng trang bị kẹt và làm mới.

nhập mô tả hình ảnh ở đây


-1

Khi tôi sử dụng mẫu này, chúng tôi gọi nó là trang khung xương. Siêu hữu ích cho các trang lớn đang tạo nội dung động.


4
Làm thế nào để thêm vào các câu trả lời hiện có? Có vẻ như Coderer đã đề cập đến thuật ngữ "bộ xương"
Zach Saucier

Chào mừng bạn đến với Thiết kế đồ họa! Nếu bạn có đủ danh tiếng, bạn có thể nêu lên câu trả lời mà bạn cho là đúng. Ngoài ra, "đánh dấu sao" câu hỏi là mục ưa thích và bạn sẽ được thông báo về bất kỳ câu trả lời mới nào.
Luciano

-4

Chúng được gọi là màn hình bộ xương.


Xin chào NIck, chào mừng bạn đến với GD.SE. Vui lòng không đăng hai thông tin đã được đề cập trong các câu trả lời khác. Cảm ơn!
Vincent
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.