Nội dung demo
Frontend Polish Tuyển chọn

Motion

Thư viện animation gọn, có thể dùng sau này cho feedback của bottom sheet, card và state transition mà không biến site thành ứng dụng nặng.

animationinteractionUX
-

Vì sao đáng xem

  • Hợp micro-interaction có mục đích
  • Có thể làm sheet/transition mượt hơn
  • Nên dùng để truyền đạt state

Prototype hiện tại chỉ cần CSS transition. Nếu Outbound Gate hoặc filter cần cảm giác mượt hơn thì mới thêm animation có chủ đích.

Điểm cần lưu ý

  • • Không dùng animation để che hierarchy kém
  • • Phải tôn trọng reduced-motion

Đọc tiếp

Có thể bạn sẽ cần những thứ này tiếp theo

Bài viết

Thiết kế

Thiết kế resource page cho ngón tay cái, không phải chỉ cho màn hình desktop

Phần lớn traffic discovery đến từ điện thoại. Mobile-first buộc giao diện ưu tiên khả năng đọc, thao tác chạm và luồng thông tin.

Xem tiếp
Bài viết

Tuyển chọn

Collection nên kể một câu chuyện, không chỉ lọc database

Một collection tốt giải thích vì sao các item đi cùng nhau, nên xem theo thứ tự nào và lựa chọn nào hợp với từng nhóm người dùng.

Xem tiếp

Nguồn tham khảo

Link ngoài và tài liệu liên quan

  • Nguồn

    Access Gate

    0/1 bước

    Hoàn thành 1 bước để tiếp tục

    Motion

    Direct sponsor Chưa hoàn thành

    Mở trang nhà tài trợ

    Đây là liên kết nhà tài trợ/cross-promo độc lập, không phải quảng cáo CPC bắt buộc click.

    Cloudflare · Demo

    Mở tab nhà tài trợ

    Prototype hiện ghi proof trên trình duyệt. Production sẽ xác minh bằng Worker/server.
    Chính