Thực đơn
trang chủHướng dẫn

Cách tạo nhóm liên hệ bằng menu trên cùng được ghim cho thiết kế VK mới. 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

Xin chào tất cả các độc giả thân yêu của trang blog. Tôi tiếp tục chủ đề của mình - trên thực tế, không phải mọi thứ đều phức tạp như vẻ ngoài của nó và không có gì đặc biệt để nghiên cứu ở đây. Tính chuyên nghiệp của bạn phụ thuộc hoàn toàn vào thực hành. Được rồi, hôm nay chúng ta sẽ nói về vẻ đẹp của nhóm bạn, vẻ đẹp của thực đơn trong nhóm của bạn và cách thiết kế đẹp mắt thực đơn và các nhóm cũng như bằng chính đôi tay của bạn, tức là. miễn phí!

Nói về sự đơn giản của ngành SMM - thậm chí trong đó còn có nhiều nhánh và thủ thuật hơn mà bạn cần biết về mặt lý thuyết để đạt được kết quả. Được rồi, tôi cũng thừa nhận một thực tế là tôi có thể vẫn còn quá yếu trong những lĩnh vực này, mặc dù tôi có khách hàng ở cả hai lĩnh vực này.

Vậy thì, Hãy đi tạo menu cho nhóm VKontakte?

Cách tự thiết kế menu trong nhóm VKontakte

Có, chính xác là do bạn tự làm, vì sau khi đọc bài viết này, bạn sẽ không cần đến dịch vụ của các dịch giả tự do. Mặc dù đây không phải là một công việc kinh doanh tốn kém, nhưng với 1500 đô la, họ có thể tạo cho bạn một menu trên Workzila (tôi đã viết một kinh nghiệm chi tiết về cách làm việc với sàn giao dịch này).

Vì vậy, đây là những gì chúng ta cần để tạo một nhóm trên VK:

1. Bố cục (sắp xếp đồ họa của các phần tử) - chúng ta phải biết mọi thứ nên ở đâu.

2. Kiến thức cơ bản về đánh dấu wiki. (chúng ta sẽ nói về những điều tiêu chuẩn nhất bên dưới, nhưng để nghiên cứu chi tiết, tôi khuyên bạn nên nhóm này ).

3. Kỹ năng cơ bản khi làm việc với Photoshop. Bạn sẽ cần phải cắt các phần của bố cục theo kích thước yêu cầu.

Tôi có thể lấy bố cục menu ở đâu?

Bố cục cho thiết kế menu VKontakte có thể được thực hiện theo nhiều cách khác nhau, ví dụ:

1. Làm việc tự do hoặc Workzilla.

2. Bạn có thể tự tạo nó nếu bạn có kỹ năng Photoshop. Nếu không, tôi khuyên bạn nên tham gia các khóa học của Evgeniy Popov, đây là một trong số đó, chỉ dành cho Photoshop - nhấp chuột.

3. Bạn có thể google và tải xuống những cái làm sẵn. Hãy tin tôi, có khá nhiều trong số họ.

Chà, mặt khác... Tại sao lại là Google? Chỉ cần đăng ký để cập nhật trang web của tôi. Và nhấp vào các nút truyền thông xã hội bên dưới.

Tôi đã chuẩn bị một kho lưu trữ đặc biệt cho bạn, trong đó hơn 100 thiết kế khác nhau cho nhóm VKontakte!. Khi giải nén, kho lưu trữ chiếm khoảng 2,5 gigabyte.

Điều kiện chính là phải đăng ký và theo dõi các nút mạng xã hội!


Cảm ơn. Bây giờ bạn có thể tải xuống kho lưu trữ từ liên kết này.
Đừng quên xem qua các nút mạng xã hội còn lại.

Kích thước avatar và menu hữu ích cho việc thiết kế nhóm VK

Để thiết kế đúng một nhóm hoặc trang công cộng, bạn cần biết về kích thước của hình ảnh mà bạn cần sử dụng. Tôi yêu cầu bạn chú ý đến bức ảnh này.

Như bạn có thể thấy, trong nhóm, hình đại diện cần có kích thước chiều rộng 200 và chiều cao 500 pixel. Và đối với hình ảnh menu chính - rộng 395 pixel và cao 289 pixel.

Về cơ bản đó là tất cả những gì bạn cần. Có bố cục, có sự hiểu biết về kích thước.

Phần sáng tạo đã kết thúc - chỉ còn lại một ít công việc. Chúng tôi bắt đầu phần kỹ thuật của toàn bộ quá trình tạo menu cho các nhóm.

Cách tự tạo nhóm VKontakte, có sẵn bố cục

Vậy là chúng ta đã có các mô hình thiết kế nhóm. Bây giờ bạn cần cắt bỏ những phần cần thiết.

Tất nhiên, không cần thiết phải có avatar nhóm. Chúng tôi cắt phần cần thiết khỏi bố cục hoặc hình ảnh và dán nó vào nhóm. Tôi nghĩ bạn có thể tự chèn nó? Vâng tôi cũng hi vọng thế. Nếu không thì viết bình luận, tôi sẽ thêm phần này vào bài viết.

Bây giờ menu, nó cần phải được cắt bỏ. Tất nhiên, không phải bản thân menu mà mọi phần của menu (các nút) chắc chắn cần phải được cắt bỏ.

Đầu tiên, một chút giáo dục.

Menu nhóm khác với menu chung như thế nào?

Chúng khác nhau ở chỗ menu nhóm về cơ bản là một tập hợp các nút. Nhưng menu này luôn bị ẩn! Luôn luôn! Và menu công khai luôn mở và trên thực tế là một liên kết bài đăng được ghim dẫn đến một trang có các phần của chính menu (các nút).

Vì vậy, một lần nữa: trong một nhóm - để xem menu, bạn cần nhấp vào nút “Menu nhóm”, theo mặc định, nút này được gọi là “Tin tức mới nhất”.

Và ở nơi công cộng (nhân tiện, trong một nhóm, bạn cũng có thể) menu luôn mở.

Nhưng bức ảnh này là một liên kết lớn và đẹp dẫn đến một menu riêng biệt lớn hơn. Đây:

