Czapka dla grupy VK. Jak zrobić czapkę (okładkę) dla grupy w VK

W tym artykule opowiem Ci o nowej funkcji sieci społecznościowej VKontakte.
Ostatnio możliwość zrobienia kapelusza w grupie lub społeczności. Pozwala to nieznacznie zmienić wygląd swojej grupy i wyróżnić się na tle pozostałych.

Nowy kapelusz wygląda świeżo i piękniej niż stary awatar.
Możesz także umieścić więcej informacji w nagłówku, dodać telefon, oficjalną stronę internetową i logo bez przeciążania obrazu. Dlatego warto zrobić kapelusz w grupie.

Jak wygląda kapelusz w grupie lub społeczności VKontakte:

Dziś zmieniłem czapkę w mojej społeczności, nawiasem mówiąc, dołącz do społeczności, pojawiają się tam nowe artykuły zaraz po opublikowaniu ich na blogu. Moja społeczność wygląda teraz tak:

Jak zrobić kapelusz w grupie lub społeczności VKontakte:

Przejdźmy do praktyki, najpierw musisz utworzyć ten nagłówek w dowolnym edytorze obrazów.
Rozmiary czapek dla grupy VKontakte: 1590x400 piksele

Przygotuj z wyprzedzeniem obraz o żądanym rozmiarze, po którym będzie tylko kilka kliknięć, a twoja grupa lub społeczność będzie miała duży pionowy nagłówek.
Po przygotowaniu obrazu przejdź do strony społeczności i przejdź do strony Zarządzanie społecznością:

Na stronie zarządzania społecznością musisz znaleźć wiersz „Ochrona społeczności” i kliknij przycisk pobierania:

Klikając Pobierz, wybierz wstępnie przygotowany nagłówek dla grupy (rozmiar 1590x400 pikseli) i kliknij Zapisz i kontynuuj:

Wszyscy Czapka w twojej społeczności jest ustawiona!

Jak to zrobić ZDJĘCIE do nagłówków VK i do wszystkiego:

Jeśli szukałeś instrukcji, jak zrobić piękny obraz w nagłówku Vkontakte, a nie jak zainstalować go na stronie.
Wtedy ten kurs ci pomoże.

To najlepszy kurs dla photoshopa dla początkujących.
Proponuję zapoznać się z oferowaną opcją szkolenia
Zinaida Lukyanova - twórczyni projektu „Photoshop Master” - największego portalu Adobe Photoshop w przestrzeni rosyjskojęzycznej. Pod względem jakości szkolenia metoda ta nie jest praktycznie gorsza od osobistego nauczyciela, ale kosztuje setki razy taniej i jest dostępna dla każdego.

Mam nadzieję, że artykuł był dla Ciebie użyteczny i nauczyłeś się tworzyć nagłówek dla grupy lub społeczności VKontakte.
Ta sieć społecznościowa nie przestaje aktualizować swojej witryny. W ciągu ostatniego roku wiele aktualizacji wpłynęło na tę sieć. Na lepsze czas pokaże.

Podoba mi się nowy projekt sieci społecznościowej, a możliwość dodawania produktów do grup jest również bardzo przydatne. Myślę, że VKontakte spotyka się z biznesem, ale czy regularny użytkownik będzie cierpiał z tego powodu? To pytanie będzie tylko czasowe.
, komentuj, udostępnij ten artykuł w sieciach społecznościowych.
Życzę powodzenia i nowych abonentów.
Z poważaniem, Sergey Sadovnikov.

