VKontakte 그룹을 아름답게 디자인하는 방법: 단계별 지침. Vkontakte 그룹 디자인: 완전한 디자인 가이드 VK 그룹을 위한 새로운 디자인

이 기사에서는 VKontakte 커뮤니티를 올바르게 생성, 구성 및 올바르게 설계하는 방법을 단계별로 살펴보겠습니다.

커뮤니티 구축

"그룹", "관리", "커뮤니티 만들기" 탭으로 이동하여 VKontakte 커뮤니티를 만들 수 있습니다.

커뮤니티 유형 및 테마

우선 목표에 따라 커뮤니티 유형을 결정하고 커뮤니티 테마를 선택해야 합니다.

그룹 디자인

커뮤니티 유형을 선택한 후 가장 중요한 것으로 진행할 수 있는 것은 디자인입니다. 커뮤니티의 디자인은 일종의 회사 방문 카드입니다. 디자인이 얼마나 잘 될 것인지에 따라 잠재적인 구독자가 작업에 대한 결론을 이끌어 낼 것입니다.
"설정"으로 이동한 다음 "다운로드"를 클릭하여 표지를 다운로드할 수 있습니다.

덮개에는 다음이 포함될 수 있습니다.

• 제목
• 심벌 마크
• 금언
• 연락처 정보
• 프로모션 또는 클릭 유도문안
  중요 포인트:표지는 클라이언트가 그룹에 갈 때 가장 먼저 보게 되는 것이므로 표지가 밝고 주의를 끌 수 있어야 합니다.

MTS 커뮤니티의 표지

Tinkoff Bank 커뮤니티의 표지

HeadShot 커뮤니티의 표지
VKontakte 커뮤니티 디자인을 위한 이미지 크기.
VKontakte 그룹의 표지 크기 1590x400px
아바타 썸네일의 크기는 지름 200px의 원입니다.

또한 VKontakte는 최근 커뮤니티를 위한 역동적인 표지로 등장했습니다.
동적 표지에는 최신 구독자를 표시하고 표지에 최고의 해설자를 표시하고 원하는 대로 배경 변경을 사용자 정의하고 날씨 위젯, 시간 등을 추가할 수 있는 매우 풍부한 기능이 있습니다.

커뮤니티 설명

설명에서 가장 중요한 것은 회사의 주요 이점을 가능한 한 간략하게 설명하는 것입니다.
중요 포인트:회사가 수행했거나 수행 중이거나 앞으로 할 모든 것을 설명할 필요는 없습니다. 아무도 긴 설명을 읽지 않을 것입니다. 고객이 커뮤니티 담벼락에서 게시물을 보기 시작하기 전에 몇 초 동안 주의를 끌 수 있습니다. 따라서 설명에는 커뮤니티/회사의 본질을 반영하는 핵심 사항만 포함되어야 합니다.

생활 해킹:커뮤니티에 대한 설명(사진, 링크 및 아름다운 레이아웃 포함)을 더 자세히 만들려면 고정된 항목에 Wiki 게시물을 넣어야 합니다. 여기에는 밝은 그림과 행동 촉구가 포함됩니다.

위키 포스트 예시:

그룹 아바타

커뮤니티 아바타는 고품질 디자인의 전체 디자인에서 중요한 세부 사항입니다. 이 기사에서는 커뮤니티 아바타를 만들 때 고려해야 할 몇 가지 매우 중요한 사항을 강조했습니다.
이제 커뮤니티 표지가 주로 사용된다는 사실을 감안할 때 그룹의 아바타 자체가 썸네일로 표시됩니다. 따라서 여기서는 아바타 썸네일을 디자인하는 것이 얼마나 중요한지 이야기해 보겠습니다. 아바타 썸네일의 크기는 위에서 언급했듯이 지름이 200px인 원입니다.

1. 1. 텍스트
      아바타 썸네일에 텍스트를 배치하는 경우 텍스트가 커서 아바타를 넘어서 확장되지 않는 것이 중요합니다.
   2. 이해
      아바타에는 표시되는 내용이 명확하게 표시되는 이미지를 배치해야 합니다.
   3. 미니멀리즘
      아바타를 관련성 있게 보이게 하려면 의미론적 부하가 거의 없는 더 적은 수의 단어와 불필요한 요소를 미니멀한 스타일로 만들 수 있습니다. 아바타 썸네일은 가능한 한 간단하고 읽을 수 있어야 합니다.
   4. 관심을 끌기 위해
      아바타의 썸네일이 눈길을 끌도록. 너무 하얗고 지루하지 않도록 디자인해야 합니다. 그렇지 않으면 더 다채로운 경쟁자의 아바타 배경에 대해 손실됩니다.

아바타 썸네일에 무엇을 넣을까요?

아바타 썸네일을 커뮤니티 구독자를 위한 명소로 사용하는 옵션을 고려하십시오.

커뮤니티 설정

"커뮤니티 관리" 탭으로 이동하면 짧은 페이지 주소를 만들고 추가 정보를 제공할 수 있습니다.

다음으로 "링크" 탭에서 다른 소셜 네트워크의 페이지에 대한 링크와 사이트에 대한 링크를 표시합니다.

"섹션" 탭에서 필요한 것을 활성화합니다. 앞으로 스팸봇의 출판물에서 긁어모으지 않도록 커뮤니티 벽을 제한적으로 설정하는 것이 더 편리합니다.

커뮤니티가 상품 또는 서비스를 판매하는 경우 상품을 포함합니다.

커뮤니티에 응용 프로그램을 추가하고 목적에 맞게 사용자 지정할 수도 있습니다. 예를 들어 애플리케이션 애플리케이션은 리드 작업에 가장 편리합니다. 온라인 예약 및 주문 접수입니다. 또는 예를 들어 상점, 사무실, 이벤트의 주소가 포함된 "지도" 응용 프로그램입니다. 티켓 구매 앱을 사용하면 커뮤니티 페이지에서 직접 이벤트 티켓을 판매할 수 있습니다. 가입자/고객은 귀하의 사이트에 가지 않고도 티켓을 구입할 수 있습니다.

Wiki 메뉴 - 아름답고 유익한

이것은 커뮤니티의 고유성을 보여주고 고객의 관심을 끌며 서비스, 제품 및 페이지에 대한 모든 정보를 구성하는 또 다른 방법입니다. 또한 Wiki 메뉴를 사용하여 회사 웹 사이트로 바로 이동할 수 있는 직접 링크를 설정할 수 있습니다.

Wiki 메뉴 예:

위키 메뉴를 만드는 방법에 대한 자세한 가이드는 여기에서 찾을 수 있습니다.

Vkontakte 그룹의 성공적인 디자인은 아름다울 뿐만 아니라 기능적이고 편리해야 합니다. 디자인이 마케팅 문제를 해결하도록 하여 그룹이 브랜드에 대한 지불 및 구매 청중을 끌어들이고 브랜드와 영원히 남을 수 있도록 하십시오.

Vkontakte에 그룹을 등록하는 5단계

씌우다

오늘날 커뮤니티 표지는 Brand Contact에서 그룹을 디자인하고 홍보하기 위한 중요한 도구입니다. "설정" 탭으로 이동하여 "커뮤니티 관리" 섹션에서 다운로드할 수 있습니다. 커뮤니티 헤더 자체의 고품질 가로 이미지는 소셜 네트워크에서 회사의 주요 홍보 배너 역할을 합니다. 그것은 분위기를 설정하고, 알리고, 이미지를 향상시키고, 목표 행동을 요구하고, 동시에 판매합니다.

1. 고품질 일러스트레이션 사용

VKontakte 커뮤니티의 표지 크기는 1590x400픽셀이어야 하지만 .png 형식으로 2~3배 더 큰 사진을 업로드하는 것이 좋습니다. 이렇게 하면 낮은 품질의 디스플레이를 피할 수 있습니다.

2. 다른 장치에 맞게 이미지 조정

이 이미지는 장치에 따라 다르게 나타날 수 있습니다. 모바일 장치에서는 가장자리가 잘리므로 가장 중요한 모든 정보를 중앙에 더 가깝게 배치하는 것이 가장 좋습니다.

3. 슬로건 및 USP 배치

클라이언트가 첫 화면에서 귀하의 철학과 이점을 볼 수 있도록 합니다.

4. 상품/서비스, 그 이용과정 또는 결과를 표시하는 행위

따라서 잠재 고객은 귀하의 전문 분야를 즉시 알고 제품에 참여할 것입니다.

5. 고객이 즉시 연락할 수 있도록 지원

배너폰, 이메일, 기타 회사 연락처에 적습니다. 예를 들어 지리적 위치가 비즈니스에 중요한 경우 케이터링또는 oreca, 주소도 유용합니다.

6. 이벤트 발표

콘서트 홍보, 새로운 컬렉션 또는 제품 출시 기대, 축제/컨퍼런스/클라이언트 데이 주최? 커뮤니티에 들어오는 모든 사람에게 이에 대해 알리십시오.

7. 프로모션 및 할인 제시

메인 플랫폼이 아니라면 어디에서 청중이 지금 2배 더 저렴하게 주문할 수 있다고 말할 수 있습니까? 가장 중요한 것은 제안이 만료된 후 그림을 변경하는 것을 잊지 마십시오.

8. 표적 행동을 제안

커뮤니티 표지를 업로드할 때 두 개의 버튼이 오른쪽 하단 모서리에 수평으로 배치됩니다 - 메시지 작성 및 그룹 가입. 청중의 관심을 더욱 끌기 위해 화살표를 가리키십시오. 따라서 배너에 제품이 표시되면 즉시 메시지로 주문을 제안할 수 있습니다. 그리고 만약 그것이 다이제스트를 포함한다면 최근 소식- 항상 최신 정보를 받으려면 구독하십시오.

아바타 업로드 및 썸네일 선택

일부 브랜드는 여전히 표지를 채택하지 않고 소위 "헤더"로 고정 게시물과 아바타의 조합을 사용하여 그룹의 첫 번째 화면의 오래된 모습을 선호합니다. 이 경우 한 그림은 다른 그림의 연속입니다. 아바타와 같은 높이에서 사진이 끝날 때 가장 인상적입니다.

최대 아바타 크기 200x500 픽셀 사용 시 고정된 게시물의 사진 크기는 510x308 픽셀로 설정해야 합니다. 훌륭한 참여 기술은 아바타를 스타일리시하게 계속하는 소셜 네트워크의 플레이어를 통해 업로드된 비디오를 수정하는 것입니다.

표지를 머리글로 사용하는 경우 아바타는 항상 축소판으로 표시됩니다.

VK 커뮤니티 아바타 썸네일 디자인 규칙

썸네일은 큰 아바타에서 잘라낸 작은 원형 이미지로 그룹 검색, 각 사용자의 커뮤니티 목록 및 표지 왼쪽(있는 경우)에 표시됩니다. 다음은 몇 가지 디자인 팁입니다.

1. 미리보기 이미지는 청중이 이해할 수 있어야 합니다.

이상한 삽화를 게시하지 마십시오. 예를 들어 로고, 제품/서비스의 아이콘 또는 브랜드의 주요 마케팅 캐릭터와 같이 대상 고객이 나중에 브랜드와 연관시킬 대상을 시각화합니다.

2. 고화질 사진만 사용

필요한 크기보다 2~3배 큰 소스 파일을 업로드하는 것이 좋으므로 최상의 조명에 있지 않게 만드는 끔찍한 픽셀 "사각형"을 잊을 수 있습니다.

3. 나만의 일러스트레이션 디자인

표준 스톡 이미지는 저렴하고 비전문적으로 보일 것이며 사용자는 브랜드에 대한 불신과 동의어가 될 것입니다. 디자인의 나머지 부분과 동일한 개념과 색상으로 독특한 그림을 만드십시오.

4. 대조되는 배경 이미지가 필요합니다.

VK 썸네일을 눈에 띄게 만들 때 "둥근"은 다른 그룹 사이에서 피드에서 눈에 띄고 페이지 배경과 병합되지 않습니다.

5. 회사의 연락처 또는 USP 위치

썸네일에 설정된 목표에 따라 연락처 전화 번호 또는 웹 사이트 주소, 무료 배송에 대한 정보, 세그먼트의 최저가 표시 또는 공유를 배치하십시오.

6. 텍스트를 크고 읽기 쉽게 만들기

세리프체나 기울임꼴을 사용하지 않는 것이 좋습니다. PC 화면, 모바일 장치 및 스마트폰에서 볼 때 너무 "시끄럽습니다". 텍스트가 잘린 축소판의 테두리를 벗어나지 않도록 합니다. 이를 통해 사용자에게 메시지를 정확하고 효과적으로 전달할 수 있습니다.

7. 사용자 정의 모양 사용

예를 들어, 원하는 원형 패턴에 흰색 배경에 다각형이나 기타 기하학적 도형을 입력합니다. 읽지 않은 알림 효과 또는 온라인 그래픽 아이콘을 만듭니다.

메뉴를 디자인하다

메뉴는 Vkontakte의 그룹 디자인에서 중요한 요소이므로 사용자가 그룹을 더 쉽게 탐색할 수 있습니다. 사람들이 필요한 정보를 더 쉽게 찾을 수 있습니다. 각 요소와 페이지는 Wiki 마크업이라는 특수 프로그래밍 언어로 생성됩니다. 이를 통해 이미지를 클릭할 수 있게 만들고 웹사이트 페이지인 것처럼 소셜 네트워크 내에서 편리한 페이지를 만들 수 있습니다.

개방형 메뉴와 폐쇄형 메뉴를 모두 사용할 수 있습니다. 첫 번째 경우 사용자는 포함된 섹션을 즉시 볼 수 있고 두 번째 경우에는 "메뉴"라는 문구가 있는 미리 보기 이미지가 앞에 표시됩니다. 메뉴는 이전 커뮤니티 디자인을 사용하는 경우 시각적으로 아바타의 확장이 될 수도 있습니다.

제품 쇼케이스 디자인

커뮤니티 상점 첫화면에 항목을 나열할 때 처음 3개의 항목은 항상 사용자에게 표시된다는 점을 기억하십시오. 같은 스타일의 프리젠테이션 이미지를 업로드하여 가장 인기 있고 가장 많이 주문한 것을 그 안에 넣으십시오. 여기에 제품 자체의 유니폼 아이콘이나 사진을 게시하십시오. 서비스는 제품에 배치될 수 있습니다. 디자인에서 서비스를 제공하는 과정이나 결과를 보여줍니다. 이러한 그림의 크기는 정사각형(400x400픽셀)입니다.