Nút hình ảnh này trên menu được tạo thông qua một bài đăng được ghim. Đây chỉ là bài viết trong nhóm mà chúng tôi ghim vĩnh viễn thôi! Bài đăng liên kết này sẽ đưa bạn đến một trang riêng mà chúng tôi sẽ nhẹ nhàng tạo trước.

Cách tạo một trang riêng cho menu VKontakte

Để tạo một trang cho menu (điều hướng) trong tương lai, bạn cần gửi yêu cầu sau tới VK:

trong đó XXX là số nhóm, YYY là tên trang (ở đây bắt buộc phải có tất cả dấu chấm hỏi và dấu gạch ngang).

Hơn nữa, tôi khuyên bạn nên đặt cái tên bình thường, hấp dẫn và có ý nghĩa, vì nó sẽ tỏa sáng và mọi người sẽ hình thành ấn tượng nhất định về bạn và nhóm của bạn dựa trên cái tên này. Ví dụ: “Điều hướng” hoặc “Menu nhóm” là những cái tên bình thường nhưng chúng có vẻ tầm thường. Sử dụng trí tưởng tượng của bạn.

Tôi đã nhập truy vấn sau

Và tôi ngay lập tức mở một trang đã tạo với khả năng chỉnh sửa nó.

Đây là nơi bạn sẽ cần chèn mã của mình cho menu bằng cách sử dụng đánh dấu wiki. Nhưng nhiều hơn về điều này sau.

Nhân tiện, tôi sẽ kể cho bạn một bí mật, nếu bạn có một nhóm (chứ không phải nhóm công khai) - một menu tiêu chuẩn đã tồn tại theo mặc định - thì bản thân nó đã là một trang. Vì vậy, bạn có thể sử dụng nó nếu gặp vấn đề khi tạo các trang bổ sung.

Cách tạo bài đăng được ghim trong nhóm hoặc công khai

Có, và trong bất kỳ loại cộng đồng nào, bài đăng được ghim đều được tạo theo cách tương tự! Mọi thứ được thực hiện rất đơn giản.

Và trong cửa sổ xuất hiện, hãy nhấp vào nút “Ghim” - thật đơn giản!

Nhân tiện, nhiều nhóm sử dụng các bài đăng được ghim làm thông báo. Nếu mức độ liên quan của quảng cáo này đã hết, bạn chỉ cần nhấp lại vào ngày xuất bản và nút “Bỏ ghim”.

Trên thực tế, hiện nay mọi người đều sử dụng phương pháp thực đơn cụ thể này.

Đoán xem tại sao?

Như vậy là chúng ta đã biết cách tạo trang và ghim bài viết. Mát mẻ. Hãy quay trở lại bố trí ram của chúng tôi.

Cắt bố cục cho thiết kế nhóm hoặc công cộng

Vì vậy, đối với hình đại diện, mọi thứ đều rõ ràng, chúng tôi không cắt bỏ bất cứ thứ gì ở đây. Chúng tôi đã tạo một bức ảnh có kích thước theo yêu cầu và tải nó lên VK. Tất cả. Chúng ta đã hoàn thành xong avatar của nhóm!

Bây giờ là thực đơn.

Ví dụ: tôi lấy thực đơn từ nhóm này. Tôi đã tự làm nó và tôi vẫn có quyền truy cập vào nó, vì vậy tôi thậm chí có thể hiển thị mã của các trang.

Vậy là bạn đã biết cách làm hình ảnh chính cho menu - đó chỉ là một bài viết được ghim mà thôi.

Bấm vào menu và xem hình ảnh.

Chúng ta cần làm nổi bật các vùng “có thể nhấp vào”.

những thứ kia. tự mình chọn các nút. Hãy để tôi đánh dấu những khu vực này cho bạn bằng các đường màu đỏ.

Chúng ta nhận được bao nhiêu? 5 hình ảnh. Và không phải bức ảnh nào cũng là một nút!! Như bạn có thể thấy, hình ảnh lớn phía trên không phải là một nút bấm, mà chính nó...

Vì vậy, chúng tôi cắt các hình ảnh dọc theo những đường này. Bây giờ bạn cần phải "tải" nó lên VK.

Nếu bạn đã tạo một trang riêng cho menu, hãy nhấp vào nút “Điền nội dung” trên trang mới tạo.

Nếu bạn không tạo trang này mà sử dụng trang tạo sẵn cho menu, thì bạn sẽ thấy ngay trình chỉnh sửa trang và bạn có thể tải ảnh lên ngay lập tức:

Điền vào và bạn sẽ thấy như sau:

Bạn có thể chỉ có một mã giống như mã trong hình bên dưới. Nếu không, hãy nhấp vào nút “Mã nguồn”, tôi đã đánh dấu nút này ở hình trên cùng. Và bạn sẽ thấy như sau:

Ở đây chúng ta cần sắp xếp tất cả các bức tranh để không bị nhầm lẫn (à, đó là việc tôi làm).

Và để không có khoảng đệm giữa các ảnh, hãy nhập thẻ “nopadding”, nó sẽ trông như thế này:

đây là trang-58190479_45419120 - đây là địa chỉ của chính trang VKontakte, bạn sẽ tìm thấy mã nhận dạng này trên thanh địa chỉ của trình duyệt của mình.

Thế thôi :) Có khó không?

Đây là những gì tôi đã kết thúc trong mã của mình. Nếu bạn có một cái gì đó tương tự, thì mọi thứ đều theo thứ tự.

Nếu bạn có bất kỳ vấn đề nào với bất kỳ điểm nào, vui lòng liên hệ với chúng tôi. Tôi rất sẵn lòng giúp đỡ.

Nhân cơ hội này, tôi muốn nhắc bạn rằng có những dịch vụ tuyệt vời dành cho bất kỳ hoạt động khuyến mãi và gian lận nào, đó là:

thịnh vượng | cộng sự | công cụ xã hội

Có lẽ tôi đã chưa kể hết những bí mật cần được kể. Tôi thừa nhận rằng tôi đã bỏ sót điều gì đó, xét cho cùng, bài viết không hề ngắn - hãy viết thư cho tôi nếu bạn nhận thấy bất kỳ thiếu sót rõ ràng nào. Cảm ơn trước.

Thiết kế thành công của nhóm VKontakte không chỉ phải đẹp mà còn phải tiện dụng và tiện lợi. Làm cho thiết kế giải quyết được các vấn đề tiếp thị của bạn để nhóm thu hút khán giả trả tiền và mua hàng cho thương hiệu và ở lại với thương hiệu đó mãi mãi.

5 bước về cách tạo nhóm trên VKontakte

Che phủ

Trang bìa cộng đồng ngày nay là một công cụ quan trọng để thiết kế nhóm thương hiệu trong Liên hệ và quảng bá nhóm thương hiệu đó. Bạn có thể tải xuống trong phần “Quản lý cộng đồng” bằng cách chuyển đến tab “Cài đặt”. Bản thân hình ảnh ngang chất lượng cao trong tiêu đề cộng đồng đóng vai trò là biểu ngữ quảng cáo chính của công ty trên mạng xã hội. Nó thiết lập tâm trạng, thông báo, nâng cao hình ảnh, kêu gọi các hành động có mục tiêu và đồng thời bán hàng.

1. Sử dụng hình ảnh minh họa chất lượng cao

Ảnh bìa cộng đồng VKontakte phải có kích thước 1590x400 pixel, nhưng tốt hơn là bạn nên tải ảnh lớn hơn 2-3 lần ở định dạng .png. Bằng cách này bạn có thể tránh được màn hình chất lượng kém.

2. Điều chỉnh hình ảnh cho các thiết bị khác nhau

Hãy nhớ rằng hình ảnh này có thể xuất hiện khác nhau trên các thiết bị khác nhau - các cạnh sẽ bị cắt đi trên thiết bị di động, vì vậy tốt nhất bạn nên đặt tất cả thông tin quan trọng nhất ở gần trung tâm hơn.

3. Đặt slogan và USP

Hãy để khách hàng nhìn thấy triết lý và lợi ích của bạn ngay từ màn hình đầu tiên.

4. Trưng bày sản phẩm/dịch vụ, quá trình hoặc kết quả sử dụng sản phẩm/dịch vụ đó

Bằng cách này, khách hàng tiềm năng sẽ biết ngay bạn chuyên về lĩnh vực gì và sẽ quan tâm đến sản phẩm.

5. Giúp khách hàng liên hệ ngay với bạn

Viết số điện thoại, e-mail và các liên hệ khác của công ty lên biểu ngữ. Nếu vị trí địa lý quan trọng đối với doanh nghiệp của bạn, chẳng hạn như bạn đang hoạt động trong ngành cung cấp dịch vụ ăn uống hoặc horeca, thì địa chỉ này cũng sẽ hữu ích.

6. Thông báo sự kiện

Bạn đang quảng cáo các buổi hòa nhạc, mong đợi ra mắt bộ sưu tập hoặc sản phẩm mới hay tổ chức lễ hội/hội nghị/ngày khách hàng? Hãy nói với mọi người đến với cộng đồng về điều này.

7. Trình bày các chương trình khuyến mãi, giảm giá

Bạn có thể nói với khán giả ở đâu khác trên nền tảng chính rằng ngay bây giờ họ có thể đặt hàng từ bạn với giá rẻ hơn 2 lần? Quan trọng nhất, đừng quên thay đổi hình minh họa sau khi hết ưu đãi.

8. Đề nghị thực hiện hành động có mục tiêu

Khi tải bìa cộng đồng, hai nút được đặt theo chiều ngang ở góc dưới bên phải - Viết tin nhắn và Tham gia nhóm. Hãy chỉ vào họ một mũi tên để thu hút sự chú ý của khán giả hơn nữa. Vì vậy, nếu một sản phẩm được hiển thị trên biểu ngữ, bạn có thể đề nghị đặt hàng ngay lập tức trong tin nhắn. Và nếu nó chứa thông tin cập nhật về những tin tức mới nhất, hãy đăng ký để luôn nhận được thông tin mới nhất.

Tải lên hình đại diện và chọn hình thu nhỏ

Một số thương hiệu vẫn không áp dụng ảnh bìa, thích giao diện cũ của màn hình đầu tiên của nhóm, sử dụng kết hợp hình đại diện và bài đăng được ghim làm cái gọi là “tiêu đề”. Trong trường hợp này, một bức tranh là sự tiếp nối của bức tranh kia. Sẽ ấn tượng nhất khi bức ảnh kết thúc ngang hàng với ảnh đại diện.

Khi sử dụng kích thước ảnh đại diện tối đa là 200x500 pixel thì kích thước ảnh trong bài viết được ghim phải là 510x308 pixel. Một kỹ thuật hấp dẫn tuyệt vời là đính kèm video được tải lên thông qua trình phát mạng xã hội, video này tiếp tục tạo hình đại diện theo phong cách.

Nếu bạn sử dụng bìa làm tiêu đề thì hình đại diện sẽ luôn được hiển thị dưới dạng hình thu nhỏ.

Quy tắc thiết kế hình thu nhỏ avatar cộng đồng VK

Hình thu nhỏ là một hình ảnh tròn nhỏ được cắt từ một hình đại diện lớn và được hiển thị trong phần tìm kiếm nhóm, trong danh sách cộng đồng cho từng người dùng và ở bên trái dưới trang bìa, nếu có. Dưới đây là một số lời khuyên thiết kế.

1. Hình thu nhỏ phải dễ hiểu đối với khán giả

Bạn không nên đăng một đoạn minh họa kỳ lạ. Hình dung một cái gì đó mà đối tượng mục tiêu sau đó sẽ liên kết với thương hiệu, ví dụ: biểu tượng, biểu tượng sản phẩm/dịch vụ hoặc có thể là nhân vật tiếp thị chính của thương hiệu.

2. Chỉ sử dụng những bức ảnh chất lượng cao

Tốt hơn hết bạn nên tải lên nguồn lớn hơn 2-3 lần so với kích thước yêu cầu, để bạn có thể quên đi những “hình vuông” pixel khủng khiếp không hiển thị cho bạn dưới ánh sáng tốt nhất.

3. Thiết kế hình minh họa của riêng bạn

Hình ảnh stock tiêu chuẩn sẽ trông rẻ tiền và thiếu chuyên nghiệp, đồng thời sẽ đồng nghĩa với việc người dùng không tin tưởng vào thương hiệu. Tạo các thiết kế độc đáo theo cùng ý tưởng và màu sắc như phần còn lại của thiết kế.

4. Những hình ảnh tương phản với nền trang chính là thứ bạn cần

Khi thiết kế hình thu nhỏ của VK thật bắt mắt, “mảnh tròn” sẽ nổi bật trên nguồn cấp dữ liệu so với các nhóm khác và sẽ không hòa vào nền của trang.

5. Đặt địa chỉ liên hệ hoặc USP của công ty

Tùy thuộc vào mục đích đặt ra cho hình thu nhỏ, hãy đặt trên đó số điện thoại liên hệ hoặc địa chỉ trang web, thông tin về giao hàng miễn phí, mức giá thấp nhất trong phân khúc hoặc chương trình khuyến mãi.

6. Làm cho văn bản lớn và dễ đọc

Tốt hơn là không nên sử dụng phông chữ serif hoặc in nghiêng - chúng quá ồn khi xem trên màn hình PC, thiết bị di động và điện thoại thông minh, làm nhòe tầm nhìn. Đảm bảo rằng văn bản không vượt quá đường viền của hình thu nhỏ đã cắt. Điều này sẽ cho phép bạn truyền tải thông điệp đến người dùng một cách chính xác và hiệu quả.

7. Sử dụng hình dạng tùy chỉnh

Ví dụ: trong mẫu hình tròn mong muốn, hãy nhập đa giác hoặc hình hình học khác trên nền trắng. Tạo hiệu ứng thông báo chưa đọc hoặc biểu tượng đồ họa “trực tuyến”.

Phát triển thực đơn

Menu là một thành phần quan trọng trong thiết kế nhóm trong Liên hệ, giúp người dùng điều hướng nhóm dễ dàng hơn - mọi người sẽ thuận tiện hơn khi tìm thấy thông tin mình cần. Mỗi phần tử và trang được tạo bằng ngôn ngữ lập trình đặc biệt - đánh dấu Wiki. Sử dụng nó, bạn có thể làm cho hình ảnh có thể nhấp vào được và tạo các trang tiện lợi trong mạng xã hội như thể đó là một trang web.

Bạn có thể sử dụng cả menu mở và đóng. Trong trường hợp đầu tiên, người dùng sẽ nhìn thấy ngay các phần được bao gồm trong đó, trong trường hợp thứ hai, trước chúng là một hình ảnh xem trước có dòng chữ “Menu”. Menu cũng có thể trở thành phần tiếp theo của hình đại diện về mặt trực quan nếu bạn sử dụng tùy chọn thiết kế cộng đồng cũ.

Phát triển nơi trưng bày sản phẩm

Khi đặt sản phẩm vào khu trưng bày cộng đồng của bạn, hãy nhớ rằng người dùng luôn nhìn thấy 3 mặt hàng đầu tiên. Đặt những cái phổ biến nhất và được đặt hàng nhiều nhất vào đó, tải lên hình ảnh trình bày theo cùng một phong cách. Xuất bản ở đây các biểu tượng hoặc hình ảnh thống nhất của sản phẩm. Dịch vụ có thể được đặt trong sản phẩm. Trong thiết kế, hãy thể hiện quá trình cung cấp dịch vụ hoặc kết quả của nó. Kích thước của hình ảnh như vậy sẽ là hình vuông – 400x400 pixel.


Thiết kế bài đăng

1. Tận dụng tối đa kích thước ảnh có sẵn

Chiều rộng tối đa của hình ảnh trong nguồn cấp dữ liệu là 510 pixel. Hình ảnh hình vuông có kích thước 510x510 pixel và hình ảnh hình chữ nhật có kích thước 510x300 pixel trông ấn tượng nhất.

2. Phát triển phong cách bài đăng tùy chỉnh

Để làm cho bài đăng của bạn trông có vẻ riêng biệt, hãy đưa ra một phong cách, phông chữ và cách phối màu thống nhất.

3. Đặt văn bản ngắn trên ảnh

Ví dụ: bạn có thể chia hình ảnh thành 2 phần - văn bản và đồ họa hoặc viết văn bản trong khi làm tối nền. Để làm cho văn bản hiển thị mà không có nền tối, hãy viết nó trên nền (khối đồ họa tương phản có màu đồng nhất) hoặc thêm bóng vào dòng chữ. Những bức ảnh có khung nhìn đẹp.

4. Tạo nhiều mẫu cho các mục đích khác nhau

Ví dụ: đối với các trích dẫn, hãy sử dụng một mẫu để trình bày thông tin trực quan, để thông báo tài liệu từ trang web - một mẫu khác và mẫu thứ ba cho các cuộc thi.

Hãy sử dụng những kỹ thuật tuyệt đối này và công ty của bạn sẽ được giới thiệu trên VKontakte một cách tốt nhất có thể và sẽ thuận tiện cho khách hàng khi tương tác với nó. Nhưng đừng quên rằng mọi thứ đều cần có chừng mực! Hãy xem những ý tưởng mới mẻ hơn nữa để thiết kế cộng đồng VK trên trang dịch vụ của đại lý Tesla Target.

1 phiếu bầu

Chúc một ngày tốt lành, độc giả thân mến của blog của tôi. Trong bài viết trước, chúng ta đã học cách tạo ra một thứ gì đó quyến rũ. Bây giờ chúng ta hãy chuyển sang phần thứ hai. Chúng ta sẽ tạo một bức ảnh duy nhất đẹp mắt cho hình đại diện và nghĩ về cách chuyển đổi hiệu quả.

Nếu đây là lần đầu tiên bạn vào blog của tôi thì bạn không cần phải bắt đầu với bài học đầu tiên. Bạn có thể đọc ấn phẩm này trước và bắt đầu thiết kế, bắt đầu từ bước này. Bây giờ tôi sẽ cho bạn biết cách tạo một nhóm VKontakte đẹp mắt và sau này bạn có thể quyết định xem có nên sử dụng các tính năng bổ sung hay không.

Kết thúc bài viết này bạn sẽ có được một bức hình ấn tượng và thống nhất.

Phương pháp dành cho người lười biếng

Để không làm xao lãng những vấn đề quan trọng đối với những người đã biết cách làm mọi thứ, đang vội hoặc đơn giản là không muốn làm phiền, tôi có thể cung cấp một video hướng dẫn. Anh ấy sẽ cho bạn biết cách thực hiện điều tương tự mà tôi sắp nói đến mà không cần Photoshop thông qua dịch vụ www.vkprofi.ru .

Tôi chưa sử dụng nó và không thể nói liệu nó có được trả tiền hay không. Tôi sẽ biết ơn những người kiểm tra thông tin này và để lại bình luận trên bài viết này kèm theo câu trả lời cho câu hỏi hóc búa này.

Dành cho những ai muốn học

Nếu bạn quyết định ở lại và đi một chặng đường dài thì công việc thú vị đang chờ bạn. Nó sẽ rất hữu ích nếu bạn mới bắt đầu hành trình kinh doanh trực tuyến.

Bạn sẽ học được nhiều thủ thuật mà tôi sẽ đưa ra những đề xuất hữu ích khi làm việc với quảng cáo, đồng thời bạn cũng sẽ có được những kỹ năng và kinh nghiệm hữu ích.

Bạn sẽ cần…

  1. Photoshop.
  2. Hình ảnh cơ bản.

Ảnh phải lớn và chất lượng cao; nếu bạn đang tìm kiếm trên các công cụ tìm kiếm thì hãy chú ý đến hình nền máy tính. Nếu bạn làm việc cho một cộng đồng thú vị, đặc biệt liên quan đến kinh doanh thì tôi khuyên bạn nên sử dụng dịch vụ https://ru.depositphotos.com . Ở đó bạn sẽ tìm thấy hình ảnh quảng cáo.

Việc lựa chọn một hình ảnh để quảng bá sản phẩm không phải là điều dễ dàng. Nếu sử dụng cho cộng đồng doanh nghiệp thì phải đáp ứng nhiều yêu cầu. Không phải ai cũng hiểu điều này. Nếu bạn đang quảng cáo một khách sạn, nhà trọ, quán bar hoặc câu lạc bộ thì không nên chụp ảnh phòng trống.

Trước hết, chúng ta không nên bán một nơi để một người có thể ngồi xuống mà hãy thể hiện những cảm xúc mà người đó sẽ nhận được khi đến thăm cơ sở. Vẻ đẹp của nội thất ngày nay sẽ không làm ai ngạc nhiên. Bạn cần tạo ra một bầu không khí độc đáo mà người mua sẽ muốn lao vào.

Không ai thích những bức ảnh cũ kỹ. Nếu chúng được sử dụng liên tục thì cơ hội có được khách hàng sẽ giảm đi. Về chất lượng, cài đặt ánh sáng đúng cách, v.v. Tôi thậm chí sẽ không nói chuyện. Tôi hy vọng bạn đã hiểu điều này. Các tùy chọn như trong ảnh bên dưới đã không được triển khai trong khoảng 5 năm.

Từ kinh nghiệm cá nhân... trong một dự án, tôi đã làm việc với một giám đốc quảng cáo rất tuyệt vời. Chúng tôi tách từng bức ảnh ra từng mảnh. Đối tượng phải ở một khoảng cách nhất định so với tâm, ở một góc cụ thể, tốt nhất là trong phạm vi lạc quan chính xác.

Chúng tôi đã phải thay đổi màu sắc của khung treo bức tranh ở góc xa nhất! Lúc đầu, tôi nghĩ rằng tất cả những điều này là rắc rối không đáng có, nhưng sau đó họ đã cho tôi thấy sự chuyển đổi sau khi làm việc với những điều nhỏ nhặt tương tự để so sánh.

Làm mẫu cho một nhóm xinh đẹp trong tương lai

Vì vậy, khi mọi thứ đã sẵn sàng, bạn cần quyết định kích thước và chuẩn bị mẫu cho hình ảnh trong tương lai. Nhân tiện, nếu bạn học cách thực hiện việc này, thì bạn có thể sử dụng kỹ thuật này cho nhiều tác vụ khác và tạo ra những bức ảnh VKontakte đáng kinh ngạc. Bạn sẽ sớm hiểu những gì tôi đang nói.

Vì vậy, hãy mở liên lạc. Nếu bạn tìm kích thước bài đăng VKontakte tiêu chuẩn, bạn sẽ thấy 200x500 và 700x500. Tuy nhiên, nếu bạn sử dụng thước kẻ, bạn có thể đảm bảo rằng hình thu nhỏ không tương ứng với các chỉ báo này. Dịch vụ nén chúng khi tải.

Mọi thứ đều giống với hình ảnh trên ava, nó thực sự là 200x500.

Với việc nhịn ăn mọi thứ đều khác.

Trong mọi trường hợp bạn cần hoặc tải xuống mẫu tôi đã chuẩn bị hoặc chụp ảnh màn hình của riêng bạn. Tôi khuyên bạn nên chọn tùy chọn thứ hai. Tại sao? Bằng cách này, bạn có thể tự tạo mẫu cho các nhiệm vụ khác nhau. Ví dụ: nếu bạn có thư viện sản phẩm hoặc “Tin tức mới nhất” được hiển thị trên trang chính của bạn.

Tùy chọn của tôi chỉ phù hợp với bài viết được ghim. Phương pháp thiết kế đơn giản và phổ biến nhất.

Mở nhóm của bạn hoặc bất kỳ nhóm nào khác nơi bài đăng có ảnh được ghim ở trên cùng. Giống như trong bản vẽ của tôi. Bạn cũng có thể chụp ảnh này bằng cách nhấp chuột phải vào nó và “Save as…”. Đúng, tôi không chắc rằng cuối cùng mọi thứ sẽ diễn ra tốt đẹp với bạn. Bạn có thời gian để thử nghiệm không? Chia sẻ kết quả của bạn trong phần bình luận.

Đối với những người khác, hướng dẫn từng bước sẽ khác. Trước hết, phóng to hình ảnh trên trình duyệt lên 100% (nhấn nút Ctrl và di chuyển con lăn chuột). Thành thật mà nói, tôi không hiểu tại sao điều này lại được thực hiện, nhưng trong lần thử đầu tiên của tôi, chính xác là do quy mô, nó đã không thành công.

Bây giờ nhấn nút PrtSc. Nó nằm ở hàng trên cùng của bàn phím, sau vô số chữ "F". Sau khi bạn nhấp vào nó, sẽ không có gì xảy ra. Mọi thứ đều ổn, bạn không cần phải click 100 lần, hãy mở Photoshop.

Nhấp vào Ctrl+V, qua đó bạn sẽ dán màn hình của mình vào trường làm việc của chương trình. Bây giờ dùng công cụ Rectangular Marquee và làm việc với khối bên trái.

Hướng dẫn thẳng dọc theo cạnh của hình ảnh. Bạn không nên lấy hình ảnh dưới đây. Nó không đúng.

Di chuyển nghiêm ngặt dọc theo cạnh.

Lấy con trỏ ở góc trên bên trái của hình chữ nhật và di chuyển nó xuống phía dưới bên phải. Để không đánh lừa đầu bạn bằng kính lúp, hãy sử dụng độ phóng đại bằng nút Alt và con lăn chuột.

Bây giờ nhấn Ctrl + J. Điều này sẽ chuyển đoạn đã chọn sang một lớp mới; nó sẽ xuất hiện phía trên nền.

Điều tương tự cần phải được thực hiện với hình đại diện. Chọn và di chuyển đến một lớp mới (Ctrl+J)

Khi bạn chuyển sang một lớp mới, nền sẽ hoạt động chứ không phải nền bạn vừa tạo. Hãy chắc chắn rằng nó sáng lên.

Sau đó, bạn có thể thoát khỏi nền. Nhấp vào khóa bên cạnh lớp này, điều này sẽ cho phép bạn thao tác với nó.

Kéo lớp vào thùng rác, giống như một tệp thông thường từ máy tính để bàn của bạn.

Chúng ta đã xong việc này rồi. Mẫu đã được tạo.

Hình ảnh độc đáo của nhóm

Gần đây tôi đã viết một bài viết về . Việc mở không chính xác và làm việc thêm với kích thước có thể làm giảm đáng kể chất lượng của bức ảnh đẹp nhất, nếu quan tâm, bạn có thể đọc một bài viết về vấn đề này trên blog của tôi.

Kéo ảnh mà chúng ta sẽ sử dụng làm ảnh chính.

Nó không phản ánh chính xác.

Nếu bạn có điều vô nghĩa tương tự, chỉ cần đặt nó lên hàng đầu. Sau đó, trong khi giữ nút Alt, nhấp vào lớp 1 và lớp 2 để cả hai đều được đánh dấu.

Chúng cần được kết hợp bằng nút chuột phải và tùy chọn thích hợp. Trong trường hợp này, chúng ta sẽ thuận tiện hơn khi tiếp tục làm việc. Bạn không cần phải phủ và cắt ảnh trước cho hình đại diện, sau đó cho bài đăng.

Nếu bạn nhấn Ctrl và sau đó là hình thu nhỏ của lớp bạn vừa tạo. Kiến chạy dọc theo các cạnh của các đối tượng từ lớp mới, điều này sẽ cho bạn biết cách hiển thị hình ảnh phía dưới. Bạn có thể loại bỏ chúng bằng cách nhấn Ctrl + D. Những gì hiện có ở phần nội bộ sau này sẽ được đưa vào VK.

Nếu bạn bắt đầu di chuyển bức ảnh, những con kiến ​​đang chạy sẽ “đi” theo nó. Tôi có thể khuyên bạn nên thiết lập hướng dẫn. Bạn không biết làm thế nào để làm việc với họ? Xem video này ở đây.

Sau khi thiết lập mọi thứ như bình thường, bạn có thể chuyển sang bước tiếp theo. Tôi sẽ chỉ cho bạn hai lựa chọn để đạt được hiệu quả tương tự. Điều đầu tiên là đơn giản. Ở lớp trên cùng, nhấp chuột phải và chọn “Tạo mặt nạ cắt”.

Nhưng tôi thích cái thứ hai. Anh ấy nhanh hơn. Nhấn Alt và di chuyển con trỏ giữa hai lớp, nó sẽ thay đổi trực quan. Sau đó nhấp chuột trái.

Kết quả là bức ảnh này.

Mỗi phần có thể được cắt ra bằng công cụ Frame và sau đó được lưu dưới dạng jpeg. Chúng tôi thêm ảnh phù hợp làm hình đại diện. Ở bên trái, bạn chỉ cần thêm nó dưới dạng một bài đăng thông thường và sau đó ghim nó.

Điều đó không khó, nhưng nếu bạn gặp vấn đề, tôi có thể khuyên bạn nên đọc ấn phẩm thứ ba trong loạt bài này, trong đó tôi sẽ trình bày chi tiết cách đảm bảo rằng khi người đọc nhấp vào ảnh của bạn, họ sẽ được đưa đến một trang web.

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 chứa 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 được 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ú ý của chúng ta 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ị mà chỉ hiển thị một phầ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 lưu ý. 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. Với kích thước này, phần dưới của banner trùng với ảnh đại diện. 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 xuất hiện trong trình duyệt di động nhưng không thích ứng với kích thước màn hình, nghĩa là 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.

Bài viết này sẽ là hướng dẫn chi tiết và tôi sẽ hướng dẫn bạn cách tạo menu cho nhóm VKontakte. Menu nhóm VK được thiết kế đẹp mắt góp phần tăng lượng khách truy cập thực sự và tăng trưởng doanh số bán hàng trên trang web.

Xin chào các độc giả thân yêu của tôi. Hãy để tôi kể cho bạn nghe hôm nay cách làm menu đẹp cho nhóm VKontakte và hoàn toàn miễn phí. Nhân tiện, sau khi học cách tạo những chủ đề như vậy, bạn có thể kiếm được một ít tiền từ việc này -))). Không một trang web thương mại nào hoạt động mà không tạo cộng đồng riêng trên mạng xã hội, đặc biệt là VK, được đảm bảo sẽ giúp mang lại khách hàng mới cũng như quảng bá doanh nghiệp của bạn.

Nhưng nếu cộng đồng của bạn không hấp dẫn và giống như những người khác, ai sẽ muốn ở lại đó? Tôi nghĩ là không có ai cả!!! Vì vậy, hãy trang trí cho nhóm của chúng ta bằng thiết kế chất lượng cao và học cách thực hiện điều đó thật nhanh chóng. Trước khi bắt đầu tạo đồ họa và menu tương lai của chúng ta, bạn cần cài đặt chương trình Photoshop trên máy tính của mình để cắt thêm hình ảnh. Nhiều người sẽ hỏi tại sao bạn cần phải cắt ảnh. Vấn đề ở đây là với mỗi liên kết menu chúng ta sẽ phải tạo một dải riêng biệt với banner chung.

Ngày nay có một số loại menu được tạo:

  • Mở bằng các mục đang hoạt động;
  • Đóng dưới dạng bài viết được ghim;
  • Với các hình ảnh riêng lẻ hoặc một hình ảnh chung liền kề của banner và menu.

Bản chất của việc tạo cả hai tùy chọn là như nhau. Sự khác biệt chính duy nhất là ở các thành phần bổ sung và loại bản ghi và điều này sẽ được thảo luận chi tiết hơn trong bài viết này.

Để làm việc với menu nó sẽ giúp chúng ta đánh dấu wiki, được tích hợp vào trình soạn thảo văn bản VKontakte ngày nay. Nó khác với thông thường ở chỗ nó sẽ sử dụng các lệnh tiêu chuẩn để hiển thị một hình ảnh cụ thể và chèn liên kết đến các thành phần cần thiết. Bản thân đánh dấu wiki cho phép bạn chèn mã để hiển thị hình ảnh, video và các thành phần khác.

Thực đơn khép kín của nhóm VK

Trong trường hợp này, chúng ta sẽ thấy ở bên trái hình đại diện của nhóm chính một siêu liên kết ở dạng dòng chữ “menu nhóm”, khi nhấp vào, menu của chúng ta với các mục và hình ảnh đang hoạt động sẽ mở ra.

Thực đơn sẽ trông như thế này:

Mở menu nhóm (tài liệu được ghim)

Ý tưởng là tạo các mục menu đã mở sẽ được hiển thị trong phần mô tả của chính nhóm đó, nơi nó thường được hiển thị cho tất cả các điều kiện. Hình ảnh của chúng tôi sẽ được đính kèm với mô tả mà chúng tôi sẽ chuẩn bị trước và liên kết nó với trang mà chúng tôi sẽ có các mục hoạt động. Thực đơn này gần đây đã trở nên rất phổ biến và được khách hàng yêu cầu. Chúng trông như thế này:

Cách tạo menu đẹp cho nhóm VKontakte: hướng dẫn từng bước

Vì vậy, trước hết, chúng ta sẽ cần tạo hình đại diện chính của nhóm, chúng ta sẽ đặt ở bên phải và phần sơ khai cho menu của chúng ta dưới dạng biểu ngữ.

  • Đối với hình đại diện 200x332 pixel;
  • Đối với biểu ngữ menu chính, 395x282 pixel.

Như bạn có thể nhận thấy, chiều cao của hình ảnh là khác nhau và điều này được thực hiện để hình ảnh không bị giảm chiều cao và ở cùng cấp độ vì chiều cao của tên và trạng thái cộng đồng chiếm khoảng 50 px và chúng tôi sẽ cần xóa giá trị này khỏi chiều cao của menu.

Để làm rõ, nếu chiều cao của hình đại diện chính của một nhóm là 332, thì chúng ta trừ đi 50 và lấy chiều cao của menu chính bằng 282. Nếu kích thước không quan trọng thì chiều cao có thể được đặt tùy ý .

Bước tiếp theo sau khi tạo cộng đồng sẽ là thiết lập tài liệu và ở đây chúng tôi cần cấm người tham gia tạo các trang và khối bổ sung mà chỉ viết lên tường. Để thực hiện việc này, bạn sẽ cần đi tới phần bên dưới hình đại diện của nhóm có tên là “quản lý cộng đồng”, nơi chúng tôi cần đặt tài liệu của mình ở mức “hạn chế” như hiển thị bên dưới.

Bây giờ hãy bắt đầu tạo bố cục tổng thể. Tất nhiên, bạn có thể chỉ cần chèn một hình ảnh thay vì hình đại diện và vào phần mô tả, nhưng đừng trở thành người nghiệp dư và tôi sẽ chỉ cho bạn cách thực hiện một cách chuyên nghiệp để nó trở thành một bức ảnh hoàn chỉnh, biến thành một bức ảnh khác .

Hãy tạo một khung vẽ mới trong Photoshop với kích thước 600x350 pixel, chúng ta sẽ sử dụng khung vẽ này làm khuôn tô bằng cách cắt các lỗ trên đó cho các bức ảnh của mình. Để hoạt động, chúng ta cần chuyển đổi kích thước của tất cả các phần tử và thước kẻ thành pixel và việc này được thực hiện theo đường dẫn sau: “Chỉnh sửa-cài đặt-chính” và ở đây chúng tôi đặt pixel.

Bước tiếp theo trong việc tạo menu mở là tạo các phần cắt cho biểu ngữ và hình đại diện, sau đó chúng tôi sẽ nhận được để tải xuống. Để thực hiện việc này, hãy chuyển đến phần menu dọc bên trái và chọn cắt.

Sử dụng nút chuột trái, giống như khi bạn đang chọn một khu vực, bạn cần chọn các khối có kích thước chúng ta cần và sau mỗi lần chọn, nhấn nút “Xóa” và chọn 50% màu xám. Những hành động như vậy sẽ dẫn đến các khối có kích thước được yêu cầu và được đánh dấu bằng màu khác với nền chính.

Nó sẽ giống như thế này:

Bây giờ chúng ta chỉ cần chọn cục tẩy và sử dụng chức năng “tẩy ma thuật” để nhấp vào từng khối màu xám và lấy một khuôn tô có các đường cắt. Bước tiếp theo là chọn hình ảnh chính của chúng ta và đặt nó dưới nền và lấy những bức ảnh làm sẵn để bạn có thể viết văn bản với tên của menu hoặc các thành phần quảng cáo khác.

Tuyệt vời. Sau khi bạn đã đặt một bức ảnh về thiết kế của chúng tôi, chúng tôi chỉ cần chọn “lưu cho Web” và kết quả là chúng tôi nhận được 2 bức ảnh của mình. Bây giờ chúng ta quay lại nhóm của mình và có thể điền vào avatar chính (dọc). Chúng ta sẽ sử dụng biểu ngữ cho menu sau này khi làm việc với mã đánh dấu wiki.

Hãy tự tạo menu, với các mục đang hoạt động sẽ chuyển hướng người dùng đến các phần cần thiết của trang web bên thứ ba hoặc tới các album và danh mục trong chính nhóm. Chúng tôi sẽ sử dụng hình ảnh mới cho đa dạng -))).

Vì vậy, hãy quay lại Photoshop và tạo một khung vẽ mới với kích thước 400x300 pixel. Sau đó chọn vào phần: file-place và chọn ảnh làm nền menu.

Chúng tôi đặt các nút của menu tương lai lên hình ảnh và cắt hình ảnh như chúng tôi đã làm ở trên bằng cách chọn các khối cần thiết. Sau đó, chúng tôi cũng chọn “lưu cho web” và nhận một thư mục chứa các phần cắt của chúng tôi. Trong trường hợp của tôi, tôi có 4 bức ảnh trong một thư mục riêng.

Bây giờ chúng ta cần tải những bức ảnh được tải xuống từ Photoshop vào một album riêng và ẩn chúng khỏi những con mắt tò mò. Sau khi tải xuống, mỗi ảnh sẽ nhận được tên mới và id duy nhất.

Xin lưu ý rằng bạn phải có:

  • Tài liệu được mở ở chế độ “hạn chế”;
  • Bao gồm các cuộc thảo luận;
  • Thư mục chứa ảnh được mở cho tất cả mọi người.

Bây giờ tất cả những gì còn lại là định cấu hình trang của chúng tôi nơi menu sẽ được hiển thị. Để thực hiện việc này, hãy truy cập trang chính của cộng đồng và chọn tài liệu mới, chỉnh sửa và gọi “MENU CỦA CHÚNG TÔI”.

Tiếp theo, chúng ta cần chèn những hình ảnh mà chúng ta nhận được khi cắt bằng Photoshop. Một số người sử dụng mã đánh dấu, nhưng để không suy nghĩ quá nhiều về nó, tôi khuyên bạn chỉ cần chọn chèn ảnh bằng cách nhấp vào biểu tượng máy ảnh và tải từng ảnh lên.

Làm việc trong trình soạn thảo văn bản, nếu sau khi tải ảnh, chúng ta nhấp vào biểu tượng có dạng dấu ngoặc ở góc trên bên phải, chúng ta sẽ thấy mã này:

Khuyên bảo: Một điểm quan trọng sau khi tải hình ảnh là loại bỏ phần đệm. Điều này có thể được giải quyết bằng cách chèn “nopadding” trước kích thước hình ảnh.

Nói rõ hơn thì bên dưới ghi cái gì đến từ đâu, nhưng xét rằng mọi thứ sẽ được chèn tự động và không cần phải khéo léo mà mở ra như một số người viết từng ảnh và lấy id, sau đó chúng ta chỉ cần tải xuống và lưu lại.

[]
trong đó xxxxx là id hình ảnh của bạn
yyyyy - chiều rộng tính bằng pixel (tối đa 388)

Nó sẽ trông như thế này:

Bây giờ hình ảnh của chúng tôi được thu thập trong một biểu ngữ riêng. Và để thêm liên kết vào từng mục, chỉ cần nhấp vào hình ảnh đã tắt đánh dấu và dán url đã sao chép vào phần liên kết.

Và bây giờ chúng ta đến điểm quan trọng nhất và cuối cùng trong việc tạo menu VKontakte của mình. Bây giờ chúng ta cần lưu trang của mình bằng hình ảnh và sao chép địa chỉ của nó. Trong trường hợp của tôi nó trông như thế này:

http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

Hãy nhớ rằng, ở đầu bài viết, chúng tôi đã tạo một menu sơ khai, đây sẽ là phần tiếp theo của hình đại diện chính của chúng tôi và chúng tôi đã tạo một khuôn tô cho nó. Đây chính xác là những gì chúng ta cần bây giờ.

Vào trang chính và làm như sau:

Bước 1.

Chúng tôi dán địa chỉ của trang vào trường văn bản cho một bài đăng mới trên tường, sau đó nó sẽ được chuyển đổi thành một liên kết.

Bước 2.

Chúng tôi đính kèm hình ảnh trình giữ chỗ menu của chúng tôi vào bài đăng và nhấp vào gửi.

Bước 3.

Bây giờ, sau khi xuất bản bài đăng, hãy nhấp vào thời gian tạo ở phần dưới bên trái của bài đăng và chọn “PIN”.

Tuyệt vời!!! Hãy kết thúc ở đây. Bây giờ bạn đã biết cách tạo các menu thú vị và bạn có thể kiếm được nhiều tiền từ nó. Tôi khuyên bạn nên làm mọi thứ theo thứ tự sau:

  • Chúng tôi đưa ra cấu trúc và sắp xếp thiết kế hình ảnh menu;
  • Chúng tôi thay đổi kích thước và cắt tất cả hình ảnh;
  • Chèn ảnh vào album;
  • Chúng tôi chỉnh sửa tất cả các phần cắt trong trình chỉnh sửa và xuất bản chúng trên các trang chính của nhóm.

Kết quả của công việc của chúng tôi là chúng tôi sẽ nhận được menu này.

Nhưng bản thân menu khi được nhấp vào sẽ bật lên với các liên kết hoạt động. Bạn nên cân nhắc kích thước và điều chỉnh chúng cho phù hợp với màn hình của mình nhưng đừng quên hiển thị trên thiết bị di động.


QUAN TRỌNG: Sau khi thay đổi thiết kế VK vào năm 2016, những thay đổi mới đã được thực hiện khi tạo hình ảnh và các yêu cầu đối với hình ảnh đó.

Tải xuống mẫu menu nhóm VK + tất cả nguồn bài học

Tôi hy vọng tài liệu này hữu ích và bây giờ bạn đã dễ dàng hiểu cách tạo một thực đơn đẹp mắt cho nhóm VKontakte. Đăng ký để cập nhật blog và hẹn gặp lại bạn trong các bài viết mới. Nếu bạn có bất kỳ câu hỏi nào, hãy viết chúng trong phần bình luận, và tôi chắc chắn sẽ giúp bạn.

Tôi đang đính kèm một video để củng cố những gì bạn đọc -))).