VK(Vkontakte)에서 그룹을 장식하고 고유한 헤더(표지)를 만들고 싶습니까? 이 기사에서는 헤더의 크기와 형식, VK에 헤더를 추가하는 방법에 대해 설명하고 필요한 크기의 템플릿 PSD 소스(Photoshop 형식)도 게시할 것입니다.

VK에서 그룹의 헤더(표지)를 만드는 방법은 무엇입니까?

VK 그룹의 모자는 무엇입니까? 이것은 단지 사진, 크기 1590x400 및 형식(JPG, GIF 또는 PNG)입니다. VK 그룹의 상단에 있으며 다음과 같습니다.

1단계. 필요한 크기의 이미지를 만듭니다.

먼저 사진 자체를 만들어야 합니다. 이를 위해 저는 Photoshop을 사용했습니다(완성된 템플릿을 PSD 형식으로 다운로드할 수 있습니다). Photoshop을 열고 메뉴에서 "파일" -> "만들기"를 선택합니다.

이미지 크기를 변경해야 하는 창이 나타납니다. 너비는 1590px, 높이는 400입니다. 색상 모드는 기본값으로 둘 수 있습니다. "확인"을 클릭하세요

이미지를 추가할 때 이미지 크기가 더 커질 수 있다는 점에 유의하고 싶습니다. VK는 이미지를 필요한 크기로 잘라냅니다. 400픽셀 이상의 너비를 추가하는 것은 권장하지 않습니다. VK에서는 그림의 일부가 잘립니다.

결과적으로 필요한 크기의 빈 시트를 얻게 됩니다. 다음으로 헤더에 보고 싶은 것을 그리고 생성물을 저장합니다. 내 템플릿은 다음과 같습니다.

2단계. VK 그룹의 헤더를 변경합니다.

다음으로 이미지를 VK 그룹에 업로드해야 합니다. 이렇게 하려면 그룹으로 이동하여 오른쪽 상단(그룹 아바타 아래)에 있는 "점 3개"(...)를 클릭하고 드롭다운 메뉴에서 "커뮤니티 관리"를 선택하세요.

이미지를 업로드하라는 창이 나타나면 '파일 선택'을 클릭하세요.

이미지를 선택하면 모든 것이 필요한 크기에 해당하므로 이미지를 자르는 옵션이 있는 창이 나타납니다. "저장하고 계속"을 클릭합니다.

결과적으로 표지가 성공적으로 로드되었다는 메시지가 표시되고 그룹으로 이동하여 결과 효과에 감탄하기만 하면 됩니다.

헤더(표지)는 원하는 만큼 변경할 수 있습니다.

그래서 우리는 VK 그룹을 위한 모자를 만들었습니다.

이 문서에서 제안된 템플릿 중 하나를 사용할 수도 있습니다.

VKontakte 커뮤니티의 아름다운 디자인은 변덕스러운 것이 아니라 귀하와 귀하의 회사에 대한 사용자 신뢰를 구축하는 중요한 요소입니다. 공개 페이지나 그룹이 비전문적으로 디자인되면 잠재 고객은 귀하가 작업에 똑같이 태만하다고 논리적으로 결론을 내릴 수 있습니다. 이런 일이 발생하지 않도록 하려면 VKontakte 페이지가 아름답고 깔끔하고 사용하기 쉬운지 확인하세요. 어떻게 하나요? 아래를 읽어보세요.

VKontakte 이미지의 현재 크기

얼마 전 소셜 네트워크 VKontakte 개발자가 새로운 디자인을 출시했습니다. 이로 인해 이미지 표시의 크기와 원리가 변경되었습니다. 아래에 제공될 메모는 모든 혁신에 해당하며 현재 관련된 크기를 포함합니다.

이제 각 항목에 대해 좀 더 자세히 살펴보겠습니다.

VK 아바타 크기

최소 아바타 크기는 200x200픽셀입니다. 가로 또는 세로가 200픽셀 미만인 이미지를 업로드하려고 하면 다음과 같은 오류가 표시됩니다.

최대 아바타 크기는 200x500픽셀입니다. 그러나 원칙적으로 각 면에 최대 7000픽셀까지 더 큰 크기의 이미지를 업로드할 수 있습니다. 가장 중요한 것은 종횡비가 2 ~ 5를 초과하지 않는다는 것입니다.

예를 들어 보여 드리겠습니다.

이미지가 있습니다. 크기: 200 x 800 픽셀(비율 2:8). 로딩시 오류가 없습니다. 하지만 "연락처"에서는 이미지를 완전히 선택할 수 없기 때문에 여전히 이 이미지를 사용할 수 없습니다.

씌우다

사이트 정식 버전의 표지 크기는 1590 x 400픽셀입니다.

참고: 모바일 버전과 애플리케이션에서는 표지의 전체 버전이 표시되지 않고 1196 x 400픽셀의 일부만 표시됩니다. 모바일 앱에서 어떻게 잘리는지 확인하세요.

이런 일이 발생하지 않도록 하려면 표지의 주요 요소를 1196 x 400픽셀 내에 배치하세요.

첨부된 이미지

업데이트된 연락처 디자인에서는 뉴스피드의 너비가 고정되었습니다. 이는 게시물에 첨부된 이미지가 더 이상 늘어나지 않고 그대로 유지된다는 의미입니다. 따라서 이미지가 뉴스피드의 전체 공간을 채우도록 하려면 너비가 510픽셀 이상이어야 합니다. 가로 방향의 정사각형이나 직사각형인 것이 가장 좋습니다.

조금 헷갈리실 것 같은데요 :) 그럼 예를 들어 보여드리겠습니다.

변이 510픽셀인 정사각형 모양의 이미지가 있다고 가정해 보겠습니다. 게시물에 첨부하면 모든 기기의 뉴스피드에서 매우 보기 좋게 표시됩니다.

가로 방향(폭 510픽셀)의 가로 이미지는 다음과 같습니다.

보시다시피, 이미지(높이)가 좁을수록 스마트폰 피드에서는 더 작게 보입니다. 이를 보려면 아래 그림을보십시오.

여기서의 차이점은 특별히 중요하지 않으며 스마트폰 사용자는 여전히 이미지를 볼 것이며 두 번째 경우에는 조금 더 편안할 것임이 분명합니다.

링크가 포함된 게시물의 이미지

이 모든 데이터는 Open Graph 마크업 코드에서 가져옵니다.

오픈 그래프가 지정되지 않은 경우 제목은 제목 메타 태그에서 가져오고 이미지는 기사에서 가져옵니다. 동시에, 쉽게 변경할 수 있습니다. 또는 특수 화살표를 사용하여 기사에서 다른 이미지를 선택할 수도 있습니다.

또는 귀하의 것을 업로드하십시오:

기사 공지로 사용할 수 있는 이미지의 최소 크기는 537 x 240픽셀입니다. 그러나 비율이 유지된다면 더 큰 이미지를 업로드할 수 있습니다.

편집기에서 작성된 기사의 이미지

편집기에서 생성된 기사 표지의 이미지 크기는 510 x 286픽셀입니다. 밝은 배경에서는 기사와 커뮤니티의 이름이 사라지기 때문에 색상이 어둡고 단색이면 더 좋습니다.

좋은 예:

별로 좋은 예는 아닙니다.

스토리용 사진 및 비디오 크기

