Lưới trong thiết kế - Bố cục và ứng dụng

Bài trước: Các thao tác cơ bản với lớp trong Photoshop

Các bố cục thường gặp và ứng dụng
Nếu nội dung là da thịt của bản thiết kế thì bố cục như là khung xương của chúng vậy.

Nếu như một bức thiết kế có khung xương không rõ ràng và rành mạch, đó khó có thể được coi là một bức thiết kế tốt.

Vậy có những điều gì cần lưu ý khi xây dựng bố cục cho tác phẩm thiết kế? Cùng xem qua những kiến thức quan trọng sau bạn nhé.



Lưới là gì?
Sự căn chỉnh vàc chuẩn mực đem lại sự thoải mái và tư duy nhìn-đọc rõ ràng cho người dùng.

Người dùng sẽ rất khó chịu nếu khi nhìn vào bản thiết kế của bạn, họ không biết phải nhìn từ đâu đến đâu.

Lưới, là những đường căn dọc-ngang mà người dùng không nhìn thấy. Chúng chỉ tồn tại trong quá trình designer xây dựng tác phẩm.

Trong bức hình trên, bạn có thể thấy hệ thống các đường căn dọc ngang chia bức hình thành rất nhiều phần rõ ràng.




Tác dụng của lưới
Lấy một ví dụ đơn giản, CV tuyệt đẹp phía trên có hệ thống lưới khá đơn giản.

Hệ thống lưới giúp designer chia CV thành 3 phần riêng biệt và căn chỉnh các phần tử thật thẳng hàng.

Thật khó chịu biết bao nếu những icon xinh đẹp cứ bị thò ra-thụt vào, đúng không?


Lưới có mặt ở mọi nơi
Từ những tác phẩm phức tạp đến những tác phẩm đơn giản, chúng ta đều có thể tự hình dung hệ thống lưới của chúng.

Trên đây là bìa tạp chí Time, phần lớn các bìa tạp chí Time đều có 4 đường căn cơ bản là trên-dưới-trái-phải rất đơn giản.

Vậy làm sao để tạo lưới trong Photoshop? Cùng học công cụ Ruler ( R )



Một ví dụ khác
Trên đây là một bộ phim bom tấn nổi tiếng mà ắt hẳn tất cả chúng ta đều biết. Cùng xem bố cục của tấm poster này được xây dựng như thế nào bạn nhé.

Phần tên phim, chiếm trọn một phần rất to trong bức thiết kế, dĩ nhiên rồi, vì đó là phần quan trọng nhất của tấm poster này mà.

Phía trên của tấm poster là một loạt tên ngôi sao hạng A từ Hollywood, những cái tên này được dàn đều và sắp xếp gọn gàng trong 2 căn lề ngang mà bạn có thể thấy.

Tiếp đó, thông tin về đoàn làm phim được đặt gọn gàng phía dưới tên phim. Đây là những thông tin có mật độ dày và độ quan trọng thấp, dẫn đến việc phần chữ của đoạn này được thu lại rất nhỏ.