14 kinh nghiệm thiết kế banner website

Banner quảng cáo là một trong những hình thức phổ biến nhất trên mạng ngày nay. Hầu như là tất cả các công ty đều sử dụng chúng trong mọi chiến dịch quảng cáo bởi đặc tính rẻ, kết quả thu về tương đối chính xác và vô cùng hiệu quả - đó cũng chính là lý do mà những người thiết kế chúng ta nên tích cực hoạt động trong khoản này nhiều hơn !!

Và trong trường hợp ông sếp khó tính giao bạn một nhiệm vụ cao cả rằng công ty cần một mẫu banner quảng cáo thật bắt mắt nhưng cũng không kém phần hiệu quả ( ý là càng hút lượt click càng nhiều càng tốt ấy ). Thoạt nghe thì yêu cầu trên khá ngắn gọn, xúc tích lại không có gì quá đặc biệt nhưng thực chất để đưa ra một banner cuốn hút người xem là một điều tương đối "khoai" đấy. Thế thì những người nông dân như chúng ta phải làm sao để khiến ông sếp khó tính trên hài lòng? Tất cả đều có ở bài post này mọi người nhé.

1/ Sử dụng đúng kích thước chuẩn và hạn chế các hiệu ứng trên banner

[IMG]

Thể theo Google Adsense thì đây là những kích thước thông dụng và hiệu quả nhất khi thiết kế banner.

Ngoài ra thì còn tùy vào website mà công ty bạn thuê đặt banner vì không phải website nào cũng có cấu trúc giống nhau do đó tốt nhất là hãy hỏi kỹ ông sếp về khoản này, còn nếu ông ấy vẫn không biết là nên chọn kích thước nào thì hãy đưa cho ông ta xem hình trên và đừng quên tư vấn thiết kế nhé.

2/ Thứ tự sắp xếp các chi tiết quan trọng

Trước khi nói về thứ tự thì chúng ta nên nhớ một điều rằng: Banner quảng cáo là để quảng bá sản phẩm, doanh nghiệp và kéo traffic về cho website của công ty. Do đó ta có một thứ tự sắp xếp phổ biến như sau.

1 - Logo công ty bạn: Đây là điều dĩ nhiên không thể thiếu trong bất kỳ sản phẩm quảng cáo nào. Hãy đặt chúng lên vị trí cao nhất của banner và phải đảm bảo rằng logo của công ty không bị chìm so với background hay với các chi tiết phụ trong thiết kế và hãy lưu ý rằng là nếu bạn đang muốn giới thiệu, quảng bá sản phẩm hay dịch vụ gì đó của công ty thì hãy để logo kém nổi bất hơn Giá trị nội dung nhé.

2 - Giá trị nội dung: Giá trị nội dung sẽ được thể hiện qua sản phẩm mà công ty bạn cung cấp và dĩ nhiên là những hình ảnh sản phẩm ấy không thể kích thích sự tò mò hay thu hút sự chú ý của người xem nếu thiếu những chi tiết đặc biệt như giá cả, ưu điểm,... ( ví dụ như là: "hàng hiếm có khó tiềm", "giảm giá mạnh cho 10 khách hàng đặt hàng sớm nhất" hoặc là... "MIỄN PHÍ" ). Một điều cần nhớ nữa là Giá trị nội dung nên chiếm phần lớn không gian của banner để thu hút người xem.

3 - The call to action: Có nghĩa là banner của bạn cần có những yếu tố hình hay chữ như sau "Click vào đây", "Mua ngay", "Đặt hàng", ... và chúng cũng cần phải được thiết kế sao cho nổi bật.

3/ Thiết kế đơn giản

[IMG]

Hãy giữ cho banner của bạn thoáng mắt, các chi tiết nội dung, chữ hay hình cần có một khoảng khách tương đối rộng để tránh rối mắt người đọc. Điều đó sẽ khiến thiết kế của bạn lịch sự và chuyên nghiệp hơn, chưa kể chính sự đơn giản đó sẽ khiến cho người nhìn có thiện cảm hơn nữa đấy.

4/ Sử dụng các loại button thích hợp

[IMG]

Vấn đề này thì tùy thuộc vào mục đích của banner, thường thì các button này được dùng tăng giá trị CTR ( Click-through rate) và nếu mục đích của ông sếp bạn là như vậy thì hãy đặt button đấy vào góc phải bên dưới, áp vào một màu tương đổi nổi bất (nhưng đừng quá chói) và cố gắng giữ chúng tách biệt khỏi toàn bộ thiết kế một chút, chỉ một chút thôi nha, đừng biến những button đấy thành chi tiết thừa.

Định nghĩa về CTR: Click-qua tỷ lệ hoặc CTR là một cách để đo lường sự thành công của một chiến dịch quảng cáo trực tuyến. CTR được tính bằng cách lấy “Số lần nhấp chuột” chia “số lần hiển thị” của những người dùngmột quảng cáo. Ví dụ, nếu một quảng cáo banner đượ hiển thị 100 lần sau đó mới có một người nhấp chuột vào nó, như vậy kết quả CTR sẽ được 1 phần trăm. Chi tiết hơn tại đây

5/ Đừng quên tạo một frame bao quanh thiết kế của bạn

[IMG]

Việc này sẽ giúp cho banner của bạn nổi lên hơn một chút đấy. Nếu banner của bạn có màu trùng hoặc chìm quá so với background của website thì hãy vẽ 1 frame có độ dày tầm 1 hoặc 2 pixel và áp lên chúng một màu trắng hoặc đen (như banner của Adroid trên). Còn nếu như bạn đã chắc chắn là banner của bạn về cơ bản là đã khá nổi bật rồi thì việc có frame hay không cũng không sao.

6/ Đảm bảo dòng text lôi cuốn và dễ đọc nhất có thể.

[IMG]

Điều này khá dơn giản nhưng cũng tùy thuộc vào người làm nội dung cho mẫu banner quảng cáo mà bạn đang thiết kế. Hãy bảo với họ rằng là bạn cần một đoạn nội dung ngắn gọn và xúc tích nhất có thể vì để đảm bảo cho đoạn text thu hút, dễ dàng để đọc, dễ dàng để nhớ thì bạn nên hạn chế số dòng trong đoạn text đấy, từ 4 trở xuống là tuyệt nhất. Điều thứ hai đó là luôn nhấn mạnh yếu tố Chính – Phụ bằng kích thước của chữ.

Và một số điều khác mà các bạn nên tránh nữa đó là tuyệt đối không dùng những font chữ uốn éo, vòng vèo, nói chung là chữ kiểu. Không dùng “Caps Lock” cho toàn bộ phần text và quan trọng nhất là size chữ không được nhỏ hơn 10pt (trừ khi đoạn text đó là nội dung chú thích).

7/ Thiết kế phải thích hợp với chiến dịch quảng cáo và hình ảnh công ty

[IMG]

Công ty bạn có thể là một công ty về các sản phẩm quần áo dành cho tuổi teen và nhiệm vụ của phòng marketing là làm sao để giới tuổi teen biết đến sản phẩm của công ty nhiều hơn. Do đó bạn không thể nào để một cái background tối tăm hay sử dụng phong cách thiết kế cứng ngắc được mà thay vào đó là những hình ảnh mang nhiều màu sắc một chút (miễn đừng lòe loẹt), trẻ trung hơn và có phần “thị trường” (như hình mấy con minions chẵng hạn).

8/ Sử dụng đúng định dạng file

[IMG]

.JPG, .PNG, .GIF với Adobe Flash đều ổn cả nhưng hãy lưu ý là cho dù bạn có thiết kế trên Adobe Illustrator, Photoshop hay Adobe Flash thì cũng hãy nên nhớ rằng các banner dùng flash thường không hỗ trợ tất cả các thiệt bị kỹ thuật số, do đó hãy xuất dưới định dạng .GIF để tránh bỏ sót một click nào từ người xem.

9/ File xuất ra phải nhẹ

Càng nhẹ càng tốt các bạn à !! Theo Google Adwords thì tốt nhất file nên nặng 150KB. Lý do cho việc này là để cho banner của bạn được load thật nhanh, càng nhanh càng tốt để kịp hút ánh mắt người nhìn trước khi họ kéo xuống phần dưới hoặc… tắt đi mất.

Ngoài ra, bạn có thể xem thêm một số hướng dẫn chi tiết hơn tại đây

10/ Sử dụng hình ảnh một cách khéo léo

[IMG]

Và chỉ dùng khi cần. Nhưng một khi đã dùng thì đây sẽ là vài điều bạn nên tránh.

Không dùng hình ảnh có tính chất nhạy cảm (chính trị, tôn giáo, sex,…) nếu như bạn không quảng cáo về các sản phẩm đồ lót như Victoria’s Secret ở trên

Không dùng hình ảnh sai sự thật. Bạn có quyền phóng đại nhưng hãy phóng đại ở mức cho phép và đừng đi sai lệch mục đích của sự phóng đại là để nhấn mạnh vào mục tiêu chính.

Không dùng hình ảnh của người khác khi không được cho phép của họ. Nếu thời gian và kinh phí cho phép thì tôi khuyên bạn nên sử dụng sản phẩm có license để tránh một số rắc rối về pháp lý không nên có.

Và thực chất ra không phải banner nào cũng cần có hình ảnh đâu, như tôi đã nói ở trên, “chỉ dùng khi cần”. Đôi khi chỉ cần vài dòng nội dung ngắn gọn là dư sức làm nên câu chuyện rồi.

11/ Chọn màu sắc thích hợp

[IMG]

Màu sắc truyển tải thông điệp rất tốt, mỗi màu khác nhau đều mang trên mình những ý nghĩa khác nhau và chưa kể đó còn là yếu tố đầu tiên mà người xem có thể thấy được ngay lập tức. Do đó để cho banner quảng cáo của bạn thêm hiệu quả thì tôi nghĩ là bạn nên cân nhắc khoản này thật kỹ khoản này.

  • Màu sắc được chọn tốt nhất là có sự khác biệt với màu của sản phẩm hoặc của text. Dưới đây sẽ là tính chất của từng màu sắc mà bạn có thể tham khảo.Màu Đỏ: thường tượng trưng cho sự nguy hiểm, giận dữ, nhiệt huyết, tốc độ và tình yêu. Đây là màu nổi bật nhất nhưng hãy dùng màu này điều độ nếu bạn không muốn người xem bị đau mắt.
  • Màu Cam: đại diện cho sức sống, sự hạnh phúc. Đây là một trong những màu sắc được ưa chuộng bởi tính chất thân thiện và lôi cuốn. (Sử dụng cho những button hoặc The Call To Action)
  • Màu Vàng: Màu của ánh mặt trời, thể hiện sự vui vẻ, năng lượng, lạc quan. Sử dụng màu này vào thiết kế có thể thu hút được người nhìn tốt nhưng cũng như màu đỏ, chúng dễ gây đau mắt cho người xem nếu chúng ta dùng quá nhiều.
  • Màu Xanh Lá: Đại diện cho sự tươi trẻ, khỏe mạnh, sự phát triển, là hình ảnh của môi trường, thiên nhiên và cây cỏ thực vật. Màu này tuy không nổi bật nhiều nhưng lại làm dịu mắt khá tốt.
  • Màu Xanh Dương: An toàn, sự tín nhiệm, thanh bình, trầm lặng, trang trọng, thanh lịch, lạnh lẽo. Ngoài ra màu sắc này mang xu hướng nam tính khá nhiều.
  • Màu Tím: Sự sang trọng, có thể nói là màu này khá quý tộc, thể hiện sự từng trải, chung thủy, sáng tạo và huyền bí. Màu tím khá dễ chịu, nhẹ nhàng, nên dùng nếu như sản phẩm của bạn hướng đến những người phụ nữ đã có gia đình.
  • Màu Hồng: Là màu của sự nữ tính, đại diện cho tình yêu, sự ngọt ngào.
  • Màu Đen: Màu này khá trịnh trọng, lịch sự nhưng cũng là đại diện cho sự xấu, kỳ bí, sức mạnh. Thông thường thì màu này được dùng cho text bởi nó khá dễ đọc trên nhiều background màu nhất.
  • Màu Trắng: Màu của sự tinh khiết, sạch sẽ, hiện đại, giản dị, trung thực, vô hại. Đại diện nhiều cho những đặc tính tốt.
  • Màu Nâu: Là màu đặc trưng của gỗ, chúng khá tự nhiên, dễ chịu. Đại diện cho sự khiêm tốn. Thường dùng nhiều để trung hòa giữa các màu sắc và làm background, texture.
  • Màu Xám: Màu của trung lập, thực tế. Hãy dùng màu này nếu như banner của bạn có quá nhiều màu sắc, chúng sẽ giúp trung hòa sản phẩm của bạn rất nhiều đấy.

Điều cuối cùng là hãy để chế độ màu là RGB, vì banner của bạn không có mục đích để đi in mà chỉ xuất hiện trên màn hình vi tính, điện thoại mà thôi.

12/ Cân nhắc khi dùng ảnh động

[IMG]

Những banner có ảnh động đều thu hút người nhìn rất tốt nhưng bạn phải chắc chắn một điều rằng là chúng không được quá cạnh tranh với những yếu tố chính. Hãy đảm bảo rằng chúng không được lặp lại quá 10 lần hoặc chỉ cho chúng diễn hoạt trong 15 giây và cũng đừng quên sử dụng The Call To Action nhé !

Lời Kết

Chỉ với 12 bí quyết nho nhỏ trên là bạn đã có thể thiết kế được một banner quảng cáo hiệu quả để gây ấn tượng mạnh với sếp rồi. Hãy cố gắng giữ cho thiết kế thật đơn giản và nổi bật, đó là hai yếu tố chính, còn lại thì bạn có thể tùy cơ ứng biến. Và bạn không nhất thiết là phải làm theo đủ 12 điều trên trong bản thiết kế đâu mà hãy dùng có chủ đích, hãy hiểu vì sao bạn làm như thế và chỉ có như vậy thì bạn mới có thể thuyết phục sếp hoặc khách hàng được. Nghề thiết kế của chúng ta không chỉ cần làm đẹp mà còn cần phải giải quyết được vấn đề. Hãy ghi nhớ các bạn nhé !

Chúc các bạn thành công !

Dịch bởi superlouuuu - Zidean.com

Các tin mới hơn:

Dịch vụ

  • Dạy chụp và xử lý hình ảnh sản phẩm

    Dạy chụp và xử lý hình ảnh sản phẩm

    Bạn sở hữu một website giới thiệu, bán hàng trực tuyến, đang bán sản phẩm trên mạng và đang muốn chụp ảnh, xử lý để đưa lên website mà chưa biết phải làm thế nào cho đẹp. Chỉ cần duy nhất một buổi 3 tiếng với chi phí 350.000 (Ba trăm năm mươi ngàn đồng) bạn có thể tự chủ động trong việc chụp và xử lý hình ảnh cho website và bán hàng trực tuyến bằng những thiết bị đơn giản không tốn nhiều chi phí đầu tư.
  • Dịch vụ xử lý ảnh sản phẩm thời trang bằng photoshop

    Dịch vụ xử lý ảnh sản phẩm thời trang bằng photoshop

    Đối với mua hàng thời trang online thì hình ảnh sản phẩm là cực kì quan trọng và cần được đầu tư kĩ càng. Hình ảnh hàng hóa là một trong những yếu tố quyết định tới việc khách hàng có lựa chọn mua hàng của bạn hay không. SaoKim Media triển khai dịch vụ hỗ trợ khách hàng xử lý ảnh sản phẩm chỉ với 2.000 / ảnh để bạn có những hình ảnh tốt nhất cho công việc kinh doanh của mình.
  • Dịch vụ chụp ảnh sản phẩm cho website giới thiệu, bán hàng trực tuyến

    Dịch vụ chụp ảnh sản phẩm cho website giới thiệu, bán hàng trực tuyến

    Website là "bộ mặt" của công ty, cửa hàng trên mạng, bạn cần hiện thực hóa tất cả những hình ảnh lên website. Hình ảnh minh họa làm cho website của bạn nhiều màu sắc & hấp dẫn hơn, nhưng đừng lạm dụng. Nhiều hình ảnh tầm thường cũng không bằng một hình ảnh thật đẹp ở một góc nhìn ấn tượng.
  • Dịch vụ quản trị website

    Dịch vụ quản trị website

    Để Website thực sự là công cụ marketing, bán hàng hiệu quả, luôn theo sát, hỗ trợ, và thúc đẩy cho hoạt động kinh doanh của công ty, thì thông tin trên web phải liên tục được cập nhật tươi mới và đầy đủ.
  • Chụp ảnh sản phẩm xoay 360 độ

    Chụp ảnh sản phẩm xoay 360 độ

    Một số công ty tại Việt Nam  gần đây đã ra mắt cửa hàng trực tuyến của họ và đã sử dụng hình ảnh động sản phẩm 360-độ do SaoKim Media thiết kế để giao tiếp các sản phẩm của mình một cách hấp dẫn, đơn giản và hiệu quả. Nhiều doanh nghiệp đã thấy sự gia tăng doanh số bán hàng lên đến 100% sau khi họ bắt đầu sử dụng hình ảnh 3D để giới thiệu sản phẩm.  
  • Dịch vụ chụp ảnh 360 độ giới thiệu không gian showroom

    Dịch vụ chụp ảnh 360 độ giới thiệu không gian showroom

    Đáp ứng cầu xem tận mắt của người Việt trong việc khảo sát trước khi đưa ra quyết định có sử dụng dịch vụ, Sao Kim Media đưa việc tiếp thị sản phẩm lên một tầm cao mới bằng cách kết hợp kỹ thuật chụp ảnh, xử lý ảnh, và trình diễn sản phẩm bằng phần mềm tích hợp phổ biến trong các thiết bị điện tử hiện nay.
  • Thiết kế website theo yêu cầu

    Thiết kế website theo yêu cầu

    Quy trình phân tích và thiết kế chuyên nghiệp giúp chúng tôi tạo ra các sản phẩm thiết kế với đẳng cấp cao về giao diện người dùng, tính năng quản trị với một mức chi phí hợp lý. Với các giai đoạn phân tích và thiết kế được tinh lọc, chúng tôi đã giảm thiểu được thời gian thiết kế và tối thiểu được các chi phí không cần thiết dành cho việc phát triển một website chuyên nghiệp.
  • Dịch vụ thiết kế logo 3D xoay 360 độ kết hợp hiệu ứng ánh sáng

    Dịch vụ thiết kế logo 3D xoay 360 độ kết hợp hiệu ứng ánh sáng

    Sao Kim Media cung cấp dịch vụ thiết kế logo 3D xoay 360 độ kết hợp hiệu ứng ánh sáng với giá cả phải chăng, giúp doanh nghiệp xây dựng thương hiệu của mình một cách ấn tượng. Thiết kế logo sáng tạo nhằm gây ấn tượng mạnh cho khách hàng, nâng tầm công ty so với các đối thủ cạnh tranh.
  • Thiết kế website trọn gói

    Thiết kế website trọn gói

    Cá nhân, doanh nghiệp sẽ được cung cấp dịch vụ thương mại điện tử trọn gói. Doanh nghiệp được sở hữu một website giao diện đẹp, được sử dụng trên hạ tầng công nghệ thông tin hiện đại, đường truyền và máy chủ mạnh.
  • Sản xuất video clip tự giới thiệu, TVC

    Sản xuất video clip tự giới thiệu, TVC

    SaoKim Media thực hiện dịch vụ sản xuất Phim truyền hình, TVC, Phim tự giới thiệu, Thiết kế sân khấu, Showroom, Studio… Thiết kế 3D - 2,5D - 2D; Mỹ thuật, Đồ họa đa phương tiện; Dựng phim trên hệ thống HD chuyên dụng; Kỹ xảo truyền hình,…
  • Dịch vụ sms marketing giúp tăng nhanh doanh số bán hàng

    Dịch vụ sms marketing giúp tăng nhanh doanh số bán hàng

    Quảng cáo, chăm sóc khách hàng bằng tin nhắn sms, nhanh gọn, hiệu quả không ngờ mà chi phí thấp hơn nhiều so với các hình thức quảng cáo khác. Chúng tôi cung cấp đầy đủ công cụ cho Quý khách chủ động trong việc triển khai Marketting tới khách hàng qua SMS.
Hỗ trợ trực tuyến
Call me!
Tư vấn: 0918418919
Call me!
Nhận file - Trả file