uidep
Thư viện kiến thức UI cho người Việt. Screenshot, thuật ngữ, kiến thức — tất cả ở một nơi.
Screenshot
Xem tất cả
MoMo — Màn hình thanh toán
Màn thanh toán MoMo thiết kế tối giản, tập trung vào số tiền. Input số được làm lớn, dễ nhập. CTA "Xác nhận" màu hồng nổ
Shopee — Trang chủ
Trang chủ Shopee sử dụng gradient cam-đỏ làm điểm nhấn thương hiệu. Layout dạng feed với các section rõ ràng: flash sale
Tiki — Trang sản phẩm
Trang chi tiết sản phẩm của Tiki nổi bật với ảnh sản phẩm lớn, giá hiển thị rõ, nút "Thêm vào giỏ" và "Mua ngay" cạnh nh
Thuật ngữ
Xem tất cảResponsive Design
Định nghĩa Responsive Design là phương pháp thiết kế website sao cho giao diện hiển thị tốt trên mọi kích thước màn hình
Design Tokens
Định nghĩa Design Tokens là các biến lưu trữ giá trị thiết kế (màu sắc, font, spacing, border-radius...) dưới dạng dữ li
Phân cấp thị giác
Định nghĩa Phân cấp thị giác (Visual Hierarchy) là cách sắp xếp các yếu tố trên màn hình để hướng dẫn mắt người dùng the
Glassmorphism
Định nghĩa Glassmorphism là phong cách thiết kế mô phỏng hiệu ứng kính mờ (frosted glass). Đặc trưng: Nền trong suốt — b
Kiến thức
Xem tất cảThiết kế nút bấm hiệu quả
Tổng quan Nút bấm (button) là thành phần tương tác phổ biến nhất trong UI. Một nút tốt = dễ thấy dễ bấm rõ ràng. Phân cấ
Từ Wireframe đến UI hoàn chỉnh
Tổng quan Quy trình thiết kế UI không bắt đầu từ màu sắc hay font chữ — nó bắt đầu từ cấu trúc. 4 bước từ ý tưởng đến UI
Hệ thống khoảng cách (Spacing System)
Tổng quan Spacing không chỉ là "khoảng trống" — nó là công cụ tổ chức nội dung, tạo nhịp điệu, và hướng dẫn mắt. Base Un
Typography trong UI — Những điều cần biết
Tổng quan 95% nội dung trên web là chữ. Typography tốt = dễ đọc đẹp đúng thương hiệu. Chọn font Quy tắc: Tối đa 2 font 1