Sưu tầm các câu Slogant quảng cáo hay của các chiến dịch quảng cáo

•  Đăng ký hôm nay – Nhân ngay tiền mặt
•  Giá siêu tốt – Mẹ đến hốt hàng
•  Ưu đãi giáng sinh – Rinh ngay quà khủng
•  Lựa chọn thông minh – Rinh quà hấp dẫn
•  Khuyến mãi! Click nhanh tay – Nhận ngay ưu đãi
•  Mở thẻ mua hàng – rộn ràng ưu đãi
•  Mua ngay – Quà trao tay
•  Rộn ràng ngày vàng cuối tuần
•  Sinh nhật vàng – ngập tràn khuyến mãi
•  Tải nhạc chờ - trúng thưởng như mơ
•  Giá SỐC – Cơn lốc quà tặng
•  Vui tưng bừng – Chào mừng thẻ Eximbank For lady
•  Siêu khuyến mãi – Không lấy lãi
•  Khởi động bán hàng – Vô vàn quà tặng
•  Khai trương rộn ràng – Mua hàng trúng lớn

Banner quảng cáo KHUYẾN MÃI ngang Horizontal cho website

Mẫu 1. Tông màu chói đỏ - Vàng

Bước 1. Tạo một banner ngang hình chữ nhật
Bước 2. Place một ảnh minh họa bên trái
Bước 3. Tạo một đường cong bằng Pen tool màu cam
Bước 4. Tạo Layer màu đo bo tròn một góc
Bước 5. Vẽ Layer third màu vàng
Bước 6. Thêm chữ

Thể loại này "ăn tiền" ở phần mẫu, nếu được bạn nên tự chụp ảnh liên quan, căn dãy nền xanh để dễ tách hình. Banner có mẫu luôn sinh động hơn, nếu ko có thì search trên các site ảnh Stock kiếm ảnh chất lượng để tách khỏi nền.

Mẫu 2. Tông màu chói Vàng & Xanh dương

Bộ 2 màu Vàng - Xanh dương: Nền màu xanh dương thì dùng Box vàng và ngược lại.
Tông màu này làm banner facebook cũng rất hợp.Bạn cần tìm một ảnh minh họa đặt bên trái liên quan đến nội dung. Theo thống kê thì các banner có hình ảnh người thật, các model được quan tâm nhiều nhất do đó nên ưu tiên tìm ảnh minh họa là người mẫu, hot girl.

Mẫu 3. Tông màu Xanh dương

Mẫu 3 này không có hình ảnh minh họa, 100% là chữ. Khối bên trái là TIÊU ĐỀ và khối bên phải là nội dung khuyến mãi.

Mẫu 4. Tông màu Xanh dương & Cam

Tương tự mẫu số 4, mẫu 5 này có khối bên trái là tiêu đề và bên phải là thông tin khuyến mãi. Bạn cần cô động tối đa nội dung để chữ to hơn, dễ đọc

Mẫu 5. Tông màu Xanh dương &Xanh dương nhạt

Banner số 5 này nhiều thông tin hơn, bao gồm:
Giới thiệu thương hiệu công ty, nằm trong Layer third màu trắng nhạt
Nội dung tiêu đề hòa lẫn với thông tin "Call to Action", sử dụng nghệ thuật viết chữ nghiêng để  nhấn mạnh nội dung, chữ nghiêng thường thu hút ánh nhìn hơn so với chữ ngang.
Thông tin bổ sung ở Footer
Mẫu này cần tới 2 ảnh minh họa hiển thị mờ ảo (Giảm chỉ số Opacity)
Theo tông màu xanh dương, xanh da trời nên ảnh minh họa cũng nên chọn màu xanh dương hoặc các màu tối sẽ phù hợp.

Mẫu 6. Tông màu xanh lá cây nhạt- Aqua

