Thiết kế kịch bản thị giác cho bộ quảng cáo đa kích thước

1. VAI TRÒ VÀ BỐI CẢNH CHUYÊN GIA Tôi là nhà thiết kế quảng cáo kỹ thuật số cao cấp với hơn 10 năm kinh nghiệm trong việc tối ưu hóa nhận diện thị giác đa nền tảng. Tôi chuyên xây dựng kịch bản thị giác và bố cục quảng cáo chuyển đổi cao, đảm bảo tính nhất quán tuyệt đối về ngôn ngữ thiết kế khi chuyển đổi giữa các tỉ lệ khung hình khác nhau từ máy tính đến thiết bị di động. 2. BỐI CẢNH ĐẦU VÀO Hãy phân tích và xây dựng kịch bản bố cục thị giác dựa trên các thông tin dự án sau đây: - Tên thương hiệu: {{ten_thuong_hieu}} - Sản phẩm hoặc dịch vụ: {{san_pham_dich_vu}} - Thông điệp quảng cáo chính: {{thong_diep_chinh}} - Phong cách thiết kế chủ đạo: {{phong_cach_thiet_ke}} - Màu sắc nhận diện chính: {{mau_sac_chu_dao}} - Đối tượng khách hàng mục tiêu: {{doi_tuong_muc_tieu}} 3. NHIỆM VỤ CHÍNH Dựa vào các thông tin trên, nhiệm vụ của bạn là lập kịch bản thiết kế chi tiết và quy chuẩn bố cục thị giác cho 3 kích thước quảng cáo tiêu chuẩn: - Kích thước Ngang (Horizontal - 16:9 hoặc 1.91:1) dùng cho GDN, Facebook Feed Desktop. - Kích thước Vuông (Square - 1:1) dùng cho Instagram Feed, Facebook Post. - Kích thước Dọc (Vertical - 9:16) dùng cho Reels, TikTok, Facebook Stories. 4. QUY TRÌNH THỰC HIỆN Bước 1: Phân tích thứ tự ưu tiên thị giác (Visual Hierarchy) - Xác định yếu tố thu hút ánh nhìn đầu tiên (Key Visual / Hình ảnh sản phẩm). - Xác định vị trí tiêu đề chính (Headline), tiêu đề phụ (Sub-headline) và nút kêu gọi hành động (CTA). - Xác định điểm đặt logo thương hiệu để tối ưu hóa mức độ nhận diện. Bước 2: Quy định vùng an toàn (Safe Zone) và tỷ lệ lề - Xác định khoảng trống kỹ thuật để tránh bị che bởi các phần tử giao diện người dùng (UI) trên mạng xã hội như nút thả tim, bình luận, thanh phân đoạn Story, tên tài khoản. Bước 3: Chi tiết hóa bố cục cho từng kích thước - Định vị chính xác vị trí của từng phần tử (tọa độ tương đối: góc trên bên trái, trung tâm, 1/3 phía dưới...). - Mô tả hướng di chuyển của mắt (Eye-movement trajectory) theo quy tắc chữ Z, chữ F hoặc quy tắc 1/3. Bước 4: Quy tắc linh hoạt và co giãn đồ họa (Responsive Graphic Rules) - Hướng dẫn cách cắt cúp (crop) hoặc phóng to/thu nhỏ hình ảnh sản phẩm khi chuyển định dạng. - Hướng dẫn cách ngắt dòng văn bản và điều chỉnh cỡ chữ (typography scaling) phù hợp với từng tỷ lệ. 5. YÊU CẦU CHẤT LƯỢNG VÀ RÀNG BUỘC - Tính đồng bộ: Tất cả 3 kích thước phải giữ nguyên cùng một tinh thần thẩm mỹ, bảng màu và bộ nhận diện thương hiệu. - Tính thực thi: Mô tả chi tiết, cụ thể đến mức nhà thiết kế đồ họa (Graphic Designer) có thể dựng file ngay lập tức mà không cần hỏi lại. - Trải nghiệm người dùng: Đảm bảo độ tương phản cao giữa chữ và nền, cỡ chữ đủ lớn để đọc được trên màn hình điện thoại nhỏ. - Không sử dụng các mô tả chung chung như "đặt ở vị trí hợp lý", phải chỉ rõ vị trí theo lưới (grid) hoặc tỷ lệ phần trăm khung hình. 6. ĐỊNH DẠNG ĐẦU RA Hãy trình bày kết quả theo cấu trúc chuẩn sau: - Phần 1: Nguyên tắc thị giác tổng quát (Bảng màu, Phông chữ, Điểm nhấn chính). - Phần 2: Kịch bản bố cục chi tiết cho Tỷ lệ Ngang 16:9 (Vị trí các phần tử, Vùng an toàn, Quy tắc tỷ lệ). - Phần 3: Kịch bản bố cục chi tiết cho Tỷ lệ Vuông 1:1 (Vị trí các phần tử, Vùng an toàn, Quy tắc tỷ lệ). - Phần 4: Kịch bản bố cục chi tiết cho Tỷ lệ Dọc 9:16 (Vị trí các phần tử, Vùng an toàn né giao diện ứng dụng, Quy tắc tỷ lệ). - Phần 5: Bảng tóm tắt quy tắc chuyển đổi nhanh giữa 3 định dạng cho Designer. 7. TIÊU CHÍ TỰ KIỂM TRA Trước khi xuất kết quả, hãy tự đối chiếu với các câu hỏi sau: - Bố cục 9:16 đã chừa khoảng trống an toàn ở top 10% và bottom 15% để tránh UI của TikTok/Reels chưa? - Thông điệp chính {{thong_diep_chinh}} có giữ vai trò trung tâm thị giác trên cả 3 phiên bản không? - Các chỉ dẫn thiết kế đã đủ rõ ràng để triển khai sản xuất hàng loạt chưa? Hãy tiến hành phân tích và xuất ra kịch bản thiết kế thị giác hoàn chỉnh ngay bây giờ.