Trong thiết kế giao diện, thẻ là một trong những phương pháp thiết kế phổ biến, giúp cân bằng tốt hơn vẻ đẹp và tiện ích trực quan. Nó đóng vai trò quan trọng trong việc giúp chuyển giao diện từ một trang hiển thị thông tin duy nhất sang trải nghiệm cá nhân hóa hơn.
Trong thế giới vật lý, thẻ là những lát hình chữ nhật riêng biệt mang thông tin. Ví dụ, thẻ điện thoại, bưu thiếp, thẻ ID, poker, v.v ... đều được đặc trưng bởi kích thước nhỏ, tiện lợi và linh hoạt, thông tin nội bộ độc lập và phân phối dễ dàng.
Thẻ trong thế giới vật lý
Đi vào thế giới ảo, thẻ tiếp tục các tính năng linh hoạt và dễ phân phối, rất phổ biến trong đề xuất nội dung, phân loại chức năng và các mô-đun khác.
Thẻ nói chung bao gồm nội dung thông tin và thao tác. Thẻ bên ngoài trình bày thông tin và thao tác quan trọng nhất (hấp dẫn nhất) có trong thẻ. Bên trong thẻ được xây dựng để cải thiện hiệu quả duyệt web và hoạt động của người dùng. Ví dụ: Pinterest, Instagram, v.v. phổ biến của chúng tôi sử dụng bố cục thẻ để xử lý và hiển thị thông tin.
1 ẩn dụ tuyệt vời: Thẻ là vật mang thông tin phổ biến trong thế giới vật lý của chúng ta. Khi mở rộng ra thế giới ảo, cấu trúc thông tin và tương tác của nó dễ dàng được nhận biết và hiểu hơn.
Lịch của whitton
2 . Tổ chức nội dung mạnh: Các thẻ độc lập với nhau, kết hợp cùng một nội dung kích thước, phân biệt và tổng hợp nội dung của các kích thước khác nhau để tạo thành một sự kết hợp nội dung rõ ràng và mạch lạc.
Tuyệt vời - một ứng dụng giúp phát triển những thói quen tốt
Kitchen Stories - một ứng dụng công thức giới thiệu các món ăn ngon
7 . Tương tác mạnh mẽ, khả năng hoạt động, độ sâu thị giác, chẳng hạn như Momo xóa các thương hiệu nổi tiếng, ứng dụng
Thẻ nhà của cửa hàng chuyển trang chi tiết bằng cách mở rộng cử chỉ thu nhỏ. Phần này có thể được thiết kế với phương thức tương tác cử chỉ tự nhiên của phía di động.
Điều đẹp nhất (chế độ xem trượt) + tích lũy (trượt sang trái và phải, chọn thích hoặc không thích)
A. Luồng: Luồng trích xuất một phần thông tin trong cơ sở thông tin theo các quy tắc nhất định và sắp xếp lại kết hợp thông tin được trình bày cho người dùng. Thông tin bên trong khối thông tin rất phong phú về chủng loại và đa dạng trong hoạt động và các khối thông tin được phân tán độc lập, chẳng hạn như Pinterest.
B. Lớp khám phá khám phá: Trong cảnh này, thông tin chứa các hiệu ứng hình ảnh mạnh mẽ hơn và được hiển thị dưới dạng thẻ, khiến người dùng đắm chìm hơn trong nội dung hiện tại, chẳng hạn như trang chủ đẹp nhất.
C. Khối thông tin độc lập: Khi một thông tin nhất định cần được trình bày riêng, vai trò của thẻ như một vật chứa được phát huy. Ví dụ: ở trạng thái chờ của iPhone, các nhóm thông báo xuất hiện được hiển thị độc lập, không can thiệp lẫn nhau và hoạt động riêng lẻ, các cửa sổ bật lên phổ biến cũng thuộc về cột này.
Mặc dù thẻ có những ưu điểm trên, nhưng nó có các đặc điểm về mật độ thông tin và không gian thấp.
Trong thiết kế, khi nội dung trang giống nhau và không có nhiều thao tác và đồng nhất hóa, bạn có thể trực tiếp sử dụng danh sách, chẳng hạn như trang đề xuất tin tức, mỗi nhóm chỉ bao gồm văn bản và hình ảnh có cấu trúc, lưới hoàn toàn có sẵn Thay vào đó.
Ứng dụng Tiger Sniff