Màu nền này tương đối "hiếm", màu Aqua thích hợp làm Banner thông báo, thông tin hơn là banner kích thích mua hàng vì tông màu aqua thuộc nhóm màu nhạt, có tính kích thích yếu.
Về bố cục: TIÊU ĐỀ đặt trong banner ribbon
Nội dung trình bày dạng canh đều
Hình ảnh và "Call to action" đặt ở góc phải.

Mẫu 7. Tông màu xanh lá cây & Xanh dương - Nền trắng

Màu nền trắng kiểu này cũng thích hợp làm Banner cho web.
Font chữ nội dung: VNI-Franko
Font chữ Tiêu đề: VNI-Boston Black
Bố cục: Tiêu đề giới thiệu đặt ở Header, dấu phân cách Divider đơn giản phân tách tiêu đề với nội dung giới thiệu. Các thông tin giới thiệu chi tiết được trình bày với Bullet tròn (sử dụng Brush để tô)
Về hình ảnh: Đặt bên phải, ngay bên dưới là nút bấm Buttom Click xem ngay.

Mẫu 8. Tông màu Cam & Xanh dương

Mẫu này dùng để trưng bày hình ảnh sản phẩm bên trái và thông tin khuyến mãi bên phải.
Với phong cách đơn giản này, các bạn cần có hình ảnh minh họa sản phẩm, graphic bắt mắt vì khi nhìn vào banner, người xem quan sát hình ảnh phía bên trái trước, khi đã thích sp rồi xem thông tin khuyến mãi thì tỷ lệ tương tác sẽ rất cao.

 Mẫu 9. Tông màu Xanh - Trắng theo chủ đề

Banner này dành cho lĩnh vực chuyên môn, để thiết kế một Banner kiểu vậy bạn cần:
1. Kiếm ảnh Stock liên quan và có kích thước size lớn, có thể Search google hoặc trên các website ảnh stock chất lượng, tùy theo chiều rộng của website để chọn size banner phù hợp. Ảnh stock mình thường chọn có kích thước hình chữ nhật ngang và độ phân giải lớn để hiển thị nét hơn. Tuy nhiên, khi render ảnh bạn cần chuyển sang định dạng jpg hoặc gif để giảm dung lượng ảnh, nếu ảnh banner to quá, tải ảnh mất nhiều thời gian.
2. Thiết kế chữ: sắp xếp nội dung khuyến mãi sao cho cân bằng, phần này không thể thiếu hình ảnh sản phẩm vì banner quảng cáo rất cần có hình sp để khách biết họ sẽ mua gì.


 Mẫu 10. Sử dụng Text box

Một ảnh Stock đã chứa nhiều hình ảnh chi tiết và không còn chỗ trống để viết chữ, vậy sẽ chèn chữ như thế nào!?
Trong trường hợp này cách đơn giản nhất là tạo một text box băng ngang qua ảnh, text box nền sáng thì chữ tối và ngược lại.

 Mẫu 11.Fade màu

Style này khá sinh động, chuyển tiếp từ text box sang ảnh minh họa rất nhịp nhàng, tạo cảm giác có sự chuyển động trên ảnh. Thủ thuật rất đơn giản, chỉ việc Ctrl + J để copy layer box và giảm Opacity xuống nhạt dần.
Tương tự cho các banner sau:

Trên đây là tông màu cam, từ đậm đến nhạt
Bạn có thể design tương tự với các tông màu khác, các màu như xanh, đỏ, tím, cam, xanh lá,..nói chung là mấy gam màu từ sáng đến tối đều áp dụng mẫu này được. Đặc biệt là bạn có thể theo tông màu "bộ nhận diện thương hiệu" của logo, website để thiết kế banner quảng cáo cho đồng nhất

 Mẫu 11. Viền màu Header

Ảnh này có viền nhiều màu ở header, có 2 phần text box ở tiêu đề và Footer. Do có viền nhiều màu nên sẽ thu hút ánh nhìn hơn hẳn.

