Banner hiệu quả cần truyền đạt một thông điệp trong vài giây và vẫn đọc được trên màn hình nhỏ. Photoshop chỉ là công cụ; quyết định quan trọng nằm ở brief, hierarchy và cách chuẩn bị nhiều tỷ lệ.
Chốt brief trước khi mở file
- Mục tiêu: nhận biết, tương tác hay chuyển đổi?
- Một thông điệp chính và một hành động mong muốn.
- Đối tượng, giọng điệu và bộ nhận diện.
- Kênh, vị trí hiển thị và kích thước cập nhật từ nền tảng.
- Asset bắt buộc và nội dung pháp lý.
Cấu trúc nội dung
| Mức | Vai trò |
|---|---|
| 1 | Hình ảnh hoặc tiêu đề thu hút |
| 2 | Lợi ích, thời gian hoặc chi tiết hỗ trợ |
| 3 | CTA, logo và thông tin phụ |
Quy trình thiết kế
- Tạo artboard đúng kích thước và vùng an toàn.
- Vẽ 3 thumbnail đen trắng để chốt bố cục.
- Đặt ảnh dưới dạng Smart Object.
- Xây hierarchy bằng kích thước, tương phản và khoảng trắng.
- Giới hạn font và màu theo hệ thống thương hiệu.
- Tạo biến thể tỷ lệ từ bố cục gốc, không chỉ crop máy móc.
- Kiểm tra ở kích thước hiển thị mobile.
Typography dễ đọc
Dùng câu ngắn, tương phản đủ và tránh đặt chữ lên vùng ảnh quá chi tiết. Không thu nhỏ chữ chỉ để nhét thêm nội dung. Nếu thông điệp dài, chuyển phần giải thích sang caption hoặc landing page.
Tổ chức file để tái sử dụng
Nhóm Background, Product, Copy, CTA và Brand. Dùng Smart Object cho ảnh/sản phẩm, Paragraph/Character Styles nếu workflow hỗ trợ, và đặt tên artboard theo kênh cùng kích thước.
Checklist xuất bản
- Đúng tỷ lệ và vùng an toàn.
- Không lỗi chính tả, ngày, giá hoặc CTA.
- Logo đủ khoảng thở và không méo.
- Ảnh ở sRGB, dung lượng phù hợp.
- JPEG cho ảnh nhiều màu; PNG/WebP khi nền trong hoặc yêu cầu cụ thể.
Một banner không cần kể toàn bộ câu chuyện; nó cần khiến người xem hiểu đúng điều quan trọng nhất.
Bài tập thực hành
Thiết kế một chiến dịch sản phẩm ở ba tỷ lệ: ngang, vuông và dọc. Giữ cùng hierarchy nhưng điều chỉnh vị trí, crop và khoảng trắng riêng cho từng artboard.
Chưa có bình luận. Hãy là người đầu tiên chia sẻ ý kiến.