사진 크기는 1080 x 1920 픽셀입니다. 비디오 크기는 720 x 1280 픽셀입니다.

비디오 녹화 기술 사양:

• 최대 15초;
• 5MB 이하;
• h.264 코덱;
• AAC 사운드.

스토리에는 세로 형식의 사진과 동영상을 사용해야 합니다.

참고: 커뮤니티를 대표하는 스토리는 현재 VKontakte 개발자가 이 기능을 열어 놓은 대규모 커뮤니티에서만 추가할 수 있습니다. 그리고 이것은 공식 애플리케이션을 사용하여 수행됩니다. 이 작업은 컴퓨터에서는 수행할 수 없습니다.

사진 앨범 표지 크기

비디오 이미지 크기

1280 x 720픽셀.

위키 페이지

Wiki 페이지의 콘텐츠 영역 너비는 607픽셀입니다. 더 큰 이미지를 업로드하면 너비가 400픽셀로 자동 업로드됩니다. 예: 1366 x 768 크기의 이미지가 있습니다. 이를 위키 페이지에 추가하면 다음과 같습니다.

사진의 크기를 변경하려면 사진을 클릭하고 원하는 값을 설정해야 합니다.

아래에서 위키 페이지로 작업하는 방법에 대해 자세히 설명하겠습니다. 그러므로 여기서는 이 점을 다루지 않겠습니다.

VKontakte 이미지가 축소되지 않는지 확인하는 방법은 무엇입니까? 배경과 크기가 화질에 미치는 영향.

VKontakte 이미지를 업로드해 본 적이 있다면(아바타 사진인지 여행 사진인지는 중요하지 않음) 이미지가 축소되는 경향이 있다는 것을 이미 알고 계실 것입니다. 이는 어두운(특히 빨간색) 배경에서 그리고 사진 크기가 너무 크지 않을 때 특히 두드러집니다. 예:

사진의 품질이 저하되지 않는지 확인하는 방법은 무엇입니까?

이미지가 축소되는 것을 방지하려면(또는 축소되지만 훨씬 적은 정도) 원하는 크기보다 2-3배 더 크게 만들어야 합니다. 예를 들어 200 x 500 픽셀 크기의 아바타를 만들어야 한다면 400 x 1000 픽셀 크기의 사진을 찍습니다. 510 x 400 픽셀 크기의 메뉴를 만들어야 한다면 1020 x 800을 사용하세요.

바로 위에서 보여드린 짙은 파란색 배경의 이미지는 510 x 350 크기입니다. 2배 큰 크기(1020 x 700)로 만들어서 저장했습니다. 그것이 나온 것입니다 :

어떻게 고치나요? 대답은 매우 간단합니다. 다른 배경을 선택해야 합니다. 사실 픽셀은 밝은 배경보다 어두운 배경에서 더 잘 보입니다. 따라서 완벽한 품질을 얻으려면 (위 그림은 이미 꽤 평범해 보이지만) 색 구성표를 약간 변경해야 합니다. 예를 들어, 배경은 흰색으로, 텍스트는 파란색으로 만듭니다.

페이지 헤더를 디자인하는 방법

공개 페이지나 그룹의 헤더는 사용자가 귀하를 방문할 때 가장 먼저 보게 되는 것입니다. 대부분의 경우 이 장소에는 공개 자료, 흥미로운 게시물 또는 중요한 공지사항에 대한 탐색 메뉴가 포함되어 있습니다. 다양한 기업이 이 공간을 어떻게 활용하고 있는지 예를 살펴보겠습니다.

씌우다

얼마 전 VKontakte는 업데이트를 도입했습니다. 이제 크고 아름다운 표지(1590 x 400픽셀)를 페이지에 업로드할 수 있습니다. 이렇게 하려면 설정으로 이동하여 "다운로드" 버튼을 클릭하세요.

표지에는 회사 이름과 모토부터 모든 종류의 프로모션, 제안, 심지어 대회까지 원하는 것을 넣을 수 있습니다.

다이나믹 커버의 가능성에 특별한 주의를 기울이는 것이 좋습니다. 작동 방식, 사용 목적, 설치 가능한 서비스에 대한 기사를 읽어보세요.

동적 표지의 예:

표지 + 커뮤니티 설명 + 웹사이트 링크

일부 회사에서는 사용자가 페이지에 대한 기본 정보를 읽고 즉시 사이트로 이동할 수 있도록 헤더에 게시물을 고정하지 않습니다.

해시태그가 포함된 설명

일부 회사는 이를 특징짓는 표준 페이지 설명에 해시태그를 추가합니다. 이는 페이지의 관련성을 더욱 명확하게 하기 위해 수행되며 이로 인해 관련 검색어 검색에서 더 높은 순위를 차지합니다. 솔직히 이 방법이 효과가 있는지 없는지는 잘 모르겠습니다. 이 부분에 대해서는 제가 본 사례가 없는데 혹시 아시는 분 계시면 링크 공유해주시면 감사하겠습니다.

페이지 내용을 알려주는 고정된 게시물

페이지에 대해 더 자세히(사진, 링크 및 아름다운 레이아웃 포함) 알리고 싶다면 위키 게시물이나 편집기에서 만든 기사를 헤더에 첨부하고 공지 사항에 사용자를 격려할 밝은 그림을 추가할 수 있습니다. 그것을 클릭하십시오. 그러한 게시물의 예:

사용자가 링크를 클릭하면 다음과 같은 화면이 표시됩니다.

그룹 메뉴가 열려 있습니다.

나는 열린 메뉴를 그것이 어떤 항목으로 구성되어 있는지 즉시 보여주는 메뉴라고 부릅니다. 즉, 위키 게시물 공지 사진이 내용을 완전히 복제한 것입니다. 따라서 사용자는 내부에서 무엇이 기다리고 있는지 즉시 확인할 수 있습니다. 예를 들어 보여 드리겠습니다.

Flatro 페이지 헤더에 고정된 게시물은 다음과 같습니다.

그룹 메뉴가 닫혔습니다.

닫힌 메뉴는 이전 단락과 동일한 위키 게시물이며, 공지 사항에만 메뉴 항목이 없는 그림이 포함되어 있습니다. 일반적으로 "메뉴", "탐색 메뉴"또는 "공개 자료 탐색"이라고 적습니다.

클릭하면 다음과 같은 내용이 표시됩니다.

그건 그렇고, 이것이 유일한 옵션과는 거리가 멀다는 점은 주목할 가치가 있습니다. 기본적으로 이 사진에는 원하는 내용을 쓸 수 있습니다. 가장 중요한 것은 사용자가 클릭하기를 원하고 그 후에 무엇이 그를 기다리고 있는지 이해한다는 것입니다. 예:

그룹 통합 메뉴

병합 메뉴는 메뉴 공지사항의 그림이 아바타와 하나의 이미지를 형성하는 것입니다. 아래에서는 그러한 메뉴를 만드는 방법을 자세히 설명하겠습니다. 하지만 지금은 그것이 얼마나 아름다운지 살펴보십시오.

하나의 이미지에 담긴 GIF와 아바타

하지만 이 모자 디자인 옵션은 정말 기뻤습니다. 자동으로 재생되는 GIF는 아바타와 하나의 구성으로 합쳐져 정보가 전혀 없음에도 불구하고 사용자의 관심을 끌고 있습니다.