Sp-force-hide (display: none;). Sp-form (display: block; background: rgba (250, 108, 108, 1); padding: 15px; width: 100%; max-width: 100%; border -radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-color: #dddddd; border-style: solid; border-width: 1px; font-family: Tahoma, Geneva, sans-serif;). sp-form .sp-form-fields-wrapper (margines: 0 auto; szerokość: 710px;). sp-form .sp-form-control (tło: #ffffff; border-color: #cccccc ; border-style: solid; border-width: 1px; font-size: 15px; padding-left: 8.75px; padding-right: 8.75px; border-radius: 4px; -moz-border-radius: 4px; -webkit -border-radius: 4px; height: 35px; width: 100%;). sp-form .sp-field label (kolor: rgba (255, 255, 255, 1); rozmiar czcionki: 13px; styl czcionki: normal; font-weight: bold;). sp-form .sp-button (border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: # f5ff2e; color : # 171717; width: auto; font-weight: bold; styl czcionki: normal; font-family: Arial, sans-serif; box-shado w: wstawka 0 -2px 0 0 # e4f000; -moz-box-shadow: wstawka 0 -2px 0 0 # e4f000; -webkit-box-shadow: wstawka 0 -2px 0 0 # e4f000;). sp-form .sp-button-container (text-align: right;)

Subskrybuj

Elementy graficzne w projekcie społeczności Vkontakte przyciągają uwagę odwiedzającego, zachowują go, a także zwiększają świadomość grupy lub społeczeństwa wśród tysięcy podobnych społeczności. Ponadto menu graficzne ułatwia poruszanie się po sekcjach grupy, pomagając uczestnikom i innym użytkownikom sieci społecznościowej w poruszaniu się po strukturze dużej społeczności.

Wyszukiwanie w VK lub przeglądanie portfolio projektantów pokaże wiele udanych przykładów projektowania grup Vkontakte, z których możesz skorzystać na wyborze menu okładki dla swojej społeczności.

Używane są następujące wymiary grupy Vkontakte:

Okładka strony jest pokazana na górze, na całą szerokość publiczności, rozmiar to 1590 x 400 pikseli;
Duży awatar to pionowy baner o wymiarach 200 x 500 pikseli (współczynnik proporcji 2: 5), pokazany w prawym górnym rogu;
Mały awatar, okrągły obraz, jest wyświetlany w każdej wiadomości grupy, rozmiar 200x200 pikseli.
Obraz menu grupy Vkontakte, szerokość 510 pikseli, wysokość - 307 (aby dolna krawędź menu ładnie pokrywała się z dnem dużego awatara po prawej stronie).

Jeśli obraz okładki jest załadowany w ustawieniach społeczności, duży awatar po prawej stronie nie jest wyświetlany.

Jak samodzielnie założyć czapkę dla grupy Vkontakte

Aby nagłówek społeczności wyglądał pięknie, wszystkie jego elementy graficzne muszą być urządzone w tym samym stylu (zestaw kolorów, logo, czcionki) lub być częścią tego samego obrazu. Kiedy sam tworzysz grupę Vkontakte, pierwszym krokiem jest przygotowanie obrazu tła. Może to być tematyczny obraz z bezpłatnych fotobanków (na przykład pixabay.com).

Otwórz obraz w edytorze graficznym. Przycinanie lub skalowanie do rozmiaru: długość 1590 px, wysokość 400 px.

Następnie możesz umieścić niezbędne napisy (nazwa grupy, hasło, połączenie, aby dołączyć do społeczności). Teraz musisz przesłać okładkę do społeczności, aby to zrobić, przejdź do pozycji menu „Zarządzanie społecznościami”:

Kliknij wiadomość „Pobierz” w polu „Ochrona społeczności”.

W następnym oknie wybierz plik okładki wcześniej przygotowany na komputerze i kliknij „Zapisz i kontynuuj”.

Teraz twoja grupa będzie miała nową okładkę. Weź pod uwagę, że w tym przypadku pionowy obraz dużego awatara po prawej stronie nie zostanie wyświetlony.

Zdjęcie lub zdjęcie powinny odpowiadać tematowi społeczności.
Użyj obrazów wysokiej jakości.
Nie naruszaj praw autorskich innych osób do obrazów (obecnie bezpłatne odpływy oferują dużą liczbę zdjęć i ilustracji).
Nie przeciążaj pokrywy szczegółami.
Jeśli umieścisz zdjęcie osoby w kapeluszu, to lepiej, aby nie patrzył na gościa, ale na najważniejszy element na stronie (menu, adres strony, wiadomość o promocji, połączenie).
Używaj czcionek wysokiej jakości i sprawdź, czy etykiety są czytelne w dowolnej skali.

Wymiary czapek w publicznym Vkontakte w nowym projekcie

Po przeprojektowaniu tej sieci społecznościowej pojawił się nowy element projektu - okładka. Jest to duży obraz orientacji poziomej wynoszący 1590 na 400 pikseli. Limit grupy Vkontakte to statyczny obraz. Wystarczająco duży, aby umieścić na nim jasne, niezapomniane zdjęcie lub obraz oraz nazwę publiczności, hasło firmowe, nazwę strony, harmonogram pracy i inne napisy.

Jak zrobić menu dla grupy VK w nowym projekcie

Proces rejestracji menu grupy Vkontakte składa się z następujących kroków:

Przygotowanie listy linków do menu (mogą to być strony, sekcje społeczności lub strony zewnętrzne).
Przygotowanie obrazu tła.
Rysowanie na etykietach obrazów tła i menu „przycisków”.
Cięcie obrazu na kawałki.
Włączenie strony wiki.
Ładowanie menu graficznego i formatowanie go za pomocą znaczników wiki.

Obraz tła powinien mieć szerokość 510 pikseli, a wysokość zależy od liczby i rozmieszczenia elementów menu. Do pracy z obrazami potrzebny jest edytor grafiki rastrowej, poniżej znajdują się przykłady użycia darmowego i łatwego Paint.Net.

Natychmiast powinieneś zaplanować rozmieszczenie elementów menu, aby obraz mógł zostać pocięty na fragmenty o tym samym rozmiarze. Jest to ważne dla normalnego skalowania menu na ekranie smartfonów lub tabletów.

Pionowe menu społeczności VK z elementami w jednej kolumnie

Otwórz zdjęcie w edytorze. Użyj narzędzia Edytor tekstu, aby pisać elementy menu w tle. Aby etykiety menu były widoczne, można je rozróżnić na kilka sposobów:

Okrąg wokół;
Zmień kolor tła pod literami;
Dodaj cień do liter.

Poniżej na zrzucie ekranu każdy element jest podświetlony na jeden ze sposobów.

Następnym krokiem jest cięcie obrazu na kawałki:

Proces cięcia obrazu można również wykonać za pomocą wygodnego narzędzia online www.imgonline.com.ua/cut-photo-into-pieces.php.

Następnie w menu „Zarządzanie społecznościami” przejdź do pozycji „Sekcje”, aw sekcji „Materiały” wybierz „Ograniczone” (oznacza to, że tylko administrator grupy może tworzyć i edytować strony).

Kliknij Zapisz i przejdź do głównej grupy. W pobliżu sekcji z informacjami o grupie pojawił się artykuł „Aktualności”.

Przejdź do tej sekcji i kliknij Edytuj. Zmień tytuł na „Menu”, a następnie kliknij ikonę kamery, aby dodać obraz.

Kliknij dodane zdjęcie iw oknie właściwości podaj link do wybranej sekcji.

Vkontakte automatycznie redukuje obraz do 400 pikseli i wstawia dodatkowe znaczniki. Aby to naprawić, przejdź do trybu edycji znaczników.

Każdy znacznik obrazu zaczyna się od „[[” i kończy „]]”, składa się z trzech części oddzielonych znakiem „|”: identyfikator obrazu, właściwości i łącze. Konieczne jest dostosowanie rozmiaru obrazów i wstawienie znacznika „nopadding” w ich właściwościach. Właściwości obrazów są wymienione przez „;”.

Po zapisaniu zmian tworzenie menu jest zakończone.

Menu z elementami poziomymi lub wielowierszowymi

W tym przypadku wykonywane jest również przygotowanie obrazów, ale z cięciem źródła i pionowo. Cięte plasterki są ładowane przez interfejs edycji strony. Wzajemne położenie prostokątnych fragmentów ustawia się za pomocą znaczników wiki w VK. Każdy znacznik obrazu z łączem opisanym w poprzedniej sekcji jest umieszczany wewnątrz komórki tabeli.

Zasady projektowania tabeli:

Początek jest oznaczony symbolem „(|”, koniec tabeli - „|)”.
Dodatkowe właściwości są określone po „| ~”
Nowa linia zaczyna się od „| -”.
Każda komórka jest oddzielona znakiem „|”.

Aby wyeliminować dodatkowe spacje, musisz określić parametry tabeli „fixed nopadding noborder”. Układ menu graficznego 2 kolumn i 2 linii wygląda tak:

I samo menu w grupie:

Awatarowy rozmiar grupy w nowym projekcie do projektowania publicznego VK

W społecznościach Vkontakte wykorzystywane są dwie opcje awatara:

Duży prostokątny baner 200 z 500 kropkami jest wyświetlany w prawym górnym rogu, jeśli pokrywa nie jest załadowana.
Miniaturowe 200x200 pikseli, wyświetlane w postach i dyskusjach w formie koła.

Chcesz ozdobić swoją grupę w VK (Vkontakte) i stworzyć dla niej unikalną czapkę (okładkę)? W tym artykule omówię, jaki powinien być rozmiar i format, jak dodać nagłówek do VC, po prostu ułóż źródło PSD (format photoshopa) wybranego szablonu rozmiaru.

Jak zrobić pułap (pokrycie) dla grupy w VC?

Co to jest kapelusz w grupie w VC? To tylko zdjęcie, rozmiar 1590 × 400 i format - JPG, GIF lub PNG. Znajduje się na szczycie grupy VC, wygląda tak:

Krok 1. Utwórz obraz o żądanym rozmiarze.

Najpierw musimy stworzyć sam obraz, do tego użyłem Photoshopa (możesz pobrać gotowy szablon PSD). Otwórz Photoshop, wybierz w menu „Plik” -\u003e „Utwórz” („Plik” -\u003e „Utwórz”).

Pojawi się okno, w którym musisz pobrać wymiary obrazu, będziemy mieli szerokość 1590 px, wysokość 400. Tryby kolorów można pozostawić jako domyślne. Kliknij „OK”

Chcę zauważyć, że obraz może być większy, podczas dodawania obrazu sam VC proponuje wyciąć go do rozmiaru, którego potrzebuje. Powyżej szerokości 400 px nie radzę dodawać czegoś, VC odcina część obrazu.

W rezultacie otrzymujemy czysty arkusz, potrzebujemy rozmiaru. Następnie rysujemy to, co chcemy zobaczyć w czapce i ocalamy nasze stworzenie. Mój szablon wygląda tak:

Krok 2. Zmień nagłówek w grupie VK.

Następnie musimy przesłać nasze zdjęcie do grupy VK. Aby to zrobić, przejdź do naszej grupy, w prawym górnym rogu (pod awatarem grupy), kliknij „trzy punkty” (...), z menu rozwijanego wybierz „Zarządzanie społecznościami”.

Pojawi się okno z sugestią przesłania obrazu, kliknij „Wybierz plik”

Wybieramy nasz obraz i pojawia się okno z możliwością przycięcia obrazu, ponieważ wszystko odpowiada żądanemu rozmiarowi, kliknij „Zapisz i kontynuuj”

W rezultacie zobaczymy komunikat z informacją, że okładka została pomyślnie pobrana, a następnie po prostu przejdź do naszej grupy i podziwiaj wynikowy efekt.