Elementy graficzne w projekcie społeczności VKontakte przyciągają uwagę odwiedzającego, utrzymują go, a także zwiększają rozpoznawalność grupy lub publiczności wśród tysięcy podobnych społeczności. Ponadto menu graficzne ułatwia nawigację w sekcjach grupy, pomagając członkom i innym użytkownikom sieci społecznościowej poruszać 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, na podstawie których możesz wybrać menu okładki dla swojej społeczności.

Stosowane są następujące wymiary projektowe grupy VKontakte:

• Okładka strony jest pokazana u góry, cała szerokość publiczności, rozmiar 1590 x 400 pikseli;
• Duży awatar - pionowy baner 200 x 500 pikseli (proporcje 2: 5), pokazany w prawym górnym rogu;
• Mały awatar, okrągłe zdjęcie, jest wyświetlany w każdej wiadomości grupy, rozmiar to 200 x 200 pikseli.
• Obraz menu dla grupy VKontakte, szerokość 510 pikseli, wysokość - 307 (tak, że dolna krawędź menu pięknie pasuje do dolnej części 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 sam zrobić kapelusz dla grupy VKontakte

Aby nagłówek społeczności mógł wyglądać pięknie, wszystkie jego elementy graficzne muszą być udekorowane w tym samym stylu (zestaw kolorów, logo, czcionek) lub stanowić część jednego obrazu. Podczas samodzielnego projektowania grupy Vkontakte, pierwszym krokiem jest przygotowanie obrazu tła. Może to być obraz tematyczny z bezpłatnych fotobanków (na przykład pixabay.com).

Otwórz zdjęcie w edytorze graficznym. Przytnij lub skaluj do rozmiaru: długość 1590 pikseli, wysokość 400 pikseli.

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

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

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

Teraz twoja grupa będzie miała nową okładkę. Pamiętaj, że w tym przypadku pionowe zdjęcie dużego awatara po prawej stronie nie będzie już wyświetlane.

• Zdjęcie lub zdjęcie powinno być istotne dla społeczności.
• Używaj obrazów wysokiej jakości.
• Nie naruszaj praw autorskich do zdjęć innych osób (obecnie darmowe zapasy oferują dużą liczbę zdjęć i ilustracji).
• Nie przeciążaj okładki szczegółami.
• Jeśli umieścisz zdjęcie osoby w nagłówku, lepiej, aby nie patrzył na użytkownika, ale na najważniejszy element na stronie (menu, adres witryny, komunikat kampanii, połączenie).
• Używaj wysokiej jakości czcionek i upewnij się, że etykiety są czytelne w dowolnej skali.

Rozmiary czapek w publicznym VKontakte w nowym designie

Po przeprojektowaniu tej sieci społecznościowej pojawił się nowy element projektu - okładka. Jest to duży obraz poziomy 1590 na 400 pikseli. Kapelusz dla grupy VKontakte to obraz statyczny. Wystarczająco duży, aby umieścić na nim jasne, niezapomniane zdjęcie lub zdjęcie oraz nazwę publiczności, hasło firmy, nazwę strony, harmonogram prac 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 menu (mogą to być strony, sekcje społeczności lub witryny zewnętrzne).
• Przygotowanie obrazu tła.
• Opierając się na obrazie w tle napisów i „przycisków” menu.
• Krojenie obrazu na części.
• Włącz stronę wiki.
• Ładowanie menu graficznego i formatowanie go za pomocą znaczników wiki.

Obraz w tle 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ższe przykłady pokazano za pomocą darmowego i lekkiego Paint.Net.

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

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

Otwórz zdjęcie w edytorze. Za pomocą narzędzia edytora tekstu zapisz elementy menu na górze tła. Aby etykiety menu były zauważalne, można je rozróżnić na kilka sposobów:

• Zarys;
• 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 podzielenie obrazu na części:

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

Następnie w menu „Zarządzanie społecznością” przejdź do pozycji „Sekcje”, a w 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ę element „Najnowsze wiadomości”.

Przejdź do tej sekcji i kliknij edytuj. Zmień tytuł na „Menu”, a następnie kliknij ikonę aparatu, aby dodać zdjęcie.

Kliknij dodane zdjęcie, aw oknie właściwości podaj link do żądanej sekcji.

Vkontakte automatycznie zmniejsza obrazy do 400 pikseli i wstawia dodatkowe tagi. Aby to naprawić, musisz przejść do trybu edycji znaczników.

Każdy znacznik graficzny zaczyna się od „[[”, a kończy na „]]”, składa się z trzech części, oddzielonych symbolem „|”: identyfikator obrazu, właściwości i link. Musisz dostosować rozmiar zdjęć i wstawić tag „nopadding” w ich właściwościach. Właściwości obrazu są wymienione za pomocą „;”.

Po zapisaniu zmian tworzenie menu jest zakończone.

Menu z poziomym lub wieloliniowym układem elementów

W tym przypadku odbywa się również przygotowanie obrazów, ale ze źródłem wycinanym pionowo. Pokrojone fragmenty są ładowane przez interfejs edycji strony. Względną pozycję prostokątnych fragmentów ustala się za pomocą układu tabeli wiki w VK. Każdy znacznik obrazu z łączem opisanym w poprzedniej sekcji jest umieszczony wewnątrz komórki tabeli.

Zasady projektowania tabel:

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

Aby wyeliminować niepotrzebne spacje, określ parametry tabeli „fixed nopadding noborder”. Układ menu graficznego 2 kolumn i 2 wierszy wygląda następująco:

I samo menu w grupie:

Rozmiar awatara grupy w nowym projekcie dla projektu publicznego VK

Istnieją dwie opcje dla awatarów w społecznościach VKontakte:

• Duży prostokątny baner o wymiarach 200 na 500 punktów jest wyświetlany w prawym górnym rogu, jeśli okładka nie jest załadowana.
• Miniatura 200 x 200 pikseli, pokazana w postach i dyskusjach jako okrąg.

Chcesz ozdobić swoją grupę w VK (Vkontakte) i stworzyć dla niej unikalny nagłówek (okładkę)? W tym artykule opowiem o tym, jaki powinien być rozmiar i format, jak dodać nagłówek do VK, a także rozłożyć źródłowy PSD (format Photoshop) szablonu o pożądanym rozmiarze.

Jak zrobić czapkę (przykrycie) dla grupy w VK?

Co to jest czapka w grupie w VK? To tylko zdjęcie, rozmiar 1590 × 400 i format - JPG, GIF lub PNG. Znajduje się powyżej w grupie VK, wygląda następująco:

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

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

Pojawi się okno, w którym musisz określić rozmiar obrazu, będziemy mieć szerokość 1590 pikseli, wysokość 400. Domyślnie można pozostawić tryby kolorów. Kliknij OK

Chcę zauważyć, że obraz może mieć większy rozmiar, dodając obraz VK, sam sugeruję, aby go przyciąć do potrzebnego rozmiaru. Powyżej szerokości 400 pikseli nie radzę dodawać niczego, VK odetnie część obrazu.

W rezultacie otrzymujemy pusty arkusz, którego potrzebujemy rozmiaru. Następnie narysuj to, co chcemy zobaczyć w nagłówku i zapisz nasze dzieło. Mój szablon wygląda następująco:

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

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

Pojawi się okno z prośbą o przesłanie obrazu, kliknij „Wybierz plik”

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

W rezultacie zobaczymy komunikat, że okładka została pomyślnie pobrana, a następnie przejdź do naszej grupy i ciesz się efektem.

Możesz zmienić czapkę (osłonę) tyle razy, ile chcesz.

Więc stworzyliśmy naszą czapkę dla grupy w VK.

Możesz również wziąć jeden z sugerowanych szablonów w tym artykule:

W tym artykule opowiem o nowej funkcji sieci społecznościowej VKontakte.
  Niedawno stało się możliwe zrobienie kapelusza w grupie lub społeczności. Pozwala to nieznacznie zmienić wygląd grupy i wyróżnić się na tle innych.

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 czapka w grupie lub społeczności na VK:

Dzisiaj w mojej społeczności zmieniłem nagłówek, przy okazji, dołącz do społeczności, nowe artykuły pojawiają się tam natychmiast po opublikowaniu ich na blogu. Moja społeczność wygląda dziś tak:

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

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

Przygotuj wcześniej obraz o pożądanym rozmiarze, po czym pozostanie 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ą wystarczy znaleźć wiersz „Ochrona społeczności” i kliknąć przycisk pobierania:

Klikając przycisk Pobierz, wybierz wstępnie przygotowany nagłówek grupy (rozmiar 1590 x 400 pikseli), a następnie kliknij przycisk Zapisz i kontynuuj:

To wszystko! Kapelusz jest zainstalowany w twojej społeczności!

Jak to zrobić OBRAZ   dla nagłówka VKontakte i ogólnie dla czegokolwiek:

Jeśli szukasz instrukcji, jak zrobić piękne zdjęcie w nagłówku VKontakte, a nie jak zainstalować go na samej stronie.
  Wtedy kurs ci w tym pomoże.

To najlepszy kurs Photoshop dla początkujących.
  Sugeruję zapoznanie się z oferowaną opcją szkolenia
  Zinaida Lukyanova jest twórcą projektu Photoshop Master, największego portalu dla Adobe Photoshop w rosyjskojęzycznej przestrzeni. Jakość szkolenia, ta metoda praktycznie nie jest gorsza od osobistego mentora, ale kosztuje setki razy taniej i jest dostępna dla wszystkich.

Mam nadzieję, że ten artykuł był dla Ciebie przydatny i nauczyłeś się tworzyć nagłówek w grupie 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 czy nie, czas pokaże.

Bardziej podoba mi się nowy wygląd sieci społecznościowej, a możliwość dodawania produktów do grup jest również bardzo wysoka   przydatne. Wydaje mi się, że VKontakte zmierza w kierunku biznesu, ale czy zwykły użytkownik nie cierpi z tego powodu? To pytanie pokaże tylko czas.
  , komentarz, udostępnij ten artykuł w sieciach społecznościowych.
  Życzę powodzenia i nowych subskrybentów.
  Z poważaniem, Siergiej Sadownikow.

Sp-force-hide (display: none;). Sp-form (display: block; background: rgba (250, 108, 108, 1); padding: 15px; szerokość: 100%; max-width: 100%; border -radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-color: #dddddd; border-style: solid; border-width: 1px; rodzina czcionek: Tahoma, Genewa, sans-serif;). sp-form .sp-form-fields-wrapper (margines: 0 auto; szerokość: 710px;). sp-form .sp-form-control (tło: #ffffff; kolor obramowania: #cccccc ; styl obramowania: pełny; szerokość obramowania: 1px; rozmiar czcionki: 15px; dopełnienie w lewo: 8,75px; dopełnienie w prawo: 8,75px; promień obramowania: 4px; -moz-border-radius: 4px; -webkit - promień obramowania: 4px; wysokość: 35px; szerokość: 100%;). sp-form .sp-etykieta pola (kolor: rgba (255, 255, 255, 1); rozmiar czcionki: 13px; styl czcionki: normal; font-weight: bold;). sp-form .sp-button (promień ramki: 4px; -moz-border-promień: 4px; -webkit-border-radius: 4px; kolor tła: # f5ff2e; kolor : # 171717; szerokość: auto; font-weight: pogrubiony; styl czcionki: normalny; rodzina czcionek: 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