그건 그렇고, 나는 SMM 마케팅 담당자 Sergei Shmakov 그룹에서 이 예를 발견했습니다. 그래서 그 발견에 대해 그에게 감사를 표합니다 :)

숨겨진 메뉴

숨겨진 메뉴는 그룹에서만 사용할 수 있습니다(페이지에는 이 기능이 없습니다). 이를 보려면 해당 링크를 클릭해야 합니다. 이 디자인 방식의 장점은 사용자가 커뮤니티의 주요 정보를 볼 수 있고, 메뉴를 사용하려면 단 한 번의 클릭만으로 충분하다는 점입니다. 그러나 여기에는 작은 단점이 있습니다. 모든 사용자가 이 기능의 존재를 알지 못하기 때문에 메뉴가 페이지 상단에 고정되어 있을 때보다 관심을 덜 받을 수 있습니다.

비디오 자동재생

2015년 11월 말 VKontakte 소셜 네트워크에 흥미로운 혁신이 나타났습니다. 사용자가 페이지를 방문하자마자 헤더에 첨부된 비디오가 자동으로 재생되기 시작합니다. 이 기술을 사용하면 사용자(특히 페이지를 처음 방문한 사용자)로부터 더 많은 관심을 끌 수 있으며, 동시에 동영상이 재생되기 때문에 자신의 콘텐츠가 부과되는 것을 좋아하지 않는 사용자를 짜증나게 하지 않을 수 있습니다. 소리가 없고 실질적으로 방해가 되지 않습니다.

페이지 헤더에 이러한 비디오를 추가하는 방법은 무엇입니까?

그러기 위해서는 다음 세 가지 조건이 충족되어야 합니다.

• 게시물에 영상을 첨부하고 이 게시물을 커뮤니티 상단에 고정해 주세요.
• 녹화물에는 영상 외에 다른 어떤 것도 첨부할 수 없습니다. 비디오와 텍스트만 선택사항입니다.
• 비디오는 VKontakte에 업로드해야 합니다. 타사 플레이어는 지원되지 않습니다.

많은 공유를 받는 게시물

페이지 헤더의 공간을 생산적으로 사용하는 또 다른 방법은 가장 성공적인 게시물 중 하나를 고정하는 것입니다. 이 게시물은 이미 많은 수의 좋아요와 공유를 받고 있으며 계속해서 받고 있습니다. 왜 이렇게 하는지는 모두가 이해한다고 생각합니다. 재게시가 많을수록 도달 범위가 커지고 페이지에서 더 많은 구독을 받게 됩니다.

새 동영상, 앨범, 이벤트 공지

새로운 제품/서비스 발표

할인 및 프로모션

사례, 고객 리뷰

애플리케이션 광고

실용적인 농담

커뮤니티 규칙

다른 소셜 네트워크에 대한 링크

모든 헤더 디자인 옵션을 나열하지는 않았습니다. 기본적으로 표지와 고정 게시물에는 채용 공고, 공지사항, 최고 판매 제품 링크 등 모든 종류의 정보를 넣을 수 있습니다. 따라서 위의 예에만 국한하지 마세요. 상상력을 발휘하고 커뮤니티 디자인을 활용하여 목표를 달성하세요.

아바타는 어떤 모습이어야 할까요?

아바타는 회사 로고가 포함된 아름다운 이미지일 뿐만 아니라 마케팅 담당자가 목표를 달성하는 데 사용하는 작업 도구입니다. 사용자의 관심을 끌고 타겟 액션을 수행하도록 유도하려면 어떤 모습이어야 하는지 자세히 살펴보겠습니다. 미니어처부터 시작해 보겠습니다.

아바타 썸네일

1. 아바타 썸네일의 텍스트는 읽을 수 있을 만큼 커야 합니다.







2. 텍스트는 미리보기 이미지를 넘어 확장되어서는 안 됩니다.







3. 사용자는 아바타에 표시되는 내용을 이해해야 합니다.







4. 가능하다면 스톡 이미지를 사용하지 않는 것이 좋습니다. 회사의 신뢰도가 떨어지는 경우가 많기 때문입니다.




5. 아바타 썸네일이 너무 흐릿하고 지루한 것은 바람직하지 않습니다. 그렇지 않으면 경쟁자의 더 밝은 아바타의 배경에서 손실될 것입니다.



6. 아바타가 현대적으로 보이도록 하려면 텍스트, 그림자, 그라데이션 및 의미론적 부하를 전달하지 않는 요소를 줄여 미니멀한 스타일로 만드세요. 아바타는 최대한 단순하고 깔끔해야 합니다. 요즘 이런 스타일이 대세입니다.







7. 사용자의 관심을 끌고 피드에서 다른 아바타보다 눈에 띄는 것이 목표라면 상상력을 발휘해야 합니다. 흥미로운 커뮤니티를 찾을 때 자신이 주의를 기울이는 부분에 대해 생각해 보세요. 예를 들어, 나는 불타는 빛을 지닌 아바타에 여러 번 매료되었습니다. 이는 일반적으로 새 메시지가 도착했음을 나타냅니다. 이것은 매우 오래된 기술이지만 어떤 이유에서인지 여전히 나에게 영향을 미칩니다. 그런 빛을 보면 반드시 시선을 떼지 않을 것입니다.

나는 이 기술이 귀하의 페이지에서 작동할 것이라고 말하는 것이 아닙니다. 제가 전달하고 싶은 요점은 눈에 띄는 방법이 아주 많다는 것입니다. 자신에게 물어보고 약간의 창의력을 발휘하면 됩니다. 예를 들어, 제가 혼자서는 거의 생각하지 못했던 또 다른 흥미로운 아이디어가 있습니다.

아바타는 크고 작은 검은색 원입니다. 왜 이런 일을 하는 것 같나요? 하지만 커뮤니티 목록을 스크롤하면 이러한 아바타가 다른 아바타와 매우 다르기 때문에 관심을 끌게 됩니다.

아바타 썸네일에는 어떤 정보를 넣을 수 있나요?

아바타 썸네일이 매우 작더라도 커뮤니티에 팔로어를 유치하는 데 사용할 수 있고 사용해야 합니다. 어떻게 하나요? 몇 가지 옵션을 살펴보겠습니다.

새로운 제품/서비스/이벤트 발표

회사/서비스/페이지의 장점

회사 전화번호

유리한 가격

무료 배송

그런데 회사에서 무료 배송을 제공하는 정보가 그룹 이름 자체에 추가되어 사용자가 확실히 주목할 수 있는 경우가 많습니다.

재고

대회

공석

아바타 자체는 어떤 모습이어야 합니까?

아바타 썸네일은 무엇이 되어야 하고, 그 위에 어떤 텍스트를 배치할 수 있는지 살펴보았습니다. 이제 아바타 자체로 넘어 갑시다. 정식 버전의 아바타는 커버가 설치되지 않은 커뮤니티에만 표시됩니다. 제가 이 섹션을 쓴 것은 바로 그러한 경우를 위해서입니다. 따라서 귀하의 회사가 책임감 있고 전문적으로 페이지 생성에 접근했다는 것을 사용자가 즉시 이해할 수 있도록 커뮤니티의 아바타는 어떤 모습이어야 합니까?

