Thay vì nhét đầy hình minh họa, hãy sáng tạo thiết kế với 4 cách đổi bố cục này

Nhiều người thường nghĩ bố cục thiết kế là thứ gì đó rất cố định và khó thay đổi. Khi muốn làm mới bài đăng, phản xạ tự nhiên của đa số chúng ta là đi tìm thêm hình minh họa, thêm icon, hay nhét thêm sticker để tạo cảm giác ấn phẩm có sự thay đổi, nhưng kết quả thực tế lại thường mang đến sự rối rắm nhiều hơn, nhất là với những ai mới tập làm quen với việc thiết kế. 

Vậy làm sao để cùng một thông điệp, cùng một lượng chữ mà có thể biến hóa ra cả chục giao diện khác nhau? Bí quyết không nằm ở việc thêm thắt đồ họa, mà nằm ở tư duy phân cấp thị giác và phân cấp nội dung. Hãy cùng Yen Design (YD) tham khảo 4 cách cực dễ áp dụng để bạn F5 giao diện thiết kế, mà không cần thay đổi nội dung quá nhiều nhé!

1. Cách cơ bản thường dùng: Canh lề trái + Liệt kê

Đây là kiểu truyền thống nhưng luôn hiệu quả. Bạn chỉ cần canh lề trái toàn bộ, đánh số thứ tự (1, 2, 3...) và phân cấp rõ ràng theo kiểu: Tiêu đề chính lớn nhất, đến tiêu đề phụ/tagline, cuối cùng là đoạn văn mô tả (body text). Người đọc nhìn vào là hiểu ngay cấu trúc.

2. Điểm xuyết: Thay đổi màu sắc và tăng size số thứ tự

Vẫn là bố cục cũ, nhưng bạn hãy thử phóng to các con số (1, 2, 3...) lên gấp đôi hoặc gấp ba. Đồng thời, đổi màu riêng cho các tiêu đề phụ trong đoạn text. Chỉ hai thay đổi nhỏ này đã tạo ra các "điểm dừng" thị giác, giúp bài thiết kế bớt đơn điệu hơn hẳn.

3. Đóng khối: Dùng khung (Shape) và đường kẻ (Line)

Nếu muốn nhìn gọn gàng và "ra dáng" thiết kế hơn, bạn có thể gom từng phần nội dung lại và đóng khung bằng một đường line mỏng hoặc một khối màu nhạt. Thêm một vòng tròn nhỏ bọc ngoài số thứ tự. Cách này giúp chia nhỏ thông tin, người đọc không bị ngợp.

4. Chia cột: Phong cách Website & Presentation

Nắm được 3 cách thay đổi bố cục ở trên cũng đủ để bạn làm ra nhiều ấn phẩm sáng tạo, không nhàm chán rồi. Nhưng bố cục thứ 4 này cũng là một dạng bạn có thể thử khi cần các thiết kế slide để thuyết trình, hoặc dùng trên website, thậm chí cách này khi dùng cho bài đăng mạng xã hội cũng vẫn mang lại hiệu quả bởi cảm giác thông thoáng, hiện đại mà nó mang lại.  

Với bố cục này, bạn đừng chỉ xếp chữ từ trên xuống dưới, thay vào đó hãy thử chia thiết kế thành các cột dọc: Cột 1 (Số thứ tự) | Cột 2 (Tiêu đề) | Cột 3 (Nội dung chi tiết). Ngăn cách chúng bằng các đường line mỏng nhẹ để thiết kế rõ ràng, dễ nhận diện ngay từ cái nhìn đầu tiên lướt qua.

➤ Vậy là, chỉ từ một nội dung, chúng ta hoàn toàn có thể triển khai nhiều bố cục khác nhau nếu có kiến thức về bố cục và phân cấp thị giác. Không phải chỉ thêm nhiều minh họa là thiết kế sẽ khác, mà đôi khi chỉ cần 1 vài yếu tố nhỏ như thêm shadow/ line/ khung viền/ khung màu/ áp dụng phân cấp bằng size/ màu là đã cho ra những thiết kế khác nhau rồi. 

Để ấn phẩm thiết kế đạt hiệu quả tối ưu, bạn cần nhớ một điều rằng: Nhiệm vụ của thiết kế không phải là trưng bày hết mọi thứ lên cùng một ấn phẩm, mà là điều hướng người xem một cách có chủ đích theo đúng thứ tự bạn muốn họ tiếp nhận thông tin. 

Và để làm được điều này, ngoài nắm 4 cách bố cục trên, YD xin nhắc lại điều mà tụi mình đã đề cập nhiều lần trước đó là:  Hãy luôn nằm lòng 4 nguyên tắc phân cấp thị giác cơ bản sau:

• Kích thước (Size): Chữ càng to càng nổi bật. Mắt người sẽ tự động nhìn vào cái to nhất trước. Quy tắc này áp dụng cho cả chữ lẫn hình ảnh sản phẩm.

• Độ đậm (Weight): Chữ đậm (bold) thường sẽ chiếm ưu thế hơn chữ mỏng (light/regular), vậy nên hãy dùng chữ đậm cho thông tin cốt lõi, chữ mỏng cho phần giải thích nội dung.

• Màu sắc (Color): Một chấm màu rực rỡ đặt giữa một nền trung tính sẽ lập tức hút mắt người xem, vì vậy bạn nên sử dụng màu sắc nổi bật để tô đậm từ khóa (keywords).

• Cuối cùng là hãy kết hợp những điều trên lại theo nguyên tắc: Thông tin quan trọng nhất phải là thứ vừa to nhất, vừa đậm nhất, vừa có màu nổi bật nhất.

Vậy là xong rồi đó, bí kíp cũng chỉ có nhiêu đó thôi nhưng nếu biết cách áp dụng khéo léo, những thiết kế của bạn sẽ không bao giờ là quá tẻ nhạt hay thiếu đi sự sáng tạo. Hãy áp dụng nha! 

_

𝐘𝐄𝐍 𝐃𝐄𝐒𝐈𝐆𝐍 & 𝐁𝐑𝐀𝐍𝐃 𝐒𝐓𝐘𝐋𝐄

𝐄. Yendesign.brandstyle@gmail.com

𝐖. Yendesign.art

𝐒. Brand Style      

   Graphic Design