UI/UX

Responsive Layout là gì?

responsive designthiết kế responsiveweb responsiveResponsiveness

Cách tiếp cận trong thiết kế web nhằm mục đích làm cho các trang web hiển thị tốt trên một loạt các thiết bị và kích thước cửa sổ hoặc màn hình từ kích thước hiển thị tối thiểu đến tối đa

Ảnh minh hoạ Responsive Layout: minh hoạ trực quan cho Responsive Layout
Minh hoạ trực quan cho Responsive Layout
Kiểm tra nhanh

Bộ câu hỏi ôn tập về UI/UX

Làm thử

Thuật ngữ liên quan

01Human Interface Guidelines (HIG) của Apple

Human Interface Guidelines là bộ hướng dẫn thiết kế chính thức của Apple cho ứng dụng trên iPhone, iPad, Mac, Apple Watch, Apple TV và Vision Pro, gồm…

02Polaris (design system của Shopify)

Polaris là design system của Shopify dùng cho giao diện quản trị Shopify Admin và các ứng dụng bên thứ ba chạy trong đó, gồm nguyên tắc, token, component…

03User flow (luồng người dùng)

User flow là sơ đồ mô tả các bước, màn hình và quyết định mà người dùng đi qua để hoàn thành một mục tiêu trong sản phẩm, từ điểm bắt đầu đến kết quả cuối…

04Material Design

Material Design là hệ thống thiết kế do Google ra mắt năm 2014, cung cấp nguyên tắc, component, màu, chữ và chuyển động cho ứng dụng Android, web và nhiều…

05Pattern library (thư viện mẫu tương tác)

Pattern library là tập hợp các giải pháp thiết kế lặp lại cho những tình huống phổ biến như đăng nhập, tìm kiếm, lọc, form nhiều bước hay trạng thái…

06Component library (thư viện thành phần)

Component library là tập hợp các thành phần giao diện dựng sẵn và dùng lại được, như nút, ô nhập, card, modal, được quản lý tập trung trong file thiết kế…