Thư viện thuật ngữ / UI/UX

Text tool là gì?

Còn gọi: công cụ chữ, Text

Text tool là công cụ tạo và chỉnh khung chữ trong phần mềm thiết kế, trong Figma gọi bằng phím T, với các chế độ khung tự giãn ngang, tự giãn dọc hoặc kích thước cố định.

Hiểu kỹ hơn

Trong Figma, bấm một lần trên canvas để tạo chữ Auto width, khung giãn theo chiều ngang khi gõ; kéo một khung để tạo chữ có độ rộng cố định. Trong mục Typography của bảng thuộc tính có thể đổi chế độ giữa Auto width, Auto height (rộng cố định, cao tự giãn) và Fixed size, và bật Truncate text để cắt bằng dấu ba chấm khi tràn. Ở đây cũng chỉnh font, độ đậm, cỡ chữ, chiều cao dòng, khoảng cách chữ, căn lề và gán text style. Với giao diện, chữ trong nút và nhãn thường để Auto width, còn đoạn văn để Auto height cho đúng hành vi khi lập trình. Công cụ chữ trong Photoshop, Illustrator, Premiere cũng theo nguyên lý tương tự, phân biệt chữ điểm và chữ trong khung. Ví dụ: tiêu đề card đặt Auto height và giới hạn hai dòng để tên sản phẩm dài không phá vỡ bố cục. Lỗi thường gặp là để Fixed size cho đoạn văn, khi nội dung dài hơn thì chữ tràn ra ngoài khung mà không ai thấy.

Text tool học viên ColorME làm