1. 아바타는 품질이 좋아야 합니다. 나는 이것을 조금 더 높게 달성하는 방법에 대해 썼습니다. 이 부분을 놓치신 분들을 위해 간략하게 말씀드리자면, 아바타의 크기는 계획했던 크기보다 2~3배 커야 합니다.
2. 아바타를 메뉴와 결합하는 것이 좋습니다. 색상 구성이 동일하고 글꼴, 요소 등이 동일해야 합니다. 덕분에 페이지 헤더가 더욱 깔끔하고 전문적으로 보입니다. 예:
3. 아바타 자체와 아바타 썸네일은 다를 수 있습니다. 예를 들어, 아바타에 원을 그리고 원하는 방식으로 디자인하고 해당 영역을 썸네일로 선택한 다음 아바타의 나머지 부분을 다른 스타일로 디자인할 수 있습니다.




또 다른 옵션은 아바타를 두 부분으로 나누는 것입니다. 하나는 미니어처용이고, 두 번째는 나머지 아바타용입니다.




4. 사용자가 귀하의 페이지를 구독하거나 회사 담당자에게 메시지를 쓰도록 유도하려면 아바타 맨 아래에 해당 클릭 유도 문구를 배치하고 버튼을 가리키는 화살표와 함께 표시할 수 있습니다.




5. 아바타에 너무 많은 정보를 입력하지 마십시오. 그렇지 않으면 아바타가 과부하되고 어수선해 보일 것입니다. 가장 중요한 점만 추가하고 그 사이에 "공기"가 있는지 확인하십시오.

아바타에는 어떤 정보를 넣을 수 있나요?

기본적으로 아바타에는 원하는 것은 무엇이든 넣을 수 있습니다. 미니어처와는 달리 여기는 정말 돌아다닐 공간이 많아요. 가장 중요한 것은 그것을 남용하지 않는 것입니다 :)

사이트 도메인

전화번호/주소/영업시간

대회/프로모션

가장 많이 구매한 제품/신상품

배송에 관한 정보

모바일 앱 광고

회사/페이지/상품 등의 주요 장점

구색 업데이트/새로운 창의성 등

귀하의 커뮤니티가 공식임을 알리는 정보

다가오는 이벤트에 대한 정보

다른 소셜 네트워크의 계정 주소

확장된 페이지 설명

자랑하다

일반적으로 아바타에는 모든 정보를 배치할 수 있습니다. 다른 사람들이 무엇을 하고 있는지 보고 영감을 얻을 수 있도록 몇 가지 아이디어를 포함시켰습니다. 기본 권장 사항을 염두에 두십시오. 아바타는 품질이 높아야 하고, 글꼴은 커야 하며, 요소 사이에 더 많은 "공기"가 있어야 합니다.

원활한 아바타와 메뉴를 만드는 방법

병합된 아바타와 메뉴를 만들려면 Adobe Photoshop 또는 이에 상응하는 프로그램이 필요합니다. 포토샵을 예로 들어 전체 과정을 설명하겠습니다. 자, 가자.

1. 이 기사를 위해 특별히 준비한 Photoshop 템플릿을 다운로드하세요. 일반 크기(메뉴 – 너비 510픽셀, 아바타 – 200) 또는 확대(메뉴 – 너비 1020픽셀, 아바타 – 400).
2. 베이스로 사용하려는 이미지를 엽니다.
3. 복사하여 템플릿에 붙여넣고 자르고 싶은 방향으로 배치하세요.

1. 효과, 텍스트, 그래픽 등을 추가하세요.

1. 이미지의 일부(50px 간격)를 잃지 않으려면 다음 GIF에 표시된 대로 오른쪽으로 이동하세요.

1. "절단" 도구를 선택하고 "가이드를 따라 조각 만들기" 버튼을 클릭하세요.

1. 불필요한 조각을 삭제하고(마우스 오른쪽 버튼 클릭 - "조각 삭제") 기존 조각을 편집합니다(마우스 오른쪽 버튼 클릭 - 빈 공간 클릭 - 원하는 영역을 선택하여 원하는 크기로 늘이기).

1. "파일" 섹션으로 이동하여 "웹용으로 저장" 명령을 선택하세요.

1. 사진을 저장한 위치(바탕 화면 또는 특정 디렉터리)로 이동하여 "Images"라는 폴더를 찾으세요. 여기가 귀하의 이미지가 들어갈 곳입니다. 이제 남은 것은 페이지에 내용을 채우는 것뿐입니다.

추신아바타의 높이는 귀하의 재량에 따라 변경될 수 있습니다. 최대 크기인 500픽셀을 사용했지만 값은 더 작을 수 있습니다. 예를 들어, “Wiki Markup” 페이지에서와 같이:

위젯 사용 방법

위젯은 VK 커뮤니티 디자인의 일부이기도 합니다. 이를 사용하여 사용자는 주문하고, 뉴스레터를 구독하고, 경쟁에 참여하고, 리뷰를 읽고 남기고, 커뮤니티에서 검색을 열고, 선물, 할인 쿠폰을 받을 수 있습니다.

다음은 VKontakte 페이지에서 위젯이 어떻게 보이는지에 대한 몇 가지 예입니다.

게시물의 이미지를 디자인하는 방법

웹 디자이너이거나 예술적인 취향과 미적 감각을 갖고 있다면 이미지에 대한 기업 스타일을 생각해내는 것이 어렵지 않을 것입니다. 하지만이 기사에서는 그러한 사람들이 소수에 속할 것 같습니다 (그런데 나도 그들 중 하나가 아닙니다). 따라서 성공적인 기업의 사례를 바탕으로 이것이 어떻게 수행되는지 자세히 살펴보겠습니다.

그건 그렇고, 잘 알려진 거의 모든 VKontakte 회사는 이미지를 브랜드화합니다. 즉, 작은 로고, 페이지 주소 또는 워터마크를 추가합니다. 이는 브랜드 인지도를 높이고 이미지가 복사되는 것을 방지합니다. 이것을 할 가치가 있는지 여부는 모든 사람이 스스로 결정하는 것입니다. 제가 조언하고 싶은 유일한 것은: 이렇게 하기로 결정한 경우 로고가 너무 밝지 않고 공간을 너무 많이 차지하지 않는지 확인하십시오. 그렇지 않으면 모든 강조가 강조되어 이미지가 매력을 잃습니다.

좋은 이미지는 어디서 구할 수 있나요?

우리 블로그에는 ""라는 주제에 대한 좋은 기사가 있습니다. 모두 무료이지만 일부는 등록이 필요합니다. 자신에게 맞는 것이 없다면 키워드+배경화면(혹은 영어라면 배경화면)으로 검색해 보세요. 일반적으로 이러한 유형의 요청으로 인해 고품질 이미지가 생성됩니다. 하지만 여기서는 조심해서 라이센스 유형을 확인해야 합니다. 그렇지 않으면 심각한 사업을 운영하는 경우 문제가 발생할 수 있습니다.

포토샵 작업을 할 줄 모르는 사람들은 어떻게 해야 할까요?

Photoshop(또는 다른 그래픽 편집기)에서 작업한 적이 없고 아직 마스터하는 데 시간을 할애할 준비가 되지 않은 경우 다양한 소셜 네트워크용으로 이미 만들어진 이미지 템플릿이 있는 서비스를 사용할 수 있습니다.

1. Fotor.com

그런 다음 화면 왼쪽에서 관심 있는 템플릿을 선택하세요. 다이아몬드 아이콘이 없는 템플릿만 무료로 제공된다는 점 참고해주세요.