전기

1. 사용 가능한 이미지 크기를 최대한 활용

피드에 있는 이미지의 최대 너비는 510픽셀입니다. 510x510 픽셀의 정사각형 이미지와 510x300 픽셀의 직사각형 이미지가 가장 인상적입니다.

2. 맞춤형 포스트 스타일 개발

게시물을 개별적으로 보이게 하려면 통일된 스타일, 글꼴 및 색 구성표를 생각해 보세요.

3. 사진에 짧은 텍스트 입력

예를 들어 이미지를 텍스트와 그래픽의 두 부분으로 나누거나 배경을 어둡게 하면서 텍스트를 쓸 수 있습니다. 어두운 배경 없이 텍스트가 보이도록 하려면 언더레이(동일한 색상의 대조 그림 블록)에 쓰거나 텍스트에 그림자를 추가합니다. 액자 사진이 잘 보입니다.

4. 다양한 용도로 여러 템플릿 만들기

예를 들어 견적의 경우 시각적 정보 프레젠테이션, 사이트 자료 발표용 템플릿(다른 템플릿), 콘테스트 템플릿(세 번째 템플릿)을 사용합니다.

이 100% 트릭을 사용하면 Vkontakte에 귀사가 가장 좋은 방식으로 표시되고 고객이 편리하게 상호 작용할 수 있습니다. 그러나 모든 일에는 측정이 필요하다는 것을 잊지 마십시오! Tesla Target 에이전시 서비스 페이지에서 VK 커뮤니티 꾸미기에 대한 더 많은 참신한 아이디어를 확인하십시오.

장식용 주요 요소의 치수

비즈니스용 VK 플랫폼은 개발 중이며 그룹용 애드온을 지속적으로 출시하고 있습니다. 이전에 그룹을 만드는 데 몇 분이 걸렸다면 이름을 지정하고 설명을 입력하고 사이트에 대한 링크를 입력하고 몇 장의 사진을 업로드했다면 이제 모든 것이 훨씬 더 복잡해졌습니다. 전체 커뮤니티의 디자인은 주요 목표를 달성하기 위해 매우 신중하게 디자인되어야 합니다. 특히 비즈니스의 경우 판매, 주제별 대중의 경우 광고주의 관심입니다.

• 커뮤니티 이름- 48자 이하의 모든 언어로 된 모든 텍스트, 이모티콘을 사용할 수 있습니다.
• 그룹 설명- 4000자 이내(검색 엔진에서 그룹 순위를 매길 때 로 고려됨)
• 화신- 최소 크기는 200x200픽셀, 최대 크기는 각 면에서 7000픽셀 이하입니다. JPG, GIF 또는 PNG 이미지를 사용할 수 있습니다.
• 씌우다- 최소 크기는 높이 200픽셀, 너비 795픽셀입니다. 권장 이미지 크기는 400×1590픽셀입니다. 형식 - JPG, GIF 또는 PNG
• 라이브 커뮤니티 커버(모바일용) - 1080 × 1920 해상도의 비디오 또는 사진. 지속 시간은 30초 이하, 파일 크기는 최대 30MB입니다.
• 그룹 메뉴;
• 액션 버튼;
• 연락처 정보;
• 고정된 메시지 - 비디오, 사진, 설문조사, gif 등이 포함된 모든 게시물
• 원하는 다른 섹션 및 요소;
• 앱과 위젯.

커뮤니티 설명

설명은 사용자가 그룹을 방문하는 즉시 보게 되는 텍스트입니다. 그 목적은 관심입니다. 그룹이 무엇인지 정확하고 흥미롭게 설명해야 합니다. 텍스트 디자인에 필요한 특별한 주의그룹에 대한 사실, 그룹이 그 사람에게 얼마나 유용한지 알려주십시오. 효과를 높이려면 다음을 사용하여 정보를 분리하는 것이 좋습니다. 이모티콘.

설명을 추가하거나 변경하는 방법

그룹의 사이드 메뉴에서 "관리"섹션으로 이동하십시오.

"커뮤니티 설명" 섹션을 작성하십시오. 나중에 설명을 편집해야 하는 경우 동일한 알고리즘을 따르십시오.

화신

화신- 사진, 단체사진. 이것이 가장 먼저 눈에 들어오는 것입니다. Ava는 피드의 게시물 왼쪽 상단과 커뮤니티 페이지를 방문할 때 사람들에게 표시됩니다. 축소된 형태로도 구별 가능하고 인식할 수 있도록 아바타를 만드는 것이 좋습니다. 예를 들어 샌더스 대령처럼.

이제 아름다운 그룹 아바타를 만들 수 있는 많은 온라인 서비스와 응용 프로그램이 있습니다.

