Hiệu ứng Text Trên Banner (động) Quảng Cáo Online

Các nhà quảng cáo đang dự đoán rằng banner động sẽ là xu hướng chính của tiếp thị trực tuyến trong tương lai.

Và mình cũng đồng ý với quan điểm trên. Việc làm cho banner quảng cáo trên internet trở nên nổi bật ngày càng khó, nhưng Lambanner sẵn sàng trợ giúp bạn với dịch vụ thiết kế banner của chúng tôi

Nếu bạn đã theo dõi blog của Lambanner trong những bài viết trước, bạn sẽ biết banner HTML5 được áp dụng công nghệ mới nhất hiện nay với những hiệu ứng chuyển động mượt mà và chất lượng cao

Nhưng có 1 điều mọi người không để ý chính là hiệu ứng chuyển động của text (văn bản) trên banner.

Các hiệu ứng chuyển động phổ biến nhất áp dụng vào hình ảnh, hoặc hiệu ứng chuyển tiếp giữa các slide.

Nhưng hãy nghĩ về điều này, bạn muốn khách hàng chú ý đến điều gì ? Đôi khi có thể là hình ảnh, nhưng trong phần lớn các trường hợp, bạn thực sự mong muốn khách hàng chú ý đến thông điệp

Thông điệp là một trong những thứ thu hút khách hàng đầu tiên, khi họ nhìn vào banner quảng cáo.

Thiết kế và hình ảnh rất quan trọng, nhưng tiêu chí đầu tiên ảnh hưởng đến hiệu suất quảng cáo banner chính là thông điệp trên banner đó.

1 banner có thông điệp thu hút và nút kêu-gọi-hành-động hấp dẫn có thể hiệu quả đến không ngờ.

Dưới đây là 1 số ví dụ về banner có thiết tối giản, gần như chỉ có yếu tố thông điệp để thu hút sự chú ý của khách hàng mà thôi :

Thông điệp vô cùng quan trọng đối với banner quảng cáo

2 banner trên đều rất nổi tiếng và đạt thành công vang dội trong chiến dịch quảng cáo mà không cần chăm chút quá nhiều về mặt thiết kế.

Vậy là, chúng ta là biết được tầm quan trọng của thông điệp trong thiết kế banner quảng cáo. Bây giờ hãy xem xét khía cạnh khác : Hiệu ứng chuyển động cho chữ.

Nếu thông điệp là yếu tố quan trọng như vậy, tại sao ta không thêm hiệu ứng chuyển động cho chúng khi thiết kế banner HTML5, Flash hay Gif

TÓM LƯỢC BÀI VIẾT NÀY

• Hiệu ứng chuyển động cho thông điệp trên banner
  • Hiệu ứng mất/hiện đơn giản
  • Hiệu ứng lên xuống có dao động
  • Hiệu ứng chuyển động ngang
    • Hiệu ứng rớt chữ
  • Hiệu ứng lật chữ
• Thử nghiệm luôn là biện pháp tốt nhất :

Hiệu ứng chuyển động cho thông điệp trên banner

Mình chia sẻ một số ví dụ về hiệu ứng chuyển động của chữ, hy vọng có thể truyền cảm hứng cho chiến dịch quảng cáo tiếp theo của bạn.

Hiệu ứng mất/hiện đơn giản

Đây là hiệu ứng phổ biến, đơn giản và mượt mà dành cho thông điệp bạn muốn làm nổi bật trên banner.

Hiệu ứng này hoạt động tốt với banner chuộng thiết kế đơn giản, không quá màu mè nhưng vẫn bắt mắt người dùng.

Hiệu ứng text trong banner động

Hiệu ứng lên xuống có dao động

Đây là hiệu ứng chuyển động khá bắt mắt và tạo cảm giác vui tươi cho người dùng.

Tuy nhiên, bạn nên căn thời gian hợp lý để người dùng có thể đọc trọn vẹn nội dung trước khi dòng chữ đi mất

Hiệu ứng text trong banner động

Hiệu ứng chuyển động ngang

Đặc điểm của hiệu ứng này là chạy đoạn văn bản từ trái qua phải hay ngược lại.

Bạn có thể sử dụng hiệu ứng mượt mà này cho tất cả các dòng text với độ trễ tăng dần (để hiển thị thông tin dần dần)

Hiệu ứng text trong banner động

Hiệu ứng rớt chữ

Đây là một trong những hiệu ứng bắt mắt nhất khi áp dụng lên văn bản trên banner.

Thông điệp của bạn sẽ rớt xuống và kết hợp với hiệu ứng biến mất đẹp mắt

Hiệu ứng text trong banner động

Hiệu ứng lật chữ

Bằng cách áp dụng hiệu ứng này, thông điệp sẽ hiển thị nhỏ trong trạng thái đầu, và phát triển dần dần cho đến khi nó đạt kích thước chuẩn.

Hiệu ứng này có thể dễ dàng thu hút sự chú ý và trở thành tâm điểm của banner.

Hiệu ứng text trong banner động

Thử nghiệm luôn là biện pháp tốt nhất :

Khi làm việc với banner quảng cáo, mình luôn khuyến khích việc thử nghiệm A/B testing.

Bạn khó có thể thiết kế nên 1 chiến dịch banner quảng cáo thành công ngay từ lần đầu tiên, việc này đòi hỏi thử nghiệm (đôi khi rất nhiều lần) trước khi đạt được kết quả tối ưu.

Việc chọn hiệu ứng chuyển động cho thông điệp cũng như vậy, bạn có thể thử từng hiệu ứng khác nhau được trình bày trong bài viết này để chọn ra cái tốt nhất.

Nếu bạn có bất kỳ thắc mắc hay cần trao đổi, hãy để lại bình luận bên dưới, mình sẽ trả lời trong thời gian sớm nhất !

Tham khảo bài viết : Thiết kế banner 2022: Hướng dẫn cực kỳ chi tiết