Tổng hợp các Style thiết kế ảnh nghệ thuật - Ảnh triết lý - Châm ngôn & Cách bố cục Typography

Style 1. Thuần chữ
Style này chỉ đơn giản là viết chữ lên Background.
Một số nguyên tắc cơ bản:

1. Background đơn giản: Không nên thiết kế Background nhiều ký tự hay ảnh minh họa vì chủ yếu muốn người xem đọc chữ.

Style 2. Viết chữ nghệ thuật lên hình

Style này có nhiều kiểu trình bày khác nhau, chúng ta sẽ lần lượt phân tích các ảnh.

Viết chữ sáng trên nền sáng, sử dụng uốn éo và Size chữ to nhỏ để tạo điểm nhấn cho các chữ quan trọng và khiến text mang tính nghệ thuật hơn

Chữ sáng trên nền tối, trên nền tối thì viết chữ sáng, dùng text màu trắng, màu Aqua, xanh dương

Viết chữ sáng trên nền tối, ảnh Stock kiểu này chỉ cần viết chữ vào các khoảng trống

Background nhiều màu - Sử dụng Layer box màu trắng nhạt để làm nổi chữ

Tiếp tục sử dụng Layer third làm nổi bật chữ trên ảnh nền phong cảnh

Hiệu ứng bóng Shadow khiến chữ tiêu đề ấn tượng hơn

Sử dụng dấu phân cách Divider để đóng khung chữ

Thêm một chiêu độc để chèn chữ lên ảnh nền => Blur ảnh background, giữ lại nhân vật chính!

Tập trung vào nội dung text, fade ảnh minh họa

Các ảnh stock nghệ thuật được blend hoàn chỉnh thường rất khó chèn chữ trực tiếp vào một khoảng trống vì màu sắc không đồng điệu, trong trường hợp này chỉ có thể làm tối toàn bộ ảnh hoặc tối các góc theo hiệu ứng lomo

Style 3. Tạo Caption mô tả cho ảnh

Bản thân ảnh minh họa đủ ý nghĩa thì style Caption phù hợp nhất, làm ảnh kiểu này rất đơn giản nhưng phải có ảnh minh họa đủ ý nghĩa.

Tổng hợp các mẫu Banner quảng cáo dọc cho Website

Topic này chia sẻ các mẫu Banner dọc để bạn có ý tưởng Design và thiết kế nhanh hơn.
Các tông màu như xanh dương, xanh lá cây, Đỏ có tính kêu gọi hành động rất cao, giúp tăng tỷ lệ conversion.

Về cơ bản thì một banner quảng cáo đúng chuẩn luôn có 3 phần:
1. Logô/thương hiệu: thường được đặt ở ngay đầu banner hoặc Footer, đây là thành phần bắt buộc để quảng bá thương hiệu và tạo niềm tin cho người xem
2. Nội dung: là nội dung, thông điệp quảng cáo, sử dụng cách sắp xếp chữ typography để trình bày và chứa hình ảnh, bao bì sản phẩm luôn được đánh giá cao. Theo thống kê thì đa phần mua hàng bằng mắt, cảm tính, do đó khi gặp hình ảnh mẫu mã sp bắt mắt sẽ kích thích mua hàng nhiều hơn là xem banner toàn chữ hay ảnh minh họa dạng vector
3. Call to Action: là câu kêu gọi hành động, như click vào banner, mua hàng ngay,...

Ứng dụng của Banner:
+ DÙng làm Banner quảng cáo trên website
+ Làm Banner quảng cáo đặt trên website khác
+Làm Banner để quảng cáo adwords


Mẫu 1. Style xanh dương

Banner theo tông màu xanh dương & Vàng này khá thông dụng.
Xem hướng dẫn vẽ đường cong tại đây: http://thietkeps.blogspot.com/2014/12/cach-ve-uong-cong-voi-cong-cu-pen-tool.html

Mẫu 1 - Tông màu xanh dương