• AvaMaster - 사진(또는 회사 로고)을 업로드하고 제시된 옵션에서 선택합니다.
• Vk Profi - 커뮤니티 및 공개 페이지 디자인을 위한 모든 기본 그래픽 요소를 만들 수 있습니다.

아바타 설정 또는 변경 방법

단체 사진을 넣거나 바꾸려면 커뮤니티 페이지로 이동하여 현재 아바타 위에 마우스를 올려 놓고 나타나는 메뉴에서 "사진 업데이트"를 선택해야 합니다.

"파일 선택"을 클릭하고 컴퓨터에서 원하는 이미지를 업로드해야 하는 창이 열립니다.

VKontakte 그룹 표지

씌우다커뮤니티 디자인에서 비교적 젊은 요소입니다. 그것은 당신이 일반적인 아바타를 대체 할 수있게하고 디자인을 꿈꾸는 기회를 제공합니다. 그룹은 더 밝고 매력적입니다.

표지를 넣으려면 커뮤니티 관리로 이동하여 해당 항목 옆의 "추가"를 클릭하고 사진을 업로드하십시오.

예를 들어 다음과 같이 보일 수 있습니다.

다른 기기에서 그룹을 볼 때 표지의 정보가 잘리지 않도록 가장 중요한 정보를 중앙에 배치하십시오. 또한 "그룹 가입" 또는 "사이트로 이동"과 같은 추가 텍스트 힌트를 추가할 수 있습니다.

라이브 커뮤니티 커버

또한 모바일 기기의 그룹 방문자와 모바일 애플리케이션 사용자에게만 표시되는 표지를 만들 수 있습니다. 이 표지를 "커뮤니티의 라이브 표지" 또는 동적이라고 합니다.

라이브 커버를 만들려면 일반 커버를 설정한 동일한 섹션에서 약간 아래로 스크롤하여 세로 이미지나 동영상을 추가합니다.

이러한 표지를 사용하면 스마트폰에서 소셜 네트워크를 시청하는 것을 선호하는 청중과 보다 효과적으로 작업할 수 있습니다.

고정 게시물

VK에서 판매 커뮤니티 등록의 비밀

보너스로 VK 그룹 디자인의 비밀과 경험을 공유하여 고급 수준의 디자인을 만들 수 있습니다. 예를 들어, 참여를 증가시키는 다양한 애플리케이션의 아름다운 블록을 설정할 수 있습니다.

무료 앱.커뮤니티 관리로 이동하고 애플리케이션으로 이동하여 설정을 편집합니다.

여기에서 그룹의 기능을 보완할 애플리케이션을 추가하도록 선택할 수 있습니다. 예를 들어, 우리 그룹에는 "커뮤니티 지원" 버튼이 있습니다. 이 버튼을 클릭하면 커뮤니티의 이익을 위해 100루블에서 원하는 금액을 기부할 수 있습니다. 또한 제품 상점, 설문지, 테스트, 온라인 채팅, 뉴스레터 구독 등이 될 수 있습니다.

기타 유용한 위젯 및 애플리케이션:

• 설문지;
• 테스트;
• 서비스 등록;
• 메시지 보내기;
• 상품 가게;
• 등.

. 그룹 설정에서 액션 버튼을 설정하면 사용자가 원하는 액션을 취하도록 동기를 부여하는 데 도움이 됩니다. 이 버튼을 사용하여 방문자를 사이트, 응용 프로그램 및 전화 또는 VK를 통한 빠른 통화로 안내할 수 있습니다. 커뮤니티 관리로 이동한 후 첫 번째 창에서 구성할 수 있습니다.

추가 디자인 요소사용할 수 있습니다:

결론

VK에서 그룹을 성공적으로 홍보하려면 시간을 내어 적절하고 아름답게 디자인하십시오. 이 문제에 더 철저하게 접근하고 그룹 페이지로 이동한 후 사용자 행동의 모든 시나리오를 생각할수록 구독 및 나중에 구매로의 전환이 더 높아집니다.

이 기사의 주제는 VKontakte의 새로운 디자인입니다. 다시 변경되었습니다. 이제 그룹에서 가로 표지를 설정할 수 있습니다. 이러한 헤더로 VK 커뮤니티를 만드는 것은 훨씬 더 흥미로울 것입니다. 솔직히 여기에는 Photoshop 지식이 필요하지 않습니다. 그리고 PowerPoint, Fotor, Canva, Pixlr Editor에서도 특별한 기술 없이도 아름다운 그림을 만들 수 있습니다.

그룹으로 이동하면 해당 그룹에 "고정된 항목", "정보" 및 "보도 메뉴" 버튼이 표시됩니다. 이전에는 숨겨져 있었습니다. 당연히 그룹의 모든 디자인이 즉시 진행되었습니다.

새 표지 다운로드

이제 수평 헤더를 설정하는 기능을 활성화하는 방법을 알아보겠습니다. "관리" 버튼을 클릭합시다.

그런 다음 마지막 항목을 클릭하고 VKontakte 그룹의 새 표지를 업로드합니다. 여기에서 다운로드 파일의 크기는 제한이 없음을 알 수 있습니다! 그러나 1590×400픽셀 이상이어야 합니다. 우리는 모든 편집기에서 표지 프로토타입을 만듭니다. 다음으로 VC의 요구 사항을 충족하는 영역을 선택하고 저장할 수 있습니다. 다음은 표지 이미지를 찾을 수 있는 위치에 대한 힌트입니다.

VKontakte의 새로운 디자인에서 흥미로운 점은 무엇입니까?

중요한 것은 정보를 위한 더 많은 공간이 있다는 것입니다. 이제 여기에 그룹 이름, 생성 목적, 행동 촉구 등을 작성할 수 있습니다. 이 디자인은 논리적으로 완전하고 더 기능적입니다. 그러나 오래된 디자인을 남길 수 있습니다. 그것은 모두의 취향 문제입니다.

수평 표지를 디자인할 때 내부 메뉴가 이제 어떻게든 일반적인 컨텍스트에서 벗어났음을 알 수 있습니다. 메뉴로 이동하려면 사진을 고정하는 것이 좋을 것 같아요. 그룹에서 Wiki 페이지를 호스팅하는 데 사용합니다.

동시에 개발자들이 Wiki 페이지로의 아름다운 전환을 설정할 수 있는 다른 가능성을 추가했으면 합니다.

2016년부터 소셜 네트워크 Vkontakte의 개발자는 비즈니스를 홍보하기 위해 이 네트워크를 설정하기 위해 적극적으로 노력해 왔습니다. 더 비즈니스 친화적으로 만드십시오. 내 관점에서 이것은 매우 훌륭하고 많은 인터넷 기업가들 사이에서 수요가 많습니다.

그러나 가장 중요한 것은 기업가가 소셜 네트워크에서 재미를 위해 오는 사용자를 방해하지 않고 침착하게 일할 수 있도록 "금지"시스템을 신중하게 고려해야한다고 생각합니다.

Vkontakte 그룹 표지를 온라인으로 만드는 방법

창의력을 발휘하고 수평 커버 또는 이미 친숙한 Vkontakte 디자인이 마음에 드는 것을 선택하십시오. 온라인으로 작성하고 새 표지를 설치하는 것은 기사 아래 비디오에 단계별로 시각적으로 표시됩니다.

추신 이 정보가 유용하기를 바랍니다.

추신 모든 노력에 창의력과 행운을 빕니다!

이 기사는 자세한 매뉴얼이 될 것이며 VKontakte 그룹을위한 메뉴를 만드는 방법을 알려 드리겠습니다. 아름답게 디자인된 VK 그룹 메뉴는 방문자의 실질적인 증가와 사이트의 매출 성장에 기여합니다.

친애하는 독자 여러분 안녕하세요. 오늘 말해줄게 VKontakte 그룹을 위한 아름다운 메뉴를 만드는 방법완전히 무료입니다. 그건 그렇고, 그러한 주제를 만드는 방법을 배웠으므로 이것에 대해 조금 벌 수 있습니다 -))). 이미 단일 상용 사이트는 소셜 네트워크, 특히 VK에서 자체 커뮤니티를 만들지 않고 작동하지 않습니다. VK는 새로운 고객을 확보하고 비즈니스를 홍보하는 데 도움이 됩니다.

그러나 커뮤니티가 매력적이지 않고 그곳에 머물고 싶어하는 모든 사람들은 어떻습니까? 아무도 없는 것 같아요!!! 따라서 고품질 디자인으로 그룹을 장식하고 매우 빠르게 수행하는 방법을 배우도록 합시다. 그래픽 및 향후 메뉴 제작을 시작하기 전에 사진을 추가로 자르기 위해 컴퓨터에 Photoshop을 설치해야 합니다. 많은 사람들이 사진을 잘라야 하는 이유를 묻습니다. 여기서 요점은 각 메뉴 링크에 대해 일반 배너와 별도의 스트립을 만들어야 한다는 것입니다.

오늘날에는 몇 가지 유형의 메뉴가 만들어졌습니다.

• 활성 항목으로 열기;
• 고정 게시물로 닫힙니다.
• 별도의 사진이나 배너와 메뉴의 공통 인접 사진으로.

두 옵션을 모두 만드는 본질은 동일합니다. 주요 차이점은 추가 요소와 레코드 유형뿐이며 이 문서에서는 이 문서에서 더 자세히 설명합니다.

메뉴 작업이 도움이 될 것입니다. 위키 마크업, 오늘날 VKontakte 텍스트 편집기에 내장되어 있습니다. 표준 명령을 사용하여 특정 그림을 표시하고 필요한 요소에 대한 링크를 삽입한다는 점에서 일반적인 것과 다릅니다. 위키 마크업 자체를 사용하면 이미지, 비디오 및 기타 요소를 표시하는 코드를 삽입할 수 있습니다.

VK 그룹 폐쇄 메뉴

이 경우 기본 그룹 아바타 왼쪽에 "그룹 메뉴"라는 비문 형태의 하이퍼링크가 표시되며, 클릭하면 활성 항목과 이미지가 있는 메뉴가 열립니다.

메뉴는 다음과 같습니다.

그룹 메뉴 열기(고정된 푸티지)

결론은 일반적으로 모든 조건에 따라 표시되는 그룹 자체에 대한 설명에 표시될 이미 열려 있는 메뉴 항목을 만드는 것입니다. 우리 사진은 설명에 첨부되며 사전에 준비하고 활성 항목이 있는 페이지에 연결할 것입니다. 이 메뉴는 최근에 매우 인기를 얻었고 고객들 사이에서 수요가 있습니다. 그들은 다음과 같이 보입니다.

VKontakte 그룹을 위한 아름다운 메뉴를 만드는 방법: 단계별 지침

따라서 우선 오른쪽에 배치할 메인 그룹 아바타와 배너 형태의 메뉴 스텁을 만들어야 합니다.

• 아바타의 경우 200x332 픽셀;
• 메인 메뉴 배너용 395x282 픽셀.

보시다시피 이미지의 높이가 다르며 커뮤니티 이름과 상태의 높이가 약 50px가 걸리기 때문에 이미지의 높이가 움직이지 않고 같은 높이에 있도록 수행되며 필요합니다. 메뉴 높이에서 이 값을 제거합니다.

명확히 하기 위해 기본 그룹 아바타의 높이가 332이면 여기서 50을 빼고 기본 메뉴의 높이는 282와 같습니다. 치수가 중요하지 않은 경우 높이를 임의로 설정할 수 있습니다.

커뮤니티를 만든 후 다음 단계는 자료를 설정하는 것이며 여기에서 참가자가 추가 페이지와 블록을 만드는 것을 금지해야 하지만 벽에 쓰는 것만을 금지해야 합니다. 이렇게 하려면 아래에 표시된 대로 자료를 "제한"으로 만들어야 하는 "커뮤니티 관리"라는 그룹 아바타 아래 섹션으로 이동해야 합니다.

이제 전체 구성을 작성해 보겠습니다. 물론 설명에 아바타 대신 사진만 넣어도 되지만, 아마추어가 되지 말고 전문적으로 하는 방법을 보여주어서 하나의 본격적인 사진이 되고 또 ​​하나가 되는 본격적인 사진이 되도록 합시다.

Photoshop에서 600x350픽셀 크기의 새 캔버스를 만들어 보겠습니다. 이 캔버스는 사진의 구멍을 잘라 스텐실로 사용할 것입니다. 작동하려면 모든 요소와 눈금자의 크기를 픽셀 단위로 변환해야 합니다. 이 작업은 "Edit-Setting-Basic" 경로를 따라 수행되며 여기에서는 이미 픽셀을 설정했습니다.

생성의 다음 단계 메뉴 열기배너와 아바타에 대한 클리핑을 만들어야 하며 다운로드를 위해 받게 됩니다. 이렇게 하려면 왼쪽 세로 메뉴 섹션으로 이동하여 자르기를 선택합니다.

마우스 왼쪽 버튼을 사용하여 영역을 선택하는 것처럼 필요한 크기의 블록을 선택하고 각 선택 후 삭제 버튼 "삭제"를 누르고 선택 50% 회색. 이러한 작업은 블록이 원하는 크기가 되고 기본 배경과 다른 색상으로 강조 표시된다는 사실로 이어집니다.

다음을 얻어야 합니다.

이제 지우개를 선택하고 "마법 지우개" 기능을 사용하여 각 회색 블록을 클릭하고 컷아웃이 있는 스텐실을 얻으십시오. 다음 단계에서는 기본 이미지를 선택하고 배경 아래에 놓고 메뉴 이름이나 기타 광고 요소로 텍스트를 작성할 수 있는 기성품 사진을 얻습니다.

괜찮은. 디자인 사진을 배치한 후 "웹용으로 저장"을 선택하기만 하면 두 장의 사진이 출력됩니다. 이제 우리는 우리 그룹으로 돌아가서 메인 아바타(수직)를 채울 수 있습니다. 나중에 위키 마크업 코드로 작업할 때 메뉴에 대한 배너를 사용할 것입니다.

사용자를 타사 사이트의 필요한 섹션이나 그룹 자체의 앨범 및 디렉터리로 리디렉션하는 활성 항목이 있는 메뉴 자체를 만들어 보겠습니다. 우리는 변경을 위해 새로운 이미지를 사용할 것입니다 -))).

따라서 Photoshop으로 돌아가서 400x300픽셀 크기의 새 캔버스를 만듭니다. 그런 다음 섹션에서 파일을 선택하고 메뉴 배경에 사용할 그림을 선택합니다.

우리는 미래 메뉴의 버튼을 그림에 배치하고 필요한 블록을 선택하여 위와 같이 그림을 자릅니다. 그런 다음 "웹용으로 저장"도 선택하고 컷이 있는 폴더를 얻습니다. 제 경우에는 별도의 폴더에 4개의 사진이 있습니다.

이제 Photoshop에서 언로드된 사진을 별도의 앨범에 채우고 눈에 띄지 않게 숨겨야 합니다. 업로드 후 각 사진은 새 이름과 고유 ID를 갖게 됩니다.

다음이 있어야 합니다.

• "제한된" 모드에서 열린 자료;
• 포함된 토론;
• 사진 폴더는 누구에게나 열려 있습니다.

이제 메뉴에 표시될 페이지를 설정해야 합니다. 이렇게 하려면 커뮤니티의 메인 페이지로 이동하여 신선한 재료를 선택하고 편집하고 "OUR MENU"를 호출하십시오.

다음으로 Photoshop에서 잘라낼 때 얻은 사진을 삽입해야 합니다. 마크업 코드를 사용하는 사람이 있는데 더 똑똑해지지 않으려면 그냥 카메라 아이콘을 클릭해서 사진을 삽입하는 것을 선택하고 하나씩 차례로 업로드하는 것을 제안합니다.

텍스트 편집기에서 작업할 때 그림을 로드한 후 오른쪽 상단 모서리에 있는 대괄호 아이콘을 클릭하면 다음 코드가 표시됩니다.

조언:이미지 업로드 후 중요한 점은 들여쓰기를 제거하는 것입니다. 이것은 이미지 크기 앞에 "nopadding"을 삽입하여 해결됩니다.

명확히하기 위해 어디에서 가져온 것인지는 아래에 설명되어 있지만 모든 것이 자동으로 삽입되고 똑똑할 필요가 없으며 일부 사람들이 각 사진을 쓰고 ID를 가져 오는 방법을 연 다음로드하고 저장하기 만하면됩니다.

[]
여기서 xxxxx는 이미지의 ID입니다.
yyyyy - 너비(픽셀)(388 이하)

다음과 같이 끝나야 합니다.

이제 사진이 별도의 배너에 수집됩니다. 그리고 각 항목에 대한 링크를 추가하려면 마크업이 비활성화된 이미지를 클릭하고 복사한 URL을 링크 섹션에 붙여넣기만 하면 됩니다.

그래서 우리는 VKontakte 메뉴를 만드는 가장 중요하고 마지막 지점에 도달했습니다. 이제 이미지 페이지를 저장하고 주소를 복사해야 합니다. 제 경우에는 다음과 같습니다.

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

이 기사의 시작 부분에서 메인 아바타의 연속이 될 메뉴 스텁을 만들었고 스텐실만 만들었습니다. 이것이 바로 지금 우리에게 필요한 것입니다.

메인 페이지로 이동하여 다음을 수행하십시오.

1 단계.

벽의 새 항목에 대한 텍스트 필드에 페이지 주소를 삽입하면 링크로 변환됩니다.

2 단계.

메뉴에 대한 스텁 이미지를 레코드에 첨부하고 보내기를 클릭합니다.

3단계.

이제 게시물을 게시한 후 게시물의 왼쪽 하단에 있는 생성 시간을 클릭하고 "PIN"을 선택하십시오.

괜찮은!!! 여기서 끝입니다. 이제 멋진 메뉴를 만드는 방법을 알고 좋은 돈을 벌 수 있습니다. 다음 순서대로 모든 작업을 수행하는 것이 좋습니다.

• 메뉴 이미지의 구조와 디자인을 주문합니다.
• 우리는 모든 이미지의 크기를 조정하고 잘라냅니다.
• 사진을 앨범에 삽입하십시오.
• 우리는 편집기에서 모든 컷을 편집하고 그룹의 기본 페이지에 게시합니다.

작업의 결과, 우리는 다음과 같은 메뉴를 얻을 것입니다.

그러나 메뉴 자체를 누르면 활성 링크와 함께 팝업됩니다. 크기를 가지고 놀고 화면에 맞게 조정할 가치가 있지만 모바일 장치의 디스플레이를 잊지 마십시오.

중요한: 2016년 VK의 디자인을 변경한 후 이미지 생성 시 새로운 변경 사항과 그에 대한 이미지 요구 사항이 변경되었습니다.

VK 그룹 메뉴 템플릿 + 모든 강의 소스 다운로드

자료가 도움이 되었기를 바라며 이제 VKontakte 그룹을 위한 아름다운 메뉴를 만드는 방법을 쉽게 이해할 수 있습니다. 블로그 업데이트를 구독하고 새 게시물에서 곧 뵙겠습니다. 질문이 있는 경우 댓글에 작성해 주시면 확실히 도와드리겠습니다.

제가 읽은 내용을 보강하기 위해 동영상을 첨부합니다.