Tuần lễ học tập giảm đến 40% · nhậpNhập mã giảm thêm 10%

Kết thúc sau00:00:00

Đăng nhập
Trở thành giảng viên

Thiết kế

Bố cục Figma: 3 quy tắc cho giao diện gọn mắt

Giao diện rối thường do khoảng cách lộn xộn chứ không do màu. Ba quy tắc dưới đây sửa được phần lớn bản thiết kế đầu tay.

Tác giảLê Thu Hà29/09/20266 phút đọc

Khoảng cách theo bước 8

Mọi khoảng trống là bội của 8: 8, 16, 24, 32. Mắt người đọc thấy nhịp đều mà không cần biết vì sao.

Auto layout cho mọi khối

Dùng Auto layout để khối tự giãn theo nội dung. Sửa chữ dài hơn, nút và thẻ tự đẩy nhau, không phải kéo tay.

  • Bật Auto layout bằng Shift A
  • Đặt khoảng cách giữa các phần tử thay vì kéo từng cái

Một cỡ chữ cho một vai trò

Tiêu đề, chữ thường và chú thích mỗi loại một cỡ. Không quá 4 cỡ chữ trên một màn hình.

Khoá học liên quan

Figma từ số 0 tới giao diện đầu tiên

₫799.000₫1.390.000

Xem khoá học

Viết bởi

Lê Thu HàGiảng viên Nấc Thang · Thiết kế giao diện, ấn phẩm

Bình luận

Chưa có bình luận nào.