Tính thẳng hàng

(Alignment)

Gióng thẳng 

Hàng sáng ở các trường từ tiểu học đến trung học, các em học sinh đứng ngay ngắn xếp hàng theo lớp của mình. Nếu ai đứng trên cao sẽ thấy ngay trường có mấy lớp, lớp nào nhiều đứa trốn học hơn lớp nào. Mình làm việc nhiều với các nhà thiết kế UI và để ý họ rất để ý đến việc các dòng chữ và các phần nội dung với nhau phải thẳng hàng. Cũng giống như việc xếp hàng lên lớp, khi chữ và hình xếp hàng với nhau, người xem sẽ nhận thức được rằng nội dung nào đi với nội dung nào. 

Chú ý trên hộp tìm kiếm trên cùng, người ta gióng chữ “visual…” trong hộp với các chữ ở dưới “All”, “Optical..”, “Design…” chứ không phải gióng cái thành viền của hộp. Đây là lỗi rất nhiều người mắc phải, ví dụ: 

Gióng theo trọng lượng 

Sau khi đọc phần trên, có thể (hy vọng) bạn đã chạy ngay vào bếp chỉnh thẳng hàng bát đĩa, tủ sách, website, v.v. cho nó sướng tay. Nếu bạn làm vậy, chắc bạn cũng sớm nhận ra rằng trừ chữ ra, khi gióng các thứ khác vẫn thấy lệch lệch thế nào ấy. Lý do là vì một thiết kế trông đẹp không chỉ nhờ thước kẻ mà còn cần ước lượng theo trọng lượng. Mỗi hình ảnh đều có tâm điểm khác nhau mà không bắt buộc phải là điểm chính giữa trái phải trên xuống. Bạn thử treo hình một con gà trông trên một sợi dây mà xem, khi thăng bằng thì sợi dây đấy chắc sẽ không qua bụng mà qua phao câu vì đuôi gà trông to. 

Muốn gióng hình cho cân với mắt thì thay vì gióng chính giữa ảnh (bên trái) thì nên gióng bằng “trọng lượng” của hình (bên phải) 

Đây là phần khó nhất trong công việc đẩy điểm ảnh. Sau khi gióng thẳng hàng trái hay giữa một loạt hình, bạn sẽ phải đẩy từng hình một tí sang trái một tí sang phải đến khi nào mắt cảm thấy cân mới được. 

Công việc hàng ngày: Phát hiện UI lệch (ảnh trái), thử gióng bằng cạnh dưới những vẫn lệch (ảnh giữa), gióng bằng trọng lượng (ảnh phải).

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *