Showing posts with label Banner facebook. Show all posts
Showing posts with label Banner facebook. Show all posts
Mẫu Banner quảng cáo khuyến mãi vuông cho facebook
Mình để ý thấy banner vuông kiểu này quảng cáo trên facebook hiệu quả hơn so với banner hình chữ nhật ngang. Mẫu banner kỳ này theo bố cục ảnh 1/3, ảnh minh họa đặc trưng ở đầu trang và nội dung khuyến mãi bên dưới.
P/S: phiên bản lỗi, banner này ban đầu phát thảo nhưng xem đi xem lại thấy "diêm dúa" quá nên bỏ luôn, post lên rút kinh nghiệm thôi :D
Tự mình thấy xấu bởi các nguyên nhân:
> rườm rà, nhiều chi tiết thừa
> Màu lòe loẹt
Avata và Facebook cover dịp 8/3 - quốc tế phụ nữ
Trên đây là Avata chủ đề Women's day.
3 ảnh Stock chính bên dưới:
Làm sao để hòa nhập 2 ảnh stock thành một giống background trên:
Rất đơn giản, chỉ cần tô vùng chọn, Refine Edge, điều chỉnh chế độ Feather để làm mờ các mép ảnh.
Font chữ: Happy Women's day: UVF Voyage
Thiết kế Banner quảng cáo theo phong cách Royal
Gần đây mình bị nghiện Style Royal này, ưu điểm là design đơn giản, nhanh và không kém phần "long trọng". Style này theo phong cách hiện đại với tông màu tương phản sáng tối.
Hai cặp đôi hoàn hảo: " trắng - đen - vàng " - " xanh tím - vàng - trắng"
Style này phù hợp làm banner cho web và trên facebook
Đây là style Royal đặc trưng, đó là phủ một lớp màu đen hoặc màu khác lên ảnh Stock, hình thức này để làm nổi bật text và làm tăng tính "huyền bí" cho ảnh stock.
Theo cấu trúc cơ bản, chia đôi thành 2 phần, text và image. Tông màu này rất thu hút ánh nhìn, ok!?
Về Typography thì chỉ theo công thức cơ bản, nothing new!
Mình thích tạo "trọng lực" cho banner bằng cách thêm một line ở cuối banner, một phần để ngăn cách ảnh và text, hai là để tạo điểm nhấn cho banner, nhìn vào có cảm giác vững chãi hơn.
Hai cặp đôi hoàn hảo: " trắng - đen - vàng " - " xanh tím - vàng - trắng"
Style này phù hợp làm banner cho web và trên facebook
Đây là style Royal đặc trưng, đó là phủ một lớp màu đen hoặc màu khác lên ảnh Stock, hình thức này để làm nổi bật text và làm tăng tính "huyền bí" cho ảnh stock.
Theo cấu trúc cơ bản, chia đôi thành 2 phần, text và image. Tông màu này rất thu hút ánh nhìn, ok!?
Về Typography thì chỉ theo công thức cơ bản, nothing new!
Mình thích tạo "trọng lực" cho banner bằng cách thêm một line ở cuối banner, một phần để ngăn cách ảnh và text, hai là để tạo điểm nhấn cho banner, nhìn vào có cảm giác vững chãi hơn.
Banner quảng cáo Facebook - Case Study 3 [Style Black & White]
Hi all!Bài này giới thiệu phong cách Banner theo tông màu tối
Nền màu đen và chữ sáng. Click vào ảnh để phóng to.
Các bước thiết kế Banner theo Style này:Bước 1: Tạo một hình chữ nhật màu đen
Bước 2: Làm mờ Fade hình ảnh một góc, có thể dùng công cụ Snagit hoặc chức năng Fade trong Photoshop để làm mờ một góc ảnh
Bước 3: Viết chữ sáng trên nền tốiTrình bày nội dung text ở một bên, các bạn để ý bố cục Typography của chữ.
Nhận xét:
Style này khá bắt mắt vì có tông màu tương phản Đen vs Trắng, lưu ý về Font chữ
Tiêu đề có thể sử dụng Font chữ nét đậm và tiêu đề phụ sử dụng Font nét mỏng. Ngoài ra có thể tận dụng dấu phân cách divider | để tách các vùng hoặc nhấn mạnh một vùng chữ nào đó
Call to Action nên nhấn mạnh bằng khối hình chữ nhật màu nổi để độc giả hành động ngay khi xem.
Banner quảng cáo Facebook - Case Study 2 [Style tương phản 2 màu]
Chào các bạn!
Hôm nay giới thiệu 2 Banner mới làm, 2 Banner này dùng để quảng cáo trên Facebook.
Mẫu 1:
Mẫu này theo cấu trúc cân đối, hình ảnh bên trái, nội dung thông tin bên phải.
Để tạo Banner này, mình tìm một ảnh Stock hình chữ nhật, nếu không có thì tìm ảnh hình vuông cũng được, sau đó kéo dài ra cho thành hình chữ nhật :D
Kế tiếp là tạo một vùng tối để góp phần làm nổi bật chữ, bạn có thể ghi chữ trực tiếp trên nền màu vàng nhưng có thể sẽ bị chói màu khi có cùng tông sáng giữa text và background, do đó viết chữ trên nền tối như vậy sẽ dễ nhìn hơn tý xíu :)
Về Font chữ:
Chữ New và tiêu đề "Khai trương...vn" sử dụng Font UTM Futura Extra
Chữ text sử dụng Font UTM - Avo, hoặc xài Font VNI - Avo cũng tương tự
Ngoài ra còn có thủ thuật tạo nút bấm, xem hướng dẫn tạo nút bấm tại đây
Nút bấm "Call to action' là thành phần bắt buộc trong banner quảng cáo nếu bạn muốn khách xem click vào Banner, dù không Click cũng nên có câu chốt Sales nào đó, đại loại Chương trình khuyến mãi từ dd/mm/yy tới dd/mm/yy nào đó.
Để trình bày các thông tin bổ sung, bạn có thể dùng Brush để tạo nút chấm tròn hoặc ký tự khác cũng được
Mẫu 2:
Banner này cũng dùng cấu trúc tương tự như Mẫu 1, đó là phân cách ảnh minh họa và text, mỗi đứa một bên.
Font chữ Mua sắm thả ga: UTM Kabel KT
Font chữ dòng "Xem chi tiết..." Time New Romance
Vùng phân cách sử dụng thanh chéo nghiêng.
Phần trình bày thông tin bên trái đặt sản phẩm để lấp đầy khoảng trống vì banner này có rất ít chữ.
Phần ảnh minh họa bên phải kiếm ảnh Stock cầm thẻ, các bạn lưu ý là hình ảnh NGƯỜI THẬT VIỆC THẬT rất quan trọng trong Banner quảng cáo, nó giúp người xem quan tâm nhiều hơn tới sản phẩm.
Ảnh Design xong mới thấy có một khiếm khuyết là khoảng cách chữ THẢ và GA hơi bị xa ;(
Đáng lẽ gần nhau hơn.
Hôm nay giới thiệu 2 Banner mới làm, 2 Banner này dùng để quảng cáo trên Facebook.
Mẫu 1:
Mẫu này theo cấu trúc cân đối, hình ảnh bên trái, nội dung thông tin bên phải.
Để tạo Banner này, mình tìm một ảnh Stock hình chữ nhật, nếu không có thì tìm ảnh hình vuông cũng được, sau đó kéo dài ra cho thành hình chữ nhật :D
Kế tiếp là tạo một vùng tối để góp phần làm nổi bật chữ, bạn có thể ghi chữ trực tiếp trên nền màu vàng nhưng có thể sẽ bị chói màu khi có cùng tông sáng giữa text và background, do đó viết chữ trên nền tối như vậy sẽ dễ nhìn hơn tý xíu :)
Về Font chữ:
Chữ New và tiêu đề "Khai trương...vn" sử dụng Font UTM Futura Extra
Chữ text sử dụng Font UTM - Avo, hoặc xài Font VNI - Avo cũng tương tự
Ngoài ra còn có thủ thuật tạo nút bấm, xem hướng dẫn tạo nút bấm tại đây
Nút bấm "Call to action' là thành phần bắt buộc trong banner quảng cáo nếu bạn muốn khách xem click vào Banner, dù không Click cũng nên có câu chốt Sales nào đó, đại loại Chương trình khuyến mãi từ dd/mm/yy tới dd/mm/yy nào đó.
Để trình bày các thông tin bổ sung, bạn có thể dùng Brush để tạo nút chấm tròn hoặc ký tự khác cũng được
Mẫu 2:
Banner này cũng dùng cấu trúc tương tự như Mẫu 1, đó là phân cách ảnh minh họa và text, mỗi đứa một bên.
Font chữ Mua sắm thả ga: UTM Kabel KT
Font chữ dòng "Xem chi tiết..." Time New Romance
Vùng phân cách sử dụng thanh chéo nghiêng.
Phần trình bày thông tin bên trái đặt sản phẩm để lấp đầy khoảng trống vì banner này có rất ít chữ.
Phần ảnh minh họa bên phải kiếm ảnh Stock cầm thẻ, các bạn lưu ý là hình ảnh NGƯỜI THẬT VIỆC THẬT rất quan trọng trong Banner quảng cáo, nó giúp người xem quan tâm nhiều hơn tới sản phẩm.
Đáng lẽ gần nhau hơn.
Banner quảng cáo Facebook - Case Study 1
Chào các bạn!
Banner này được dùng để post trên Facebook
Font chữ tiêu đề VPS Windows miễn phí: UTM Futura Extra
Font nội dung text: VNI-Avo
Style này theo cấu trúc cân xứng, hình minh họa bên dưới và text ở trên.
Mẫu 2 tương tự
Phần chữ Caption trên nền đen là Font VNI-Avo
Phần chữ tiêu đề màu đỏ là Font UTM Kabel KT - Dấu tiếng việt thấp, phù hợp khi ghép với các Font chữ nét mỏng.
Với tiêu đề mình thường sử dụng Font UTM Futura Extra và Kabel KT như trên, 2 Font này dễ gây ấn tượng vì nét chữ đậm, lưu ý đừng sử dụng nhiều, chỉ nên xài cho tiêud dề 1 dòng, tối đa 2 dòng.
Subscribe to:
Posts (Atom)