템플릿에 삽입하고 마우스 왼쪽 버튼으로 선택한 다음 레이어 명령(샌드위치 아이콘)을 선택하고 아래쪽으로 이동을 클릭합니다. 이렇게 하면 사진이 배경으로 들어가고 모든 비문이 그 위에 겹쳐집니다.

그 후 텍스트, 글꼴, 글꼴 크기, 비문 위치 등을 변경합니다.

그런 다음 플로피 디스크 아이콘을 클릭하고 이름, 이미지 형식, 품질을 선택한 후 다운로드하려면 로그인 버튼을 클릭하세요.

2. Canva.com

이미지를 아름답게 디자인하는 데 도움이 되는 또 다른 서비스입니다. 이전과 동일한 원리로 작동합니다. 서비스에 등록하세요(Google+ 계정이나 이메일을 사용할 수 있습니다).

활동 분야를 선택하세요. 친구를 초대하라는 단계를 건너뜁니다. 직사각형 사진이 필요한 경우 Facebook 게시물을 선택하고 정사각형 사진인 경우 Instagram 게시물을 선택하는 기본 메뉴로 이동합니다.

템플릿을 선택하고(템플릿에 "무료"라고 표시되어 있으면 무료라는 의미) 텍스트를 변경합니다.

필요한 경우 이미지를 업로드하고, 크기를 조정하고, 비문의 텍스트, 글꼴 및 위치를 변경하세요. 그런 다음 "다운로드" 버튼을 클릭하고 이미지 형식을 선택한 후 컴퓨터나 기타 장치에 저장하세요.

편집기에서 기사 형식을 지정하는 방법

최근 VKontakte는 특수 편집기에서 기사를 입력하는 기능을 만들었습니다. 기사를 작성하려면 문자 "T"를 클릭해야 합니다.

위키 마크업을 사용하는 방법

자, 여기서 우리는 가장 흥미롭고 동시에 어려운 부분에 이르렀습니다. 아마도 독자 중에는 위키 마크업이 무엇인지도 모르고 이 용어를 처음 들어보는 분들도 계실 것입니다. 그러므로 특히 여러분을 위해 "연락처" 자체가 제공하는 정의를 제공하겠습니다.

위키 마크업은 웹사이트(보통 위키 프로젝트로 분류됨)의 텍스트 형식을 지정하는 데 사용되며 HTML 언어 기능에 더 쉽게 액세스할 수 있게 해주는 마크업 언어입니다. 우리 사이트에서 위키 페이지는 일반 게시물과 텍스트 탐색에 대한 좋은 대안입니다. 다양한 텍스트 형식(굵게, 밑줄, 제목 등)을 사용하여 큰 문서를 생성하거나 그래픽을 추가해야 하거나 단순히 커뮤니티를 위한 다채로운 탐색 메뉴를 생성해야 하는 경우 Wiki는 반드시 필요합니다.

Wordpress(또는 다른 CMS)에 기사를 만드는 데 사용할 수 있는 HTML 편집기가 있는 것처럼 Contact에도 위키 페이지를 만들고 편집하기 위한 자체 편집기가 있습니다. 다음과 같습니다.

이 편집기를 사용하면 탐색 메뉴와 사진, 비디오 및 오디오 녹음이 포함된 기사가 생성됩니다. 아래에서는 이 편집기에서 작업하는 방법에 대해 자세히 설명하지만 먼저 두 개의 링크를 북마크에 추가해 주시기 바랍니다. 위키 마크업을 배우는 데 많은 도움이 될 것입니다.

SMM의 사진은 큰 변화를 가져옵니다. 전부는 아니더라도 많은 것입니다. 밴드 커버가 장인정신 없이 시선을 사로잡기를 원하시나요?

서비스 등록

형식 선택

Canva에는 표지부터 게시물까지 다양한 소셜 네트워크에 적합한 이미지 형식이 사전 탑재되어 있습니다. 자신만의 레이아웃 크기를 설정할 수도 있지만 무료 버전에서 이미 생성된 레이아웃의 크기를 변경할 수는 없습니다.

Canva는 외국 서비스이기 때문에 아직 러시아 사용자에게 완전히 적응되지 않았습니다. 따라서 "디자인 만들기"가 아닌 특별 섹션에서 기성 VKontakte 표지 레이아웃을 찾을 수 있습니다. 필요한 레이아웃의 크기는 1590x400픽셀입니다. 이는 최상의 이미지 디스플레이 품질을 달성하기 위해 실제 표지 크기의 두 배입니다(VKontakte 전문가는 비율을 두 배로 늘릴 것을 권장합니다).
왼쪽에는 전문 디자이너가 개발한 기성 레이아웃이 많이 있습니다. 처음부터 디자인을 만들지 않도록 공백으로 사용할 수 있습니다. 템플릿의 모든 요소는 변경될 수 있으므로 선택할 때 원래 색상 팔레트와 글꼴에 얽매이지 마십시오. 색상, 텍스트, 요소 수 및 이미지 내 위치를 직접 사용자 정의할 수 있습니다. 그러나 배경 사진, 단색 배경, 사진 콜라주, 단순한 패턴 등 그룹의 아이디어를 더 잘 반영하는 스타일을 선택하세요. 이 예에서는 콜라주의 "그리드"인 미리 만들어진 요소가 없는 템플릿을 선택합니다.

자신만의 요소 로드하기

편집을 시작하기 전에 사용하고 싶은 로고나 사진을 편집기에 업로드하세요. "내"탭으로 이동하여 컴퓨터에서 필요한 파일을 선택하십시오. 배경이 투명한 로고를 업로드하는 것이 좋습니다. 어둡고 밝은 배경에 대한 옵션(예: 흑백 로고 옵션)이 있어 모든 일러스트레이션에 사용할 수 있다면 더욱 좋습니다.
다운로드한 이미지를 새 레이아웃에 삽입하려면 이미지를 오른쪽으로 끌어서 그리드의 원하는 부분에 배치하면 됩니다. 여기에서 사진을 "자르기"할 수 있습니다. 즉, 선택한 창 내부에 원하는 방식과 원하는 배율로 배치할 수 있습니다.

콘텐츠로 레이아웃 채우기

미리 만들어진 레이아웃으로 작업하는 경우 표지를 독특하게 만들고 브랜드 스타일을 반영하도록 편집해야 합니다. 편집은 직관적으로 수행됩니다. 원하는 요소(예: 배경 또는 텍스트 블록)를 마우스 오른쪽 버튼으로 클릭해야 하며 사용 가능한 모든 설정이 편집기 상단 패널(색상 팔레트, 글꼴 메뉴 등)에 나타납니다. 표지 디자인에서 정확히 무엇을 변경할 수 있나요?

• 배경색(단색 채우기와 다양한 질감 및 패턴 모두 사용 가능)
• 텍스트, 글꼴, 글꼴 크기 및 색상
• 요소 배열(선택한 요소를 캔버스에서 간단히 "드래그"하여 변경할 수 있음)
• 요소 수(불필요한 부분은 제거할 수 있고 반대로 필요한 부분은 원하는 수량만큼 레이아웃에 삽입할 수 있습니다).