Để thiết kế Banner này không cần công cụ nào cao cấp, chỉ toàn là chữ, ở mấy hình tròn, các bạn có thể thay thế bằng hình ảnh sản phẩm để banner ấn tượng hơn.

Về màu sắc chữ: Theo nguyên tắc nền tối thì chữ sáng và ngược lại, trên nền xanh (thuộc gam màu trung tính) thì chữ màu sáng (vàng, trắng) là hợp gu nhất
Về Font chữ: Tiêu đề luôn dùng Font đậm UTM và chữ mô tả dùng Font thường, không có "chân" 
Bố cục Typography: không cần sắp xếp phức tạp, nên sắp theo chiều dọc sao cho dễ đọc nhát, không nên đặt chồng chéo như mấy Style nghệ thuật vì banner này thuộc loại thương mại, nhìn vào vào đọc đc ngay.

Mẫu 2: Tông màu xanh lá cây

Bộ ba màu Xanh lá cây - Vàng - Cam được nhiều website về công nghệ sử dụng, bộ màu này có tính tương tác cao và dễ phối hợp với màu chữ, bạn có thể chọn màu chữ là trăng, đỏ, đen, vàng, cam đều hợp. Gợi ý nhỏ là tiêu đề nên dùng hiệu ứng Stroke + Shadow để dễ đọc hơn và font chữ "cứng" hơn.

Mẫu 2 - Tông màu Xanh lá cây

Về màu sắc chữ: nền xanh lá thuộc gam màu sáng, do đó chữ nên có Stroke để dễ phân biệt
Về Font chữ: Font chữ tiêu đề: chọn các Font nét đậm như Rockwell hoặc các Font UTM nét đậm.
Bố cục Typography: tương tự mẫu 1, trình bày các nội dung quan trọng nhất, các lợi ích đặc trưng nhất của sản phẩm, tránh viết chi chít chữ nghĩa.

Hướng dẫn tạo nút bấm có viền Footer

Mẫu 3. Style màu đỏ

Bộ Banner quảng cáo theo tông màu ĐỎ

Về màu sắc: Đỏ - Đen - Trắng là bộ màu gây kích thích mạnh, ảnh trên là bộ sưu tập Banner áp dụng bộ màu này.

Về bố cục: Tạo điểm nhấn trong một Box đặt ngay trung tâm của banner, Logo đặt ở Header, Nội dung thông tin bổ sung + Nút bấm Call to Action đặt ở Footer

Mẫu 4. Style màu Aqua

Aqua là màu sáng, dễ phối hợp với các màu đậm như màu cam, đỏ. Tông màu này không nổi trội bằng các màu ở trên

Mẫu 5. Style xanh dương

Style này khá phức tạp và cần nhiều nội dung hơn, Banner này có thể dùng làm Standee, in bảng lớn.

Mẫu 6. Style Ảnh minh họa Crop tròn

 

Mẫu 7. Style Đỏ - Đen

Lượm lặt một số Style Typography phổ biến

Chào các bạn!
Topic này tổng hợp các kiểu Typography để trình bày chữ (text) chuyên nghiệp hơn.

Style 1:Sử dụng công cụ chữ nghệ thuật có sẵn trong Photoshop
Style 2: Sử dụng các Brush ngôi sao để trang trí và Box chữ để nhấn mạnh thông tin quan trọng
Style 3: Sử dụng dấu phân cách Divider đơn giản - thanh ngang để phân tách chữ, dấu phân cách này được dùng rất phổ biến. Ngoài ra, có thể viết chữ tiêu đề đậm, trong ví dụ dùng Font Time New Romance. Các thông tin thêm đươc thể hiện dạng hàng ngang hoặc dọc, sử dụng Brush hình tròn để đánh dấu check.
Style 4: Sử dụng Brush Ribbon để highlight thông tin, Box viền và dấu - để lấp đầy khoảng trống

Update:

Thêm một Style Typography thú vị
Đó là bo góc hình vuông 2 ở phía như trên hình :D