Banner quảng cáo liên hệ. Cách thiết lập nhóm VKontakte đúng cách - các yếu tố cơ bản và mẹo hữu ích

Avatar và banner của nhóm VK.

Giờ đây, khi tạo một nhóm trên mạng xã hội, điều quan trọng là phải thiết kế nhóm đó đẹp mắt, đặc biệt nếu nhóm được tạo để kinh doanh, bán hàng hóa hoặc dịch vụ. Điều rất quan trọng là thiết kế phải đẹp mắt và khiến nhóm của bạn khác biệt so với đối thủ. Thiết kế tốt sẽ tăng tỷ lệ thành viên mới và khách hàng tiềm năng có thể tham gia nhóm của bạn.

Rất thường xuyên, hầu như luôn luôn, họ làm điều đó để bạn có thể truy cập menu từ biểu ngữ ở đầu trang. Và họ thường yêu cầu biến hình ảnh từ avatar thành banner.

Đây là những gì chúng ta sẽ làm bây giờ. Để mọi thứ đều đẹp và không bị cong vênh, chúng ta sẽ quyết định kích thước. Hình ảnh này thể hiện chúng một cách hoàn hảo, có tính đến việc ở trên cùng chúng ta có một trạng thái được viết không quá một dòng; nếu không có trạng thái, trong một số trình duyệt có góc xiên, hình ảnh sẽ chuyển tiếp không trơn tru.


Có 10 pixel giữa biểu ngữ và hình đại diện. Nếu bạn muốn đặt thêm thông tin phía trên biểu ngữ, tôi khuyên bạn nên sử dụng thước mySize và đo lường mọi thứ, đại loại như thế này.

Ví dụ: ở đây, khoảng cách không phải là 50 pixel như được chỉ ra trong hình trước mà là 206. Chúng tôi sẽ tính đến tất cả những điều này khi vẽ các hướng dẫn trong Photoshop.

Vì vậy, hãy bắt đầu: Mở Photoshop -> Tệp -> Mới hoặc Ctrl+N.
Một cửa sổ mở ra, viết tên và kích thước, nhưng tại sao tôi lại lấy 2420 vào năm 2000? Tôi chỉ đơn giản là tăng kích thước của chúng tôi lên gấp 4 lần, theo tôi, nó trông đẹp hơn trong VK.

Bây giờ chúng ta vẽ các hướng dẫn. Nếu không có thước dọc theo các cạnh, hãy bật chúng: Xem -> Thước hoặc Ctrl+R. Các hướng dẫn có thể được kéo ra khỏi chúng, có tính đến việc chúng hiển thị các pixel; để thực hiện việc này, nhấp chuột phải vào thước và chọn pixel nếu thứ khác được chọn.

Có một cách khác để thêm hướng dẫn: Xem -> Hướng dẫn mới. Một cửa sổ mở ra, trước tiên bạn chọn hướng dẫn nào bạn cần, ngang hoặc dọc, sau đó đặt nó ở đâu.

Đặt các hướng dẫn ngang sau: 0, 2000 (ngoài cùng), 200, 1360 pixel; dọc: 0, 2420 (ngoài cùng), 1580, 1620 pixel. Và chúng tôi đã có mẫu cho hình đại diện và biểu ngữ của mình.

Ở góc trên bên phải tôi đặt làm tròn 30 pixel, bạn có thể đặt bất kỳ hình nào bạn thích. Hãy chọn một màu khác ngoài màu trắng, tôi sẽ có màu xanh lam và vẽ hình đại diện và biểu ngữ của chúng tôi dọc theo hướng dẫn.

Bây giờ chúng ta hãy chọn một bức tranh, mình có một nhóm về chủ đề thiết kế, hãy để bức tranh như thế này.

Hãy kéo nó vào tài liệu của chúng tôi.

Bây giờ chúng ta sao chép và di chuyển một lớp sang lớp phía trên ava.

Dùng công cụ hình chữ nhật và vẽ hai hình chữ nhật ở trên cùng và dưới cùng của hình ảnh. Chúng tôi sẽ đặt tên của nhóm ở trên cùng và lời kêu gọi hành động ở dưới cùng.

Chúng ta hãy làm tương tự với các hình chữ nhật, sau đó dán chúng vào bức tranh có hình. Và chúng ta sẽ sơn lại nó theo màu chúng ta thích. Tôi có màu xanh.

Lời kêu gọi hành động thiếu nút và mũi tên. Và đối với tiêu đề, chúng tôi sẽ gạch chân.

Chúng ta sẽ vẽ mũi tên bằng các đường trắng hoặc tải xuống từ Internet và dán vào. Đối với nút, một lần nữa lấy một hình chữ nhật có các góc bo tròn. Chúng tôi làm mọi thứ trên lớp bên dưới dòng chữ của chúng tôi! Giảm phần điền xuống 0.

Mở layer style và đi tới nét viền, làm cho nó có màu trắng khoảng 4 pixel. Một lần nữa, đó là theo ý của bạn.

Dưới cái tên chúng ta vẽ hai đường thẳng. Chúng tôi sơn chúng bằng các màu: một - đậm hơn màu chính một chút, màu thứ hai - nhạt hơn một chút.

Tôi dự định khắc một số dòng chữ trên bức tranh, vì vậy tôi cần làm cho nó không quá nổi bật. Hãy áp dụng một nền mờ đồng nhất cho nó. Tôi đã thử nghiệm với màu sắc và phương pháp ứng dụng trong một thời gian dài và đi đến kết quả như sau. Nền màu be - độ mờ 80%, chế độ hòa trộn - nhân lên.

Bây giờ đối với tôi, có vẻ như không có đủ khung xung quanh các cạnh, tôi tạo một bản sao của hình ảnh, làm cho nó nhỏ hơn và thực hiện các hành động tương tự như đối với nút, xóa phần tô màu và tạo một nét. Tôi cũng làm như vậy với banner.

Bây giờ bạn có thể cài đặt nó trong một nhóm. Để tải lên, chỉ cần nhấp vào tải lên một bức ảnh mới và tải lên. Đối với biểu ngữ. Chúng tôi đặt một liên kết vào menu. Chúng tôi xóa nó khi liên kết xuất hiện bên dưới như trong ảnh chụp màn hình và nhấp vào tải ảnh lên. Nhấp vào gửi và đảm bảo rằng nó được gửi thay mặt cho nhóm. Sau đó bấm vào thời gian gửi và sẽ xuất hiện các nút bên dưới bài viết: chỉnh sửa, xóa, ghim. Bấm - ghim.

Và đây là thiết kế đã hoàn thành của chúng tôi.

Tôi hy vọng tôi đã giải thích ít nhiều rõ ràng, nếu bạn có bất kỳ câu hỏi nào, tôi sẽ sẵn lòng trả lời và cố gắng giúp bạn tìm ra câu hỏi. Tôi sẽ biết ơn chấp nhận những lời chỉ trích hợp lý, vì tôi chỉ đang tìm hiểu tất cả những điều này và tôi không có nhiều kinh nghiệm như mong muốn.

tái bút Phần thưởng - hình đại diện và biểu ngữ + phông chữ mà chúng tôi đã thực hiện trong bài viết. Chúng tôi thay đổi văn bản, màu sắc và hình ảnh và có được một thiết kế hoàn thiện đẹp mắt.

Vào mùa hè năm 2016, các nhà phát triển mạng xã hội Vkontakte cuối cùng đã khiến người dùng ngạc nhiên với một thiết kế được cập nhật hoàn toàn. Thành thật mà nói, những người quản lý trang web này có phản ứng rất trái chiều với thiết kế mới; điều này đúng hơn đối với chủ sở hữu của các cộng đồng có hình ảnh bị rò rỉ làm thiết kế (avatar + banner). Khoảng cách giữa tin tức được ghim và hình đại diện đã tăng gấp đôi theo đúng nghĩa đen, biểu ngữ trở nên lớn hơn và hạ xuống đáng kể, đồng thời hình thu nhỏ của cộng đồng giờ đây không phải là hình vuông mà là hình tròn - tất cả những khoảnh khắc khó xử này đã gây ra rất nhiều vấn đề cho những người đặt hàng và cài đặt thiết kế cho nhóm của họ trước đó. Lối thoát duy nhất trong tình huống này là làm lại thiết kế cũ để đáp ứng các yêu cầu mới trong khi vẫn giữ nguyên ý tưởng.

Mặc dù việc thiết kế cộng đồng VKontakte có vẻ khá rắc rối (đặc biệt khi so sánh với các mạng xã hội khác, nơi bìa hình chữ nhật và hình đại diện hình vuông nói chung là đủ), nhưng điều này thực sự không hoàn toàn đúng. Tiếp theo, các yêu cầu đối với hình ảnh đồ họa và nói chung là cách thiết kế một nhóm như vậy sẽ được mô tả.

Cách đầu tiên để làm cho cộng đồng của bạn bán hàng và hấp dẫn là sơ đồ “avatar+banner+menu” tiêu chuẩn.

hình đại diện

Hình đại diện vẫn ở kích thước 200 x 500 pixel (nhưng vẫn tốt hơn 400 x 1000 với chất lượng vượt trội), mặc dù ban đầu, trong quá trình thử nghiệm beta thiết kế mới, tùy chọn kích thước như 200 x 300 đã được xem xét. bây giờ là hình tròn, nhưng nếu hình tròn này được nội tiếp trong một hình vuông thì kích thước của nó sẽ là 200 x 200 pixel như trước đây.

Biểu ngữ (bài được ghim)

Kích thước biểu ngữ tối ưu là 1024 x 680 pixel (có lề chất lượng). Tôi đã tìm thấy nhiều biến thể của kích thước biểu ngữ lý tưởng trên Internet, tuy nhiên, ở mức 1024 x 680, các phần của biểu ngữ không bị cắt khi xem từ máy tính, từ phiên bản di động thông thường hoặc từ ứng dụng Android. Cũng cần lưu ý rằng biểu ngữ hiện thấp hơn do trùng lặp tên cộng đồng ở khu vực phía trên hình ảnh và chuyển ngày đăng từ khu vực bên dưới hình ảnh sang địa điểm dưới tên trùng lặp. Một điểm quan trọng khác là thiếu khả năng nhấp vào biểu ngữ từ thiết bị di động. Những thứ kia. Từ điện thoại, mọi người sẽ phải nhấp vào liên kết bên dưới ảnh chứ không phải vào chính ảnh.

Thực đơn

Về mặt thiết kế menu và đánh dấu wiki, nhìn chung không có gì thay đổi. Như trước đây, tôi sử dụng chiều rộng menu là 606 pixel và bất kỳ giá trị độ dài nào. Để có khả năng phản hồi trên thiết bị di động, tốt hơn nên bố trí điều hướng bên trong bảng - theo cách này, khi xem trên điện thoại, nó chỉ được nén theo tỷ lệ để vừa với màn hình. Nhưng nếu bạn đã tạo một điều hướng trong đó các mục chỉ nằm ở vị trí bên dưới mục kia thì bạn không cần phải thực hiện việc này - phương pháp bảng chỉ cần thiết đối với những loại menu có số lượng nút trong một hàng nhiều hơn một . Nhìn chung, để thuận tiện cho người dùng, tốt hơn hết bạn không nên chỉ tạo menu dưới dạng liên kết đến các tài liệu mà hãy tạo các trang wiki có cấu trúc phức tạp.

Nếu bạn cần một hình ảnh duy nhất để thiết kế, trước tiên hãy tải hình đại diện và biểu ngữ dưới dạng tin tức được ghim lên một nhóm nào đó để thử nghiệm. Sao chép tất cả dữ liệu từ cộng đồng mẫu vào nhóm của bạn: trạng thái, tên (điều này rất quan trọng vì dữ liệu này trùng lặp trong tin tức) và yêu cầu khách hàng cung cấp một văn bản phía trên biểu ngữ.
Sau đó, bạn có thể lấy mẫu bằng ảnh chụp màn hình, mẫu này phải được đặt trong Photoshop.

Ngoài ra còn có một phương pháp thiết kế như “bìa + banner + menu”. Nói chung, bạn chỉ có thể để lại trang bìa và ghi tất cả những thông tin quan trọng nhất vào đó. Nhưng trong mọi trường hợp, hình đại diện phải được đặt: nó sẽ không hiển thị trong chính nhóm nhưng hình ảnh thu nhỏ của cộng đồng sẽ bị lấy đi khỏi nó. Kích thước bìa tối ưu là 1590 x 400 pixel và bạn có thể tải hình ảnh lên bằng lệnh “Quản lý cộng đồng” - “Ảnh bìa cộng đồng: Tải lên”.

Kích thước hình ảnh cho thiết kế VKontakte

  • Hình đại diện: 200 x 500 pixel (chất lượng 400 x 1000 pixel);
  • Hình đại diện thu nhỏ 200 x 200px
  • Biểu ngữ hoặc kích thước của bài đăng được ghim trong nhóm: 1024 x 680 pixel nhưng có chiều rộng không nhỏ hơn 510px;
  • Thực đơn: chiều rộng 606px;
  • Bao gồm 1590 x 400 pixel.

Gần đây, các chuyên gia về cuộc trò chuyện kín, các nhà nghiên cứu mục tiêu mới, SMMers, cũng như các doanh nhân đang thử sức mình V. bài viết quảng cáo, họ thường đặt câu hỏi “cần kích thước bao nhiêu? cho một bài viết quảng cáo?. Đó là lý do tại sao, bằng cách sử dụng các ví dụ, tôi quyết định mô tả chi tiết định dạng nào nên có biểu ngữ cho bài viết quảng cáo, để nó được hiển thị đẹp mắt và đồ sộ nhất có thể trên PC, điện thoại di động và máy tính bảng. Nào đi thôi :)

Để có ví dụ rõ ràng, tôi sẽ so sánh hai biểu ngữ có kích thước 1280*720 và 800*525. Vâng, nhân tiện, kích thước và chất lượng của biểu ngữ có thể khác nhau - điều quan trọng nhất ở đây là tỷ lệ. Vì vậy, đây là hình thức của một biểu ngữ như vậy trong nguồn cấp tin tức trên các thiết bị khác nhau:

PC - THIẾT KẾ CŨ VKONTAKTE



Như bạn có thể thấy, biểu ngữ có kích thước 800*525 ở bên phải có mức thụt lề lớn hơn nhiều so với khi sử dụng kích thước 1280*720. Mặc dù nó rộng hơn và bao phủ một khu vực lớn hơn để xem qua nguồn cấp tin tức. Hãy xem những biểu ngữ này sẽ trông như thế nào trong thiết kế VKontakte mới.

PC - THIẾT KẾ MỚI VKONTAKTE


Chà, trong thiết kế VKontakte mới, cả hai kích thước này chỉ khác nhau về chiều cao, trong khi chiều rộng vẫn giữ nguyên. Và, không giống như phiên bản cũ của VK, chúng ta không thấy vết lõm lớn ở bên phải. Nhưng biểu ngữ 800*525 chiếm được vùng hiển thị lớn hơn nhiều trong nguồn cấp tin tức so với kích thước 1280*720 - hình ảnh cao hơn và lớn hơn!

Bây giờ hãy xem những biểu ngữ này trông như thế nào trong phiên bản di động của ứng dụng VKontakte trên iOS.

DI ĐỘNG - TIN TỨC


Cũng giống như trong thiết kế VKontakte mới, biểu ngữ có kích thước 800*525 trông lớn hơn (cao hơn) nhiều so với biểu ngữ có kích thước 1280*720. Và đây là một điểm cộng rất lớn cho phiên bản di động, vì khu vực xem tin tức ở đó rất nhỏ và quảng cáo với kích thước banner này sẽ chiếm phần lớn trong số đó!

Bây giờ hãy xem hình ảnh hình vuông sẽ trông như thế nào trong nguồn cấp tin tức! Để rõ ràng, tôi sẽ lập một bảng.

PC - thiết kế VKontakte cũPC - thiết kế mới của VKontakteDi động - Ứng dụng VKontakte







Chà, bây giờ chúng ta đã thấy rõ rằng những bức ảnh có kích thước 800*525 trở lên sẽ có góc nhìn tốt hơn, tiệm cận với hình vuông. Nhưng! Đừng quên rằng bài đăng quảng cáo cũng chứa văn bản, vì vậy khi bạn chọn kích thước của hình ảnh, đừng quên rằng để xem văn bản trên các thiết bị khác nhau, hình ảnh không được chiếm hết không gian hiển thị trong nguồn cấp tin tức! Nó quan trọng!

Vì hiện tại một bộ phận khán giả “ngồi” trên VKontakte thông qua thiết kế mới, và hầu hết là thông qua thiết kế cũ, tốt hơn nên sử dụng kích thước 800*525. Có, chúng tôi đã thử và mày mò các kích thước khác, cố gắng giảm độ lõm từ cạnh phải, nhưng nó chỉ tăng lên và độ lõm nhỏ nhất (có tính đến việc xem lớn hơn qua thiết bị di động) hóa ra là 800*525.

Vâng, đó là tất cả cho ngày hôm nay. Cảm ơn bạn đã quan tâm và khuyến mãi chất lượng! 😉

Cám ơn vì sự quan tâm của bạn!

Trong bài viết này, tôi muốn hệ thống hóa tất cả kiến ​​​​thức của mình về thiết kế nhóm VKontakte dựa trên kinh nghiệm tương tác với khách hàng và sở thích của họ. Hơn nữa, trong sáu tháng qua, VKontakte đã thực hiện nhiều thay đổi mà nhiều người thậm chí không hề hay biết. Tôi muốn nói sâu hơn về một số đổi mới, bởi vì trong số đó có những điều thực sự đáng giá và hữu ích. Tất cả chúng tôi dường như đã bình phục sau cú sốc nào đó sau khi VKontakte được thiết kế lại và đằng sau những thay đổi rõ ràng, chúng tôi đã phát hiện ra chức năng và nội dung đa biến của nhóm. Vì vậy, giờ đây việc thiết kế các nhóm bao gồm một quy trình phức tạp không chỉ giới hạn ở thành phần đồ họa dưới dạng hình ảnh đẹp. Bây giờ chủ sở hữu cần tính đến nhiều sắc thái của việc xây dựng cấu trúc nhóm, tùy thuộc vào chủ đề kinh doanh và sự thuận tiện của người dùng.

Điều này chủ yếu liên quan đến việc chọn thiết kế đồ họa từ hai tùy chọn loại trừ lẫn nhau, phát triển menu nội bộ, chọn điểm vào menu nội bộ, hiểu sự khác biệt giữa danh mục và trưng bày sản phẩm, chuẩn bị tài liệu quảng cáo để quảng bá nhóm và sử dụng các ứng dụng hữu ích . Nhưng điều đầu tiên trước tiên. Đầu tiên, chúng ta sẽ xem xét các yếu tố thiết kế cơ bản của nhóm, sau đó chúng ta sẽ chuyển sang sự tương tác của chúng dưới dạng kết hợp khác nhau và sau đó chúng ta sẽ nói về một số tính năng hữu ích và sự tinh tế.

1. Bìa ngang (tiêu đề)
Hãy bắt đầu với bìa hoặc tiêu đề ngang. Các nhà phát triển VKontakte đảm bảo với chúng tôi rằng trang bìa, do kích thước của nó, mang lại khả năng cơ động cao hơn trong việc cung cấp và trực quan hóa thông tin. Thông thường, ngoài hình ảnh đẹp, tiêu đề còn có logo, thông tin đi kèm, danh bạ, lời kêu gọi tham gia nhóm và địa chỉ trang web. Tôi nghi ngờ rằng một ngày nào đó bìa sẽ trở thành lựa chọn thiết kế khả thi duy nhất cho nhóm, vì vậy tôi khuyên bạn nên chuyển sang sử dụng chúng ngay lập tức để tránh phải thiết kế lại trường hợp bất khả kháng sau này.





Cách tải ảnh bìa lên
Để tải bìa, bạn cần vào Quản lý cộng đồng >> Khối thông tin cơ bản >> Bìa cộng đồng >> Tải lên. Kích thước bìa được đề xuất là 1590x400 pixel. Không thể nhấp vào bất kỳ nút hoạt động nào trong tiêu đề - về cơ bản đó là một hình ảnh và thế là xong. Ngày nay, bìa này hiển thị trên thiết bị di động và dường như đã hiển thị trong các ứng dụng và ứng dụng khách.

Tab Wiki Tin tức mới nhất
Ở khối trên cùng dưới tiêu đề hiện có thể có ba tab: bài đăng được ghim, thông tin về cộng đồng và menu wiki (chỉ trong nhóm, không có tab như vậy trên các trang công khai). Điểm nhấn vẫn là bài đăng được ghim, nhưng ngay cả khi có sự hiện diện của nó, người dùng giờ đây sẽ luôn có quyền truy cập thông tin về cộng đồng bằng cách chuyển đổi giữa các tab. Để tab menu wiki xuất hiện (ban đầu nó được gọi là Tin tức mới nhất), bạn cần đi tới Quản lý cộng đồng » Phần » Tài liệu » Bị hạn chế (hoặc Mở) » Lưu.

2. Hình đại diện dọc
Bây giờ chúng ta hãy chuyển sự chú ý sang hình đại diện cũ cho một nhóm có kích thước 200x500 pixel. Hiện tại, đó cũng là một cách để thiết kế một nhóm. Thông thường, avatar chứa các thông tin sau: logo, dòng chữ hoặc slogan đi kèm, danh bạ, lời kêu gọi tham gia nhóm. Trên thiết bị di động, toàn bộ hình đại diện không hiển thị, chỉ hiển thị một phần của hình đại diện - hình thu nhỏ. Để thiết kế một nhóm, bạn có thể sử dụng tiêu đề ngang (bìa) hoặc biểu ngữ dọc. Nếu có tiêu đề thì hình đại diện dọc sẽ không hiển thị. Không thể nhấn được bất kỳ nút hoạt động nào trên hình đại diện - về cơ bản đó là một hình ảnh và thế là xong.

3. Thu nhỏ
Hiện tại, hình đại diện dọc được sử dụng để tạo hình thu nhỏ, kích thước tối thiểu là 200x200 pixel. Hình thu nhỏ được sử dụng trong các bài đăng và mục ở dạng vòng tròn nhỏ gần tiêu đề và ở dạng vòng tròn lớn hơn trong một số lựa chọn và đề cập của cộng đồng. Liên quan đến việc chuyển đổi sang hình tròn, các yêu cầu đối với tiểu cảnh đã trở nên nghiêm ngặt hơn. Để văn bản trên hình thu nhỏ có thể đọc được đầy đủ, về mặt trực quan, nó không được vượt ra ngoài ranh giới của vòng tròn.

Cách tải lên hình thu nhỏ
Bản thu nhỏ đã trở thành một yếu tố hoàn toàn độc lập và khi sử dụng bìa (tiêu đề) trong thiết kế của nhóm, bây giờ bạn phải tạo một bản thu nhỏ riêng, hãy ghi nhớ. Nếu nhóm không có tiêu đề (ảnh bìa) thì để tải hình thu nhỏ lên bạn cần nhấp vào “Tải ảnh lên” trong khối hình đại diện (trên cùng bên phải). Nếu thiết kế có tiêu đề (bìa), thì để tải hình thu nhỏ lên, bạn cần nhấp vào vòng tròn ngay dưới tiêu đề và chọn “Tải ảnh lên” ở đó.

4. Biểu ngữ
Biểu ngữ (biểu ngữ tiếng Anh - cờ, biểu ngữ) là hình ảnh đồ họa mang tính chất thông tin, quảng cáo hoặc khuyến khích. Banner được đính kèm dưới dạng hình ảnh vào bài viết và chỉ được có một link nội bộ. Nhiều người vẫn tin rằng một số liên kết có thể được tạo từ một biểu ngữ trên trang chính. Điều này không đúng, chỉ cần một liên kết và thế là xong. Tôi sẽ làm nổi bật các loại biểu ngữ sau đây.

4.1 Biểu ngữ thông tin
Một loại biểu ngữ phổ biến chứa thông tin chung về một công ty, nhóm, dịch vụ hoặc sự kiện cùng với danh sách chi tiết các lợi ích và các tài liệu đi kèm khác. Thường được sử dụng như một bài viết được ghim trong một nhóm. Kích thước của biểu ngữ này là 510x307 pixel. Ở kích thước này, phần dưới cùng của banner trùng với hình đại diện. Nếu không có kết nối với hình đại diện thì bạn có thể sử dụng bất kỳ kích thước nào. Ví dụ: tôi sử dụng kích thước 600x350 pixel. Định dạng hình vuông 510x510 pixel cũng tiện lợi và ngày càng phổ biến - với kích thước này, biểu ngữ chiếm diện tích lớn nhất có thể trong nguồn cấp tin tức.

4.2 Banner để vào menu nội bộ
Nếu chúng ta thêm dòng chữ hấp dẫn “Open menu” vào biểu ngữ từ đoạn trước, thì chúng ta sẽ nhận được một biểu ngữ có nhiệm vụ chính là đóng vai trò là điểm vào menu bên trong. Đôi khi họ tạo mồi nhử dưới dạng một số nút trên biểu ngữ, nhưng đây chỉ là ảo ảnh; khi nhấp vào, người dùng vẫn đến trang nội bộ và ở đó mỗi nút có liên kết riêng. Kích thước của biểu ngữ này là 510x307 pixel. Ở kích thước này, banner ở phía dưới trùng với avatar. Nếu lối vào menu không được gắn với hình đại diện, thì bạn có thể tạo biểu ngữ ở bất kỳ kích thước nào, thậm chí là một nút hẹp có dòng chữ “Mở menu”. Điều chính là chiều rộng của biểu ngữ ít nhất là 510 pixel.

4.3 Thẻ repost, khuyến mại
Gần đây, thẻ đăng lại hoặc khuyến mãi đã trở nên đặc biệt phù hợp. Nhiệm vụ của nó là kêu gọi hành động cụ thể. Về cơ bản đó là “Tham gia nhóm, đăng lại hoặc thích và giành giải thưởng”. Các biểu ngữ như vậy được sử dụng như một phần của chiến dịch quảng cáo hoặc khuyến mãi trong nhóm của chính họ và để quảng bá trong các nhóm khác. Tôi thường sử dụng 600x350 pixel.

4.4 Biểu ngữ có ảnh động gif
Sau khi các nhà phát triển VK tạo kích thước lớn hơn cho ảnh gif vào đầu năm, gif ngay lập tức đứng ngang hàng với các banner thông tin. Ví dụ: trên biểu ngữ GIF, bạn có thể hiển thị hình ảnh của một số sản phẩm hoặc văn bản đang thay đổi - chuyển động ngay lập tức thu hút sự chú ý. Và khi chức năng này được thêm vào vào tháng 6 hoạt hình gif tự động chạy trong nguồn cấp tin tức, ảnh GIF đã trở thành đối tượng thu hút sự chú ý của các nhà quảng cáo và nhà tiếp thị.

5. Avatar+thiết kế banner cố định
Cho đến gần đây, thiết kế mô-đun này, bao gồm hình đại diện và biểu ngữ được ghim, là cách phổ biến nhất để thiết kế nhóm. Chi tiết hơn về cách thực hiện thiết kế này được mô tả trong bài học. Với sự ra đời của tiêu đề (bìa), mức độ phổ biến của thiết kế này có thể giảm đi đôi chút.

Thêm vào đó, có khả năng VKontakte sẽ lại thay đổi một số thông số khối và sau đó toàn bộ thiết kế sẽ bị loại bỏ, như đã xảy ra hai lần trong sáu tháng qua. Vì vậy, các chủ nhóm thân mến, khi chọn thiết kế cho nhóm của mình, hãy tính đến thực tế này. Vâng, và một điều nữa, trên thiết bị di động, tất cả vẻ đẹp của một bức ảnh đều không được hiển thị, vì hình đại diện không được hiển thị mà chỉ là hình thu nhỏ và bài đăng được ghim nằm ngay bên dưới.

6. Menu điều hướng nội bộ
Menu ở dạng liên kết hoạt động nằm trên trang VKontakte nội bộ và được viết bằng các lệnh đánh dấu wiki. Cách tạo trang bên trong đã được mô tả trong bài học. Sử dụng menu, người dùng điều hướng qua nhóm. Dưới đây bạn sẽ xem xét các loại menu nội bộ, nhưng bây giờ chúng tôi sẽ tập trung vào một số điểm quan trọng.

Điểm vào menu nội bộ
Tôi muốn chỉ ra một điểm tinh tế thường không được coi trọng. Đôi khi khách hàng đặt mua một menu nội bộ từ tôi, nhưng họ hoàn toàn không biết người dùng sẽ truy cập menu nội bộ này bằng cách nào. Và bạn có thể truy cập nó theo hai cách: thông qua biểu ngữ được ghim (xem đoạn 4.2) hoặc thông qua liên kết văn bản ở tab trên cùng bên dưới dòng trạng thái (xem hình bên dưới). Đôi khi một liên kết văn bản cũng được đặt trong khối “Liên kết” ở cột bên phải của giao diện.

Liên kết menu nội bộ
Thông thường, khi đặt hàng, khách hàng ghi rõ các mục menu sau: Giới thiệu, Sản phẩm (danh mục) của chúng tôi, Phương thức giao hàng, Thanh toán, Đảm bảo, Đánh giá, Liên hệ, Khuyến mãi, Giảm giá, Lịch trình, Cách đặt hàng, Danh mục đầu tư, Câu hỏi và trả lời, Thông tin, Đặt hàng. Các liên kết từ các mục menu có thể đi đến các phần tương ứng của trang bên ngoài. Sau đó, liên kết sẽ tự động mở trong một cửa sổ mới. Hầu hết các điểm đều dẫn đến các trang VKontakte nội bộ. Trong trường hợp này, trang sẽ mở trong cùng một cửa sổ và bạn phải tạo một liên kết hoặc nút “Quay lại menu chính”.

Liên kết đến album có ảnh và video sẽ mở trong cửa sổ mới. Liên kết đến các chủ đề có thảo luận (ví dụ: Đánh giá), đến hộp thoại viết tin nhắn, tới các ứng dụng (xem điểm 10), đến lựa chọn theo thẻ bắt đầu bằng # (xem điểm 12) mở trong cùng một cửa sổ và trong trường hợp này bạn có thể quay lại menu chỉ thông qua trang chính của trang web hoặc thông qua nút “Quay lại” trong trình duyệt. Đây có lẽ là thời điểm bất tiện nhất với những liên kết như vậy.

Chỉnh sửa thực đơn
Khách hàng thường hỏi tôi có thể chỉnh sửa menu bên trong được không. Câu trả lời của tôi là, nếu bạn là người dùng tự tin và quen thuộc với các chế độ chỉnh sửa và đánh dấu wiki, thì bạn có thể chỉnh sửa. Nhưng nếu bạn không quen với tất cả những điều này thì chắc chắn là không. Trong trường hợp này, bạn sẽ làm hỏng tất cả các cài đặt.

Tôi sẽ trích dẫn lời của chính các nhà phát triển VKontakte. “Một lời khuyên đơn giản sẽ giúp bạn tiết kiệm rất nhiều công sức và thần kinh: chỉ làm việc ở một chế độ. Đó là chế độ trực quan hoặc chế độ đánh dấu wiki. Việc chuyển đổi giữa hai chế độ này trong khi làm việc đánh dấu sẽ gây ra hầu hết các vấn đề: hình ảnh có thể trở nên nhỏ hơn, các thông số khác nhau có thể biến mất. Đây là một trong những điều chắc chắn sẽ được sửa chữa trong tương lai, nhưng hiện tại chúng ta cần ghi nhớ thực tế này.”

Đáp ứng di động
Và một điểm nữa về khả năng thích ứng. Để menu bên trong trông giống nhau trên thiết bị di động, bạn cần bố trí nó trên các bảng. Sau đó hình ảnh sẽ được cố định một cách cứng nhắc. Mặt khác, khi kích thước màn hình giảm, các hình ảnh có xu hướng di chuyển cái này sang cái khác, vi phạm thứ tự dự định ban đầu.

Một lần nữa, đây là lời của các nhà phát triển về khả năng thích ứng. “Menu wiki được hiển thị trong trình duyệt di động nhưng không thích ứng với kích thước màn hình, đó là lý do tại sao hình ảnh có thể trông không giống như trên máy tính. Bạn có thể tìm hướng dẫn trực tuyến về cách điều chỉnh đánh dấu wiki cho thiết bị di động, nhưng thậm chí chúng cũng không đảm bảo hiệu suất 100% trên tất cả các thiết bị.”

7. Các loại menu điều hướng nội bộ
Dưới đây là các loại menu nội bộ phổ biến nhất. Có những giải pháp đơn giản hơn và rẻ hơn nhưng có độ tin cậy cao. Và có những thiết kế phức tạp và tốn nhiều công sức hơn về mặt đồ họa và bố cục. Nhưng chúng trông ấn tượng hơn.

7.2 Menu đồ họa lớn
Trong trường hợp này, một hàng liên kết dọc nằm trên một hình nền lớn và có cấu trúc cố định chắc chắn. Đây là bài học.

7.3 Menu ở dạng biểu tượng, ô xếp
Thiết kế này bao gồm một số hàng và cột dưới dạng biểu tượng đồ họa và chữ khắc cho chúng hoặc các ô đồ họa nhiều màu hoặc đơn sắc.

7.4 Menu động với hiệu ứng điều hướng
Một thiết kế rất ấn tượng mô phỏng điều hướng trang web bằng hiệu ứng nhấp chuột vào nút hoặc các dấu hiệu khác của các liên kết đã truy cập. Một menu như vậy khá khó quản lý và đòi hỏi kỹ năng giao tiếp với đánh dấu wiki, vì bạn cũng sẽ phải chỉnh sửa thông tin trên các trang trong đánh dấu wiki. Đây là một bài học về chủ đề này.

Biểu ngữ VK

từ 900 chà.

Đặt hàng RUB

Với cách tiếp cận phù hợp, toàn diện, để đặt biểu ngữ VKontakte, bạn có thể sử dụng tất cả các vị trí có sẵn để xuất bản bài đăng và thiết kế đồ họa của trang, cụ thể là:

  1. Nhắm mục tiêu các bài đăng trả phí và biểu ngữ quảng cáo VK, bài đăng quảng cáo trong cộng đồng.
  2. Bài đăng trong nguồn cấp dữ liệu cộng đồng (nhóm) của bạn.
  3. Thiết kế trang nhóm - biểu ngữ trên cùng của cộng đồng VKontakte (trang bìa), hình đại diện, biểu ngữ menu trên cùng có đánh dấu wiki.

Hiện tại, VKontakte cho phép bạn đăng banner ảnh tĩnh, ảnh động GIF và video. Biểu ngữ hoạt hình HTML5 chưa được sử dụng trên các trang web.

Chúng ta hãy xem xét kỹ hơn các loại và tính năng khác nhau của việc tạo biểu ngữ cho VK:

Biểu ngữ cho quảng cáo trả phí được nhắm mục tiêu trên VKontakte.

Các khối văn bản và đồ họa ở phía bên trái của trang web.

Quảng cáo nhỏ (đoạn giới thiệu), bao gồm hình ảnh và văn bản. Hai loại thường được sử dụng nhất:

  1. Hình ảnh + văn bản dài tối đa 70 ký tự.
  2. Bức tranh lớn.

Cả hai tùy chọn đều có thể bao gồm tiêu đề tối đa 33 ký tự.

Kích thước hình ảnh cho biểu ngữ có văn bản là 145x85px.
Đối với ảnh lớn – 145x165px.
Bạn có thể đăng JPG, PNG, BMP hoặc GIF (không có ảnh động) có dung lượng không quá 5 MB.

Về cơ bản, điều này cho bạn lựa chọn đặt nhiều văn bản hơn dưới hình ảnh biểu ngữ hoặc trên chính hình ảnh đó. Điều đáng lưu ý là theo yêu cầu của VKontakte, văn bản không được chiếm quá 50% diện tích hình ảnh. Xem xét kích thước nhỏ của biểu ngữ, bạn nên sử dụng văn bản ngắn gọn và cô đọng để truyền tải ý nghĩa chính của ưu đãi của mình.

Lưu ý: Điều đáng lưu ý là các biểu ngữ nhỏ này ở phía bên trái của trang web không được hiển thị trong phiên bản di động của VK trên điện thoại thông minh.

Bài đăng quảng cáo trên nguồn cấp tin tức VKontakte

  1. Ghi lại bằng một nút.
  2. Ghi âm phổ quát.
  3. Băng chuyền.

Một trong những định dạng quảng cáo phổ biến nhất đối với khách hàng, phần lớn là do sự hiện diện của nút thúc đẩy với lời kêu gọi hành động được nêu bật trong thiết kế.

Bao gồm:

  • hình ảnh (hình ảnh JPG, PNG hoặc GIF (không có hình động) với kích thước tối thiểu 537x240px (nên tải lên kích thước 1074x480px để hiển thị độ phân giải cao);
  • văn bản nhập tối đa 220 ký tự;
  • văn bản mô tả bên cạnh nút tối đa 80 ký tự;
  • một nút có lời kêu gọi hành động (“Đi”, “Mua”, “Đặt hàng”), có thể được chọn từ danh sách đề xuất.

Bài viết quảng cáo kèm hình ảnh.

Bài quảng cáo có ảnh động GIF.

Trong bài đăng như vậy, bạn có thể bao gồm biểu ngữ GIF động có chiều rộng lên tới 1000px.

Một phần thưởng hữu ích cho nhà quảng cáo là biểu ngữ GIF VKontakte phát tự động mà không cần nhấn nút “Bắt đầu” ở chế độ tự động phát. Một biểu ngữ hoạt hình như vậy trên VK sẽ thu hút thêm sự chú ý của người dùng và nổi bật trên trang.

Giới hạn trọng lượng đối với ảnh động GIF để hiển thị ở chế độ tự động phát được đặt ở mức 10-12 MB. Có thể đặt banner GIF có dung lượng lên tới 50MB nhưng nó sẽ chỉ được phát sau khi người dùng nhấn thêm nút.

Ghi âm quảng cáo bằng video.

Biểu ngữ video cho VK là video được nhúng trong bài đăng quảng cáo. Có thể tải video lên máy chủ VKontakte hoặc nhúng chúng từ các trang web lưu trữ video của bên thứ ba (YouTube, Rutube, Vimeo).

Giới hạn kích thước video là 2MB, thời lượng tối đa 30 phút. Độ phân giải tối đa là 1080p.

băng chuyền

Băng chuyền là thanh trượt ngang của thẻ sản phẩm mà người dùng có thể cuộn qua.

Mỗi thẻ chứa:

  • Hình ảnh sản phẩm hình vuông (kích thước tối thiểu 400x400px).
  • Mô tả sản phẩm dài tối đa 25 ký tự.
  • nút động lực, văn bản của nút này có thể được chọn từ danh sách đề xuất (“Mở”, “Mua”, “Đi” và các nút khác).
  • nếu muốn, giá của sản phẩm (cũ và mới).

Tổng số thẻ có thể từ 3 đến 10. Lượng văn bản trên hình ảnh sản phẩm không được vượt quá 50% diện tích của hình ảnh.

Băng chuyền được hình thành như một nơi trưng bày hàng hóa để đặt hàng. Tuy nhiên, với cách tiếp cận sáng tạo, nếu bạn coi thẻ sản phẩm là một chuỗi khung, bạn có thể thiết kế băng chuyền dưới dạng một loạt biểu ngữ được kết nối với nhau hoặc kể một câu chuyện đồ họa trên thẻ, khuyến khích người dùng cuộn qua các khung và từ đó thu hút họ. trong sự tương tác với quảng cáo của bạn.

Yêu cầu chung và điều độ.

Tất cả các bài đăng và thông báo quảng cáo được đặt trên VKontakte trên cơ sở trả phí đều phải được kiểm duyệt bắt buộc.
Chúng phải tuân theo các yêu cầu chung của luật quảng cáo. Hàng hóa và dịch vụ lưu hành hạn chế cần có thêm thông tin pháp lý và cảnh báo (tuyên bố từ chối trách nhiệm). Nếu cần, Văn phòng Quảng cáo VKontakte đề nghị nêu rõ giới hạn độ tuổi được phép quảng cáo. Ngoài ra, mạng VKontakte còn có những yêu cầu đối với việc thiết kế quảng cáo, không nên bỏ qua.

Người điều hành có nhiều khả năng từ chối các biểu ngữ có chứa:

  • lỗi ngữ pháp;
  • quá nhiều dấu chấm than và biểu tượng cảm xúc;
  • các cụm từ viết hoa không phân biệt chữ hoa (CAPS LOCK);
  • những bức ảnh thô tục và phản cảm.

Nếu người điều hành từ chối một bài đăng quảng cáo, bạn sẽ nhận được thông báo về lý do dẫn đến quyết định này và có thể thực hiện các thay đổi.
Tuy nhiên, tốt hơn là nên dựa vào kinh nghiệm của các chuyên gia của chúng tôi, những người sẽ đảm bảo rằng thiết kế biểu ngữ VK đáp ứng chính xác tất cả các yêu cầu của mạng và sẽ không cho phép trì hoãn khi bắt đầu chiến dịch quảng cáo.

Biểu ngữ trong bài đăng nguồn cấp dữ liệu cộng đồng (nhóm) của bạn.

Các bài đăng trên cộng đồng của bạn (giống như các bài đăng quảng cáo chung) có thể bao gồm các loại biểu ngữ khác nhau.
Sự khác biệt chính so với bài đăng Quảng cáo chung trong Tài khoản quảng cáo là các biểu ngữ như vậy được đặt miễn phí trong nguồn cấp dữ liệu của riêng bạn. (Tất nhiên trừ khi bạn quyết định quảng cáo một trong những bài đăng trả phí của mình dưới dạng bài đăng quảng cáo).

Biểu ngữ là hình ảnh tĩnh (ở định dạng JPG, PNG, BMP, GIF) có chiều rộng tối thiểu 510px.
Bạn nên tải lên hình ảnh lớn hơn để duy trì chất lượng của chúng khi nén. VKontakte không đưa ra khuyến nghị chính xác nhưng độ phóng đại hình ảnh gấp 2 lần thường được sử dụng để duy trì độ rõ nét.

Có thể đặt không chỉ hình ảnh hình chữ nhật mà còn cả hình vuông, theo kiểu biểu ngữ cho Instagram. Biểu ngữ hình vuông trông đặc biệt đẹp mắt trong phiên bản di động của VK. Hãy nhớ rằng kích thước hình ảnh sẽ nhỏ hơn trên thiết bị di động. Vì vậy, bạn không nên sử dụng phông chữ nhỏ, cố gắng chứa càng nhiều thông tin càng tốt.

Sự lựa chọn tốt nhất là những văn bản ngắn gọn và súc tích, dễ đọc cho người dùng. Bạn luôn có thể cung cấp cho khách hàng thông tin bổ sung chi tiết trong văn bản của bài đăng, trên trang cộng đồng hoặc trang web của công ty.

Biểu ngữ GIF động (tối đa 10-12 MB để phát lại tự động, rộng tối đa 1000px (sẽ được giảm xuống độ rộng ghi khi tải).

Biểu ngữ video (video có độ phân giải lên tới 1080p). Chúng có thể được xem cả trong nguồn cấp dữ liệu cộng đồng và trong cửa sổ trình phát video VKontakte.

Bạn nên tạo các mẫu biểu ngữ cho cộng đồng của mình để bạn có thể tùy chỉnh thông tin và hình ảnh. Giải pháp này cho phép bạn duy trì một phong cách duy nhất, dễ nhận biết cho quảng cáo SMM của mình. Các chuyên gia của chúng tôi sẽ có thể chọn giải pháp phù hợp.

Biểu ngữ trong thiết kế của một trang cộng đồng (nhóm).

Hiện tại, chủ sở hữu cộng đồng VKontakte được cung cấp hai tùy chọn thiết kế trang:

  1. Biểu ngữ nằm ngang trên cùng của menu VKontakte (“bìa” hoặc “tiêu đề trang”).
  2. Biểu ngữ-hình đại diện dọc ở phần trên bên phải của trang (đoạn tròn được sử dụng làm hình đại diện nhỏ, thông tin thêm về nó bên dưới).

Banner bìa ngang nằm trên toàn bộ chiều rộng của trang nhóm – 795px. Bạn nên tải lên hình ảnh có kích thước 1590x400px; về mặt trực quan, nó sẽ giảm kích thước một nửa mà không làm giảm chất lượng.


Biểu ngữ như vậy có thể được sử dụng làm biểu ngữ trực quan chính của trang, trình bày thông tin chung về công ty, các hoạt động và thông tin liên hệ của công ty cũng như thông tin nhanh chóng về các chương trình khuyến mãi và giảm giá hiện tại. Vì biểu ngữ cho nhóm VKontakte nằm phía trên nút menu “Đăng ký”, bạn có thể đặt thêm một cuộc gọi động viên “Tham gia nhóm!” trong chính biểu ngữ phía trên nút. “Hãy là người đầu tiên biết về giảm giá!” và những thứ tương tự. Tất cả thông tin quan trọng và quan trọng phải được nhóm lại ở giữa biểu ngữ cộng đồng VKontakte để tránh thất thoát do cắt viền trên thiết bị di động.

Biểu ngữ hình đại diện dọc bên cạnh cũng có thể chứa bất kỳ đồ họa quảng cáo nào; bạn chỉ cần cung cấp một khu vực hình tròn trong thiết kế của nó, khi tải lên hình ảnh của một hình đại diện lớn, bạn sẽ cần phải chọn để sử dụng làm hình đại diện cộng đồng hình tròn nhỏ.

Kích thước tối thiểu của ảnh đại diện là 200x200px. Tối đa - 200x500px. Về mặt trực quan, kích thước của avatar tròn nhỏ sẽ giảm xuống còn 50px, vì vậy bạn cần đảm bảo rằng avatar rõ ràng, dễ hiểu và quan trọng nhất là dễ nhận biết và dễ nhớ.


Trong số các yếu tố bổ sung của thiết kế trang quảng cáo, bạn có thể chú ý đến khả năng đưa các yếu tố đồ họa của riêng bạn vào phần Menu bằng cách sử dụng Bố cục trang Wiki. Tab Menu được thêm vào phần Tin tức được ghim trên cùng, các nhóm có thể truy cập được. Sử dụng đánh dấu Wiki, bạn có thể thiết kế một menu theo kiểu trang và điền vào đó các thông tin và liên kết bổ sung.

Một cách tiếp cận tích hợp để đặt các biểu ngữ quảng cáo và thiết kế cộng đồng VKontakte theo một phong cách duy nhất cho phép bạn tăng khả năng nhận diện và sức hấp dẫn của thương hiệu công ty. Và sự kết hợp của nhiều định dạng biểu ngữ VK khác nhau cho phép bạn hiện thực hóa mọi ý tưởng sáng tạo và làm cho chiến dịch quảng cáo SMM của bạn thực sự hiệu quả.