이 예에서는 중앙 필드를 제외한 4개의 사진 필드를 프레임으로 채우고 모든 필드에 동일한 사진 필터를 적용하여 사진을 "단일 분모"로 가져왔습니다. 이렇게 하면 사진이 함께 더 잘 보일 것입니다.

그림, 모양 또는 아이콘과 같은 추가 세부 정보는 왼쪽의 "요소" 메뉴에서 사용할 수 있습니다. (이 예에서는 중앙 사진을 단색 배경으로 교체하여 매장 이름을 삽입했습니다.) . 그리고 일부는 내장된 클립아트 및 스톡 사진 카탈로그의 키워드를 사용하여 찾을 수 있습니다. 예를 들어, 여행을 주제로 한 사진 콜라주를 만들기에는 자신의 사진이 충분하지 않습니다. 검색창에 "여행"이라는 단어를 입력하면 관광 주제에 관한 수십 장의 사진이나 그림 전체 세트를 얻을 수 있습니다(일부는 무료이고 다른 일부는 1달러에 이용 가능).

텍스트 작업

"텍스트" 탭을 통해 텍스트 요소나 여러 글꼴 조합이 포함된 미리 만들어진 블록을 레이아웃에 추가할 수 있습니다. 러시아어 글꼴 세트는 라틴 알파벳 글꼴 세트보다 훨씬 작지만 그럼에도 불구하고 선택할 수 있는 글꼴 세트가 많다는 점을 명심해야 합니다.
여기 상단 패널에서 텍스트의 크기, 색상, 가운데 맞춤, 투명도, 줄 및 문자 간격을 변경할 수 있습니다.

그룹의 완성된 표지를 다운로드하세요.

디자인이 준비되면 오른쪽 상단에 있는 “다운로드”를 클릭하고 원하는 형식을 선택하세요. VKontakte 그룹에 업로드하는 데는 PNG 또는 JPG가 적합합니다. 예를 들어 인쇄소에서 인쇄를 주문할 엽서, 소책자 또는 전단지를 만들 때 "인쇄용 PDF"를 선택해야 하는 경우도 있습니다.

그룹에 표지 업로드

VKontakte 그룹을 디자인하는 것은 우리가 원하는 만큼 직관적이지 않습니다. 표지를 다운로드하려면 "커뮤니티 관리" 메뉴로 이동해야 합니다. 다운로드 링크는 "기본 정보" 블록에 있습니다.
"커뮤니티 관리" 섹션을 통해 VKontakte 그룹에 표지를 업로드할 수 있습니다.

결론

대부분의 Canva 레이아웃은 다소간 미니멀한 스타일로 디자인되는 데에는 이유가 있습니다.

첫째, 이것은 현대 웹 디자인의 추세입니다. 일반적으로 웹 사이트 인터페이스, 애플리케이션, 브랜드 채널 디자인은 가장 중요한 것을 강조하기 위해 제한된 색상 세트를 사용하여 수행됩니다.

둘째, 단순한 이미지는 대부분의 회사와 웹 프로젝트 트래픽에서 점점 더 큰 비중을 차지하는 모바일 장치의 작은 화면에서 인식하기가 더 쉽습니다.

따라서 소셜 네트워크나 YouTube 채널의 페이지 표지를 만들 때 추가 세부정보를 "오버로드"해서는 안 됩니다. 디자인 샘플을 기초로 삼아 "당신의 것"으로 만드십시오. 동시에 인식의 단순성을 유지하십시오. 그리고 필요한 정보를 명확하게 전달하는 고품질 그래픽에 대한 구독자들의 긍정적인 반응은 그리 오래 걸리지 않을 것입니다.

다음은 Canva 레이아웃을 사용하여 만든 몇 가지 VKontakte 표지입니다.

동일한 원리를 사용하여 다른 소셜 네트워크 페이지의 표지를 만들거나 해당 콘텐츠의 이미지를 만들 수 있습니다. 그리고 디자이너가 필요하지 않습니다.

지역 서비스 관리자인 Oleg Burkov는 Canva에서 작업하는 방법을 설명하고 보여주었습니다.

Callibri 블로그에서는 기업가와 마케팅 담당자를 위한 유용한 자료를 찾을 수 있습니다. 인터넷 마케팅의 다양한 분야의 전문가와 전문가들이 자신의 생각, 견해, 실제 경험을 공유하고 귀하의 비즈니스를 더욱 성공적으로 만드는 방법을 알려드립니다.

흥미로운 주제가 있고 우리 작가가 되고 싶나요? 우리에게 편지를 보내주세요!

VKontakte 그룹의 표지는 재설계 후 그룹의 새로운 디자인 요소입니다. 하나의 이미지를 찍는 것이 쉬울 것 같지만 동시에 완벽한 이미지를 찾는 것은 꽤 어렵습니다.

VKontakte 표지는 사람들이 귀하의 그룹을 방문할 때 가장 먼저 보게 되는 것 중 하나입니다. 그렇기 때문에 방문자에게 좋은 인상을 남기고 그룹의 주제와 관심 사항을 명확하게 이해하는 것이 중요합니다.

2017년 4월에 커뮤니티에 공개되었습니다. 이것은 완전히 새로운 기능이며 홍보의 효율성과 영향력을 높이기 위해 그룹의 디자인을 문자 그대로 부활시킬 수 있는 훌륭한 기회입니다.

이 기사에서 세 가지 내용을 얻을 수 있습니다.

• VKontakte 그룹의 표지 크기;
• VKontakte 표지를 만드는 방법과 완벽한 그림을 선택하는 방법에 대한 지침
• 고품질 커버를 사용한 그룹의 예입니다.

VKontakte 그룹의 표지 크기는 얼마입니까?

VKontakte 표지의 최적 이미지 크기는 다를 수 있습니다. 컴퓨터에서 표지 이미지는 너비 795픽셀, 높이 200픽셀로 표시됩니다. 휴대폰에서는 화면 너비에 비례하여 조정됩니다. 그러나 VKontakte는 최소 1590x400픽셀 크기의 사진을 업로드할 것을 권장합니다.

조언: 마음에 드는 이미지를 찾았지만 비율이 권장 이미지와 다르더라도 사용할 수 있습니다! 이 사진을 업로드하면 가시 영역을 선택하고 내부 VKontakte 도구를 사용하여 불필요한 부분을 모두 잘라낼 수 있습니다.

표지 디자인을 개발할 때 화면 너비가 400px 미만인 모바일 장치에서는 이미지 가장자리가 196px로 잘리고 휴대폰 시스템 아이콘이 약 83px를 차지한다는 점을 염두에 두세요. 모바일 사용자의 편의성을 고려하세요. VKontakte에서는 이것이 대다수입니다.

표지가 너비에 맞춰졌을 때 표지의 텍스트를 휴대폰 화면에서 충분히 읽을 수 있는지 확인하세요. 또한 표지의 중요한 요소가 메뉴 아이콘과 개인 메시지로 가려지지 않았는지 확인하세요.

다음은 표지가 컴퓨터에서 어떻게 보이는지에 대한 시각적 예이며 가장자리에서 그룹의 활성 요소까지의 치수가 표시됩니다.

컴퓨터의 VKontakte 커버 치수

VKontakte 그룹의 표지를 만드는 방법

디자인 기술이 있다면 Adobe Photoshop과 같은 소프트웨어를 사용하여 처음부터 자신만의 표지를 만들어 보세요. 이 경로를 선택하면 귀하가 상상하는 방식으로 비즈니스를 위한 디자인을 만들 수 있습니다.

Photoshop을 구입하고 배우고 싶지 않다면 온라인 서비스를 이용하십시오. 여기 . 현재 가장 인기 있는 서비스입니다.

VKontakte 그룹의 표지 템플릿

디자인 개발에 도움을 드리기 위해 VK(1590x400px) 그룹 표지용 템플릿을 만들었습니다.

템플릿 작업에 대한 몇 가지 추가 세부 사항에 대해 이야기해 보겠습니다.

• 템플릿을 열면 디자인의 모습을 볼 수 있습니다. 표지가 어떻게 보이는지 평가하기 위해 표지를 그룹에 업로드할 필요는 없습니다.
• 자신만의 표지를 만들려면 "표지" 레이어를 두 번 클릭하세요. 그러면 스마트 개체 내부로 이동하게 됩니다.
• 그런 다음 만들기를 시작할 수 있으며 모든 크기가 내부에 표시됩니다.

기사에서 이 템플릿과 기타 템플릿을 다운로드할 수 있습니다.

너의 사진들

우리는 누구나 디자이너가 될 수 없다는 것을 알고 있습니다. 그러나 이것이 모든 사람이 아름다운 VK 커뮤니티 표지를 가질 수는 없다는 의미는 아닙니다. 다음은 헤더를 만들기 위해 살펴볼 수 있는 몇 가지 장소와 이 접근 방식이 귀하와 귀하의 비즈니스에 적합하다는 것을 보여주는 몇 가지 팁입니다.

예를 들어, 그룹이 책에 관한 것이라면 책장 사진을 찍어 표지 사진으로 사용할 수 있습니다. 이는 당신이 책에 관심이 있다는 것을 암시하고, 다른 책 팬들이 사진에 좋은 반응을 보일 것이라고 기대할 수 있습니다.

vk.com/best_psalterium

스톡 사진

사용하고 싶은 개인 사진이 없다면 사진 스톡(무료 이미지가 있는 사이트)에서 찾아보세요. 그곳에서 VK 커뮤니티 표지에 딱 맞는 이미지를 찾을 수 있습니다. 아름다운 사진을 찾기 위해 제가 가장 좋아하는 사이트는 Unsplash와 Pixabay입니다.

선택한 모든 사진을 수정/강화하여 더욱 개인적인 사진으로 만들 것을 권장합니다. 온라인 편집자 Fotor, Pablo 또는 Canva의 도구를 사용할 수 있습니다. 원한다면 이 도구를 사용하여 사진 품질을 향상시킬 수도 있습니다. 예를 들어, 좋아하는 인용문 중 하나를 선택하여 사진 위에 추가하세요.

표지를 선택하는 방법

이제 VKontakte 그룹의 표지를 만드는 방법을 알았으므로 어떤 콘텐츠를 선택해야 할까요? 다른 사진보다 잘 나온 사진이 있나요?

몇 가지 중요한 사항을 살펴보겠습니다.

• 필요한 표지 크기(너비 1590px, 높이 400px)를 유지하세요.
• 고품질 이미지를 선택하세요.
• 시각적 요소로 이미지를 과도하게 사용하지 마세요.
• VKontakte 그룹의 일반적인 디자인에 초점을 맞춰 표지 사진을 선택하십시오.
• 독창적이고 브랜드와 관련된 이미지를 사용하세요.

어떤 이미지가 사람들을 끌어당기는가

이미지를 매력적으로 만드는 몇 가지 구성 요소는 다음과 같습니다.

• 감정: 감정은 사람들을 행동하게 만든다.
• 관련성: 청중의 관심사에 맞는 것을 포함합니다.
• 그림 물감: 올바른 색상을 선택하면 전환율이 높아집니다.
• 타이포그래피: 올바른 글꼴을 선택하면 메시지가 명확해집니다.
• 해시태그 및 텍스트: 청중이 목표 행동을 취하도록 자극하는 적절한 단어를 찾으십시오.

이러한 구성 요소는 VKontakte 커뮤니티 표지를 만들 때 사람들이 특정 방식으로 느끼거나 특정 조치를 취하도록 만드는 데 사용할 수 있습니다.

예를 들어, 코카콜라는 "맛... 느낌"이라는 캡션과 함께 표지에 일반적인 빨간색 로고를 사용하고 배경에는 음료를 들고 있는 행복한 커플이 있습니다. 물론 이것은 사람들이 콜라를 마시는 것이 행복을 의미한다는 마음에 일종의 연결을 맺기를 바라는 것입니다. 그리고 그것은 효과적입니다!

vk.com/cocacola

사람들은 어디를 보고 있나요?

완벽한 표지를 생각해 낼 때 몇 가지 연구를 살펴보는 것이 흥미로울 수 있습니다. 나는 이 문제에 대해 흥미로운 점을 발견했습니다. 영어로 되어 있지만 간단히 핵심을 전달하겠습니다.

이미지의 특정 요소에 주의를 끌고 싶다면 시각적 대기열의 원리를 사용하여 요소를 바라보는 사진 속 인물의 시선이 보는 사람을 해당 장소로 안내한다는 사실이 밝혀졌습니다. 이는 VKontakte 그룹 표지에서 개인의 관점을 사용하는 흥미로운 방법이 될 수 있습니다.

Kissmetrics는 또한 표지에 "팝"하는 요소를 추가하는 것이 효과적일 수 있다는 사실을 발견했습니다. 중요한 것은 그러한 요소와 행동을 요구하는 요소가 하나씩 있어야 한다는 것입니다.

아래 예에서 Electronic Arts는 이 사실을 알고 사람들에게 새로운 FIFA17 게임을 구매할 수 있음을 분명히 알립니다.

vk.com/easportsfifa

틀을 깨고 생각하라

VKontakte 그룹의 커버는 자신을 표현하는 좋은 방법이자 눈에 띄는 방법이 되었습니다. 다음은 몇 가지 독창적인 방법입니다.

스타트업에 대한 인기 공개 페이지 디자인에 유명 인물 활용
특별한 날, 예정된 이벤트, 판촉 행사 또는 공휴일을 위한 표지 변경
표지를 사용하여 사람들을 귀하의 사이트로 보내기
표지를 사용하여 특별 제안을 과시하세요
방문자는 그룹에 가입하거나 메시지를 작성하라는 요청을 받습니다.

고품질 커버를 사용한 그룹의 예

이제 VKontakte 그룹의 좋은 표지를 만드는 방법을 알았으므로 고품질의 간단한 이미지를 사용하는 일부 페이지를 살펴보겠습니다. 우리는 당신이 그들에게서 영감을 얻기를 바랍니다.

vk.com/adsnews
vk.com/wbrussia
vk.com/sci_one
vk.com/businessgazeta
vk.com/cds

이제 우리는 맞춤형 작업을 수행하기 때문에 소셜 네트워크 디자인에 대한 질문이 있는 경우 답변을 드릴 수 있습니다. 자유롭게 이메일로 보내시거나 여기 댓글에 적어주세요. 우리는 함께 VKontakte 그룹을 위한 완벽한 표지를 만들고 이를 홍보하려는 노력의 영향력을 높일 수 있습니다.

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

사랑하는 독자 여러분 안녕하세요. 오늘은 말해줄게 VKontakte 그룹을 위한 아름다운 메뉴를 만드는 방법완전 무료입니다. 그건 그렇고, 그러한 주제를 만드는 방법을 배운 후에는 이것으로부터 약간의 돈을 벌 수 있습니다 -))). 단 하나의 상업용 웹사이트도 소셜 네트워크, 특히 새로운 고객 유치와 비즈니스 홍보에 도움이 되는 VK에 자체 커뮤니티를 만들지 않고 운영되지 않습니다.

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

오늘날 생성된 메뉴에는 여러 유형이 있습니다.

• 활성 항목으로 엽니다.
• 고정된 게시물로 폐쇄되었습니다.
• 개별 사진 또는 배너 및 메뉴의 공통 인접 사진 포함.

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

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

VK 그룹 폐쇄 메뉴

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

메뉴는 다음과 같습니다:

그룹 메뉴 열기(고정된 자료)

아이디어는 일반적으로 모든 조건에 대해 표시되는 그룹 자체의 설명에 표시될 이미 열려 있는 메뉴 항목을 만드는 것입니다. 설명에는 사진이 첨부될 예정이며, 이를 미리 준비하여 활성화된 항목이 있는 페이지에 연결해 드립니다. 이 메뉴는 최근 큰 인기를 끌며 고객들 사이에서 수요가 높습니다. 그것들은 다음과 같습니다:

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

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

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

아시다시피 이미지의 높이가 다르며 이는 커뮤니티 이름과 상태의 높이가 약 50픽셀을 차지하므로 이미지 높이가 아래로 이동하지 않고 동일한 수준이 되도록 수행됩니다. 메뉴 높이에서 이 값을 제거해야 합니다.

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

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

이제 전체 구성을 만들어 보겠습니다. 물론 아바타 대신에 사진을 삽입하여 설명에 넣을 수도 있지만 아마추어가 되지 말고 전문적으로 수행하는 방법을 보여 드리겠습니다. .

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

열린 메뉴를 만드는 다음 단계는 배너와 아바타에 대한 컷아웃을 만드는 것입니다. 그런 다음 다운로드를 위해 받게 됩니다. 이렇게 하려면 왼쪽 수직 메뉴 섹션으로 이동하여 절단을 선택합니다.

영역을 선택하는 것처럼 마우스 왼쪽 버튼을 사용하여 필요한 크기의 블록을 선택해야 하며 각 선택 후에 "삭제" 버튼을 누르고 선택합니다. 50% 그레이. 이러한 작업을 수행하면 블록이 필요한 크기가 되고 기본 배경과 다른 색상으로 강조 표시됩니다.

다음과 같아야 합니다.

이제 지우개를 선택하고 "마법 지우개" 기능을 사용하여 각 회색 블록을 클릭하면 컷아웃이 있는 스텐실이 생성됩니다. 다음 단계는 메인 이미지를 선택하여 배경 아래에 배치하고 메뉴 이름이나 기타 광고 요소와 함께 텍스트를 쓸 수 있는 기성품 사진을 얻는 것입니다.

엄청난. 디자인 사진을 배치한 후 "웹용으로 저장"을 선택하면 사진 2장이 생성됩니다. 이제 그룹으로 돌아가서 기본 아바타(세로)를 채울 수 있습니다. 잠시 후에 위키 마크업 코드를 작업할 때 메뉴용 배너를 사용할 것입니다.

사용자를 타사 사이트의 필수 섹션이나 그룹 자체의 앨범 및 카탈로그로 리디렉션하는 활성 항목이 포함된 메뉴 자체를 만들어 보겠습니다. 다양성을 위해 새로운 이미지를 사용하겠습니다 -))).

이제 Photoshop으로 돌아가서 400x300픽셀 크기의 새 캔버스를 만들어 보겠습니다. 그런 다음 파일 위치 섹션에서 선택하고 메뉴 배경에 대한 그림을 선택합니다.

미래 메뉴의 버튼을 그림에 배치하고 위에서 한 것처럼 필요한 블록을 선택하여 그림을 자릅니다. 그런 다음 "웹용으로 저장"을 선택하고 컷이 포함된 폴더를 얻습니다. 내 경우에는 별도의 폴더에 4장의 사진이 들어있습니다.

이제 Photoshop에서 다운로드한 사진을 별도의 앨범에 업로드하고 엿보는 눈으로부터 숨겨야 합니다. 로딩 후, 각 사진은 새로운 이름과 고유 ID를 받게 됩니다.

다음 사항을 갖추어야 합니다.

• 재료는 "제한된" 모드로 열립니다.
• 토론이 포함되었습니다.
• 사진이 담긴 폴더는 누구에게나 공개됩니다.

이제 남은 것은 메뉴가 표시될 페이지를 구성하는 것입니다. 이렇게 하려면 커뮤니티 메인 페이지로 이동하여 새로운 자료를 선택하고 "OUR MENU"를 편집하고 호출하세요.

다음으로 Photoshop에서 잘라낼 때 받은 사진을 삽입해야 합니다. 마크업 코드를 사용하는 분들도 계시는데, 너무 생각하지 않으려면 카메라 아이콘을 클릭하여 사진 삽입을 선택하고 차례대로 업로드하는 것이 좋습니다.

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

조언:이미지 로딩 후 중요한 점은 패딩을 제거하는 것입니다. 이 문제는 이미지 크기 앞에 "nopadding"을 삽입하여 해결할 수 있습니다.

설명을 위해 아래에 무엇이 어디서 왔는지 기록되어 있지만 모든 것이 자동으로 삽입되고 영리할 필요가 없다는 점을 고려하고 일부는 각 사진을 작성하고 ID를 가져오는 대로 열면 간단히 다운로드하여 저장합니다.

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

결과는 다음과 같습니다.

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

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

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

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

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

1 단계.

벽에 있는 새 게시물의 텍스트 필드에 페이지 주소를 붙여넣은 후 링크로 변환됩니다.

2 단계.

메뉴 자리 표시자 이미지를 게시물에 첨부하고 보내기를 클릭합니다.

3단계.

이제 게시물을 게시한 후 게시물 왼쪽 하단의 생성 시간을 클릭하고 “PIN”을 선택하세요.

엄청난!!! 여기서 마치겠습니다. 이제 멋진 메뉴를 만드는 방법을 알았고, 이를 통해 좋은 수익을 올릴 수 있습니다. 다음 순서대로 모든 작업을 수행하는 것이 좋습니다.

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

작업의 결과로 이 메뉴를 얻게 됩니다.

그러나 메뉴 자체를 클릭하면 활성 링크가 표시됩니다. 크기를 조정하고 화면에 맞게 조정하는 것은 가치가 있지만 모바일 장치에 표시하는 것도 잊지 마세요.

중요한: 2016년 VK 디자인을 변경한 후 이미지 생성 및 사진 요구 사항에 새로운 변경 사항이 적용되었습니다.

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

자료가 도움이 되었기를 바랍니다. 이제 VKontakte 그룹을 위한 아름다운 메뉴를 만드는 방법을 쉽게 이해하실 수 있을 것입니다. 블로그 업데이트를 구독하고 새 게시물에서 곧 뵙겠습니다. 궁금한 점이 있으시면 댓글로 적어주시면 꼭 도와드리겠습니다.

읽은 내용을 강화하기 위해 비디오를 첨부하고 있습니다 -))).