Opracowujemy menu dla grupy VKontakte: Wybierz obraz dla awatara i czapek, tworzyć wysokiej jakości zdjęcia w grupie, projektowanie widżetów dla grup biznesowych VKONTAKTE

W tym materiale powiemy ci, jak pięknie zaprojektować grupę Vkontakte.

Zawartość

Postrzeganie wizualne jest jednym z najważniejszych czynników w tworzeniu podstawowej opinii osoby na temat czegoś. Pamiętaj: „Spotykają się na ubraniach ...”? Bardzo ważne jest, aby zapamiętać tę zasadę, kiedy zaczniesz projektować swoją stronę biznesową w sieci społecznościowej VKontakte.

Po raz pierwszy patrząc na stronę Twojej społeczności, użytkownicy będą oceniać piękno i wygodę, a także funkcjonalność i profesjonalizm projektowy. Dlatego nie należy oszczędzać na usługach specjalistów, chyba że oczywiście jesteś guru projektowania stron internetowych.

Przygotowaliśmy dla Ciebie serię wskazówek, które pomogą Ci sprawić, że Twoja grupa VKontakte była atrakcyjna dla potencjalnych uczestników i klientów.

Obrazy - Ważne narzędzie do wizualizacji do projektowania grupy Vkontakte

„Lepiej jest zobaczyć raz, niż usłyszeć sto razy” to kolejne powiedzenie, które nie straciło znaczenia we współczesnym świecie. Obrazy, które są jednym z głównych narzędzi wizualizacji, zajmują zasłużone miejsce w profilach użytkowników Internetu, więc musisz być w stanie prawidłowo z nimi skontaktować, wydobywając maksymalną korzyść.

Jakość zdjęć również odgrywa ważną rolę, a Vkontakte zwykle musi je kompresować podczas ładowania. Okazuje się, że możesz z tym konkurować i z bardzo godnym rezultatem. Aby to zrobić, obraz musi być wykonany dwa razy więcej, a tło podłoża tekstowego jest tak jasne, jak to możliwe (najlepiej - biały) z ciemnymi literami.

Gdzie zdobyć dobre, wysokiej jakości źródła? Najłatwiejszym wyjściem jest poszukiwanie Internetu (możesz znaleźć bezpłatne, możesz kupić za pieniądze) lub stworzyć je samodzielnie, a następnie będą one gwarantowane, że będą prawa autorskie i oryginalne.

Deweloperzy VKontakte ustalili optymalne ramy wymiarowe dla obrazów, które można załadować do grup w grupach. Po zmianie ogólnego projektu sieci społecznościowej pojawiły się nowe wymagania dotyczące zdjęć, które szczegółowo Ci powiemy.

Awatara: Minimum - 200 x 200 pix., W przeciwnym razie system spowoduje błąd. Udekorowane maksimum - 200 x 500 szczytów. (Chociaż jeśli rozmiar jest większy, najważniejsze jest to, że stosunek pozostaje od 2 do 5).
Pokrywa: Różni się w wersji pełnych i mobilnych, więc musisz rozważyć ten moment przy wyborze i sprawdzaniu, jak będzie wyglądać podczas oglądania telefonu. Zatem albo 1590 x 400 pix., Albo wersja skrócona - 1196 x 400 pixie.
Kino do przywiązania: Teraz kanał informacyjny Vkontakte jest rejestrowany szerokością, więc teraz twoje zdjęcia nie zostaną zdeformowane w wyniku załącznika. Staraj się upewnić się, że obraz jest kwadratowy (bardzo dobry dla wersji mobilnej) lub prostokątne poziomo i miał szerokość co najmniej 510 pixie.
Ilustracje postów z linkami: Dołącz do napisów podczas dodawania do niego linków. Minimum dla niego wynosi 537 x 240 pików. (Ale więcej jest dozwolonych i pod proporcjami). Zdjęcia te są wykonywane domyślnie z otwartego wykresu, albo z tytułu Metatheg, ale użytkownik ma możliwość zmiany ich gustu (wybierz kolejne zdjęcie z publikacji do ogłoszenia lub umieścić własne).
Ilustracje do tekstu: 510 x 286 pix. Bezpłatna porada: rób zdjęcia w redakcji ciemniejszym, a nie motley, aby litery nie zostały utracone na tle.
Wizualizacja historii: Przypominamy, że promowane tylko grupy, które otrzymują specjalne pozwolenie od twórców sieci społecznościowej, mogą publikować historie w ich własnym imieniu (przy użyciu oficjalnej usługi). Ilustrują je zdjęcia (1080 x 1920 pix.) I pliki wideo (720 x 1280 pix.) - w formacie pionowym. Ponadto wideo powinno spełniać szereg kryterium: długość nie jest dłuższa niż 15 sekund, rozmiar to nie więcej niż 5 megabajtów, kodek - H.264, działanie głosowe - aas.
Okładka albumu: dla pełnej wersji-1200 x 800 pix., Dla skróconych 200 jednostek mniej.
Wideo: Optymalny rozmiar wynosi 1280 x 720 pix.
Vicki-Page: Duże zdjęcia podczas publikowania zostaną skompresowane do szerokości 400 pixie, więc kliknij na nią myszą i ustaw 607 x 342 pixes. Wraz z zachowaniem proporcji-a następnie zajmie całą szerokość strony Vicky.

Rejestracja kapelusza dla publicznego vkontakte

Kapelusz jest najważniejszym miejscem w twojej grupie, ponieważ jest pierwszym, który wpadł w pole widzenia odwiedzających. Najważniejsze informacje są opublikowane tutaj: odpowiednie wiadomości, menu nawigacyjne, reklamy i tak dalej.

Pokrywa. Powinien być bardzo piękny i przyciągnąć uwagę (1590 x 400 pixes.) - Łatwo ładuje się z menu ustawień społeczności. Na okładce możesz w pełni omówić: publikować promocje i najbardziej „gorące” propozycje, niespodziewani goście motto lub slogan, przedstawiają nazwę grupy. Wręcz przeciwnie, możesz nie przeciążać informacji, pozostawiając tylko krótkie ogólne informacje o społeczeństwie i link do szybkiego przejścia na stronę.

Rozważ jako opcję użycia Dynamiczna pokrywa, na których można wyświetlić najcenniejsze zmiany lub zdarzenia dla Ciebie lub Twoich subskrybentów.
Hagestegs - czasami są również dodawane do opisu społeczności na okładce w celu zwiększenia znaczenia społeczeństwa i podniesienia go do najwyższych kroków wyszukiwania.

Możesz też zawiesić tutaj i naprawić vicki-post Lub artykuł przygotowany w redakcji z projektem obrazu na temat ogłoszenia - w nich możesz podać szczegółowe informacje o swojej grupie.

Menu. Tutaj możesz również wybrać z różnych opcji dokładnie tej, która będzie pod wrażeniem Ciebie i Twoich subskrybentów:

Wersja otwarta jest całkowicie widoczna w nagłówku strony.
Zamknięte rozpowszechnianie tylko oznaczenia „menu” lub „nawigacji”, a dostęp do niego można uzyskać, otwierając post wiki;
Przypisany - awatar i ogłoszenie menu są łączone w jedną tablicę;
Ukryte - można go wykonać tylko dla publicznego (sekcje można odczytać dopiero po przejściu do linku).

Klip wideo na komputerze. Możesz dołączyć plik wideo do czapki grupy, który na komputerze brzmi cicho przy wejściu na stronę. Bardzo atrakcyjny manewr dla nowych gości.

Aby skorzystać z tej okazji, musisz wybrać wideo, przelać tylko przez VKontakte bez używania zagranicznych graczy, przymocować go do posłańca i przymocować go do kapelusza.

Mega-popularny post. Najpopularniejsza publikacja może słusznie zająć honorowe miejsce w nagłówku grupy, ponieważ duża liczba polubień, widoków i repostów jest gwarancją zwiększenia liczby subskrybentów.
Ogłoszenia, prezentacje, promocje, losowania. To w kapeluszu można mieszać reklamy, które ogłaszają różne wydarzenia lub albumy dla subskrybentów - tutaj zobaczą maksymalną liczbę użytkowników.
Recenzje subskrybentów, przypadki. Informacje zwrotne, tym bardziej skuteczne - co może być lepsze w potwierdzeniu reputacji i dalszej promocji grupy? Weź te chwile w kapeluszu, a reakcja nie będzie długo nadejścia.
Reklama aplikacji. Jeśli jesteś już tak promowaną społecznością, że nabyłeś aplikację mobilną, jest to dobry powód, aby poinformować o tym swoich subskrybentów i nowych gości.
Zasady. Miło jest umieszczać informacje o zasadach społeczności w swoim kapeluszu - zwiększy to również twoją ocenę (w końcu dyscyplina zawsze była wśród pozytywnych funkcji) i uprościć proces poszukiwania tych, którzy chcą dołączyć do grupy .
Spinki do mankietów. W CAP możesz publikować linki do innych społeczności (na przykład swoich partnerów) lub sieci społecznościowych - to już ustalone.

Na jakim awatara należy zwrócić uwagę podczas projektowania grupy VKontakte?

Awatar to stylizowane narzędzie marketingowe zaprojektowane w celu przyciągnięcia uwagi odbiorców docelowych i zachęcania do niektórych działań. Dlatego tworzenie kompetentnego logo składającego się z kilku elementów będzie musiało ciężko pracować.

Miniaturowy awatar. Czcionka jego tekstu powinna być wystarczająco duża, aby odczytać, ale nie przekraczać jej granic. Obraz na awatara powinien być zrozumiały i rozpoznawalny, oryginalny i dość jasny i wyróżniający się na ogólnym tle, a także - stylowym i przemyślanym każdej drobnej rzeczy.
W małej przestrzeni miniatur można na przykład umieścić ważne informacje: ogłoszenie czegoś (usługi, wydarzenia, towary), zalety społeczeństwa, kontakty dotyczące komunikacji, korzystne momenty współpracy (najlepsze ceny, warunki dostawy, Pomoc ekspertów i tak dalej), wszelkiego rodzaju konkursy, wszelkiego rodzaju konkursy, wszelkiego rodzaju wolne konkursy. Jednym słowem, bardzo dobra platforma kreatywności.
Gdy okładka nie zostanie ustalona publicznie, użytkownicy zobaczą pełna wersja awatara. Jeśli to jest twój przypadek, awatar powinien być wysokiej jakości.
Aby czapka społeczna wyglądała stylowo i atrakcyjnie, musisz stworzyć awatar w jednej żyłce (kolorystyka, czcionka, sposób projektowania) z menu.

Uwaga: Awatar i jego miniatura mogą być takie same lub mogą się różnić - zdecydujesz. Najważniejsze jest, aby nie przeładować go nadmiernymi informacjami, pozwól, aby jego przestrzeń będzie „przewiewna”.

Informacje na temat awatara. Może to być każda pozycja, która jest najważniejsza dla Ciebie i Twoich odwiedzających: domena witryny, kontakty i tryb pracy, niewielka reklama towarów, promocje i rabaty, wiadomość o dostępności aplikacji mobilnej, linki do innych sieci społecznościowych , Wymień swoje nagrody i osiągnięcia i tak dalej.
Awatar i menu Są one tworzone przy użyciu dowolnego edytora graficznego w jego możliwościach.

Jeśli nie wiesz, jak korzystać z standardowego Photoshopa, na przykład istnieją specjalne usługi z gotowymi opcjami, na przykład, Fotor.com, canva.com I tym podobne. Absolutnie łatwo się z nimi poradzić.

Widżety: rejestracja grup biznesowych vkontakte

Ubiegając się o grupę biznesową, nie można zapominać o korzystaniu z widżetów, dzięki któremu możesz wykonać opinię: Udostępnij recenzje uczestników, złożyć wniosek o aplikacje, zasubskrybuj biuletyn, akceptuj prezenty, uczestniczyć w konkursach i remisach, i tak dalej.

Tworzenie szablonów postów

Jeśli chcesz, aby posty na stronie wyglądały stylowo i rozpoznawalne, możesz opracować (sam lub z pomocą projektanta) specjalne szablony do ogłoszeń, w których będziesz musiał tylko zmienić kolor obrazu i wypełnić nowy tekst.

Do tego możesz:

zagraj w rozjaśnienie obrazu, aby ułatwić postrzeganie tekstu
utwórz obszar kontrastujący i napisz na nim
podświetl linie tekstowe o kolorze
podziel obraz na dwie połówki; Zrób błotniste zdjęcie
początkowo wybierz zdjęcie z miejscem do kredytów
dodaj efekty specjalne do czcionek (cienie, pociągnięcia, blask i tym podobne)

Czasami do szablonu dodaje się logo - marka, jeśli twoja grupa już ją ma.

Redaktor artykułów

W Vkontakte znajduje się edytor tekstu do układu - wejście do niego jest oznaczone dużą literą „T” w prawym górnym rogu ekranu. Nawet nowicjusz może korzystać z jego usług.

Vicky-Dump

Vicky Damping jest przewodnikiem języka HTML, jest alternatywną opcją dla zwykłego tekstu. Jest skuteczny przy tworzeniu dużych materiałów z różnymi wydzielniami tekstowymi, dodawanie grafiki, dźwięku, efektów wideo, jasnego menu nawigacyjnego.

Do pracy zalecam opanowanie usługi „Kod strony początkowej”, która umożliwia wyświetlenie kodu strony wiki (wprowadź usługę, wstaw link do żądanego typu grupy i widok, znajdź żądaną stronę w rejestrze i kliknij wyrażenie „Wyświetl kod”).

Redaktor i społeczność Wiki

VKONTAKTE ma redaktor na temat przetwarzania Vika-Page, a także specjalnych grup „Vicky Vkontakte” i „Vicky Doc”.

Aby utworzyć taką stronę, musisz włożyć następny zestaw znaków do wiersza adresu: http://vk.com/pages?id\u003d-xxx&p\u003d Tylko pornocz, gdzie xxx - To jest identyfikator Twojej strony (można znaleźć albo w „Records Community” - liczby do „? Materiał z niższym naciskiem na miejsca przestrzeni.

Możesz skonfigurować możliwość edycji materiałów (znajdziesz ustawienia po lewej stronie na dole edytora). Konieczne jest bardzo ostrożne umożliwienie edycji materiałów do osób z zewnątrz.
Aby przejść do trybu kodu podczas pracy z edytorem wizualnym i odwrotnie, wystarczy kliknąć ikonę z dwoma poziomymi trójkątnymi nawiasami w prawym górnym rogu edytora.
Łatwo jest obsłużyć edytor - analogicznie ze słowem, nie można grać tylko z rozmiarem czcionki, ale angażowanie się w tagowanie (H1, H2, H3), zrzuty kursywne lub tłuszczowe. Aby uzyskać poważniejsze formatowanie tekstu, musisz zrobić ręcznie w trybie kodu.
Aby wstawić linki do materiału w tłumienie wiki, musisz przepisać formułę: [link do materiału | tekst linku].
Zaleca się rozładunek zdjęć w trybie zakodowanym, aby uniknąć automatycznego wyrównywania i kompresji. Przed wypełnieniem pliku wideo musisz najpierw zapisać go w swoich filmach.

Aby zawiesić link do obrazu, umieść w trybie kodowania po drugiej ikonie | Link do żądanego pliku, wyrównaj i zapisz rozmiar.

Utwórz menu nawigacyjne

Jeśli nie planujesz tworzyć złożonego menu, wystarczy po prostu przedstawić wszystkie punkty nawigacyjne w redaktorze.

Konieczne będzie praca z czymś takim jak Photoshop, w którym powinieneś stworzyć zdjęcie, pokroić na kawałki, wlać kawałki w postu wiki z dodatkiem linków.
Możesz naprawić utworzone menu na stronie strony, tworząc je w języku wiki.
Menu może być bardzo zróżnicowane: proste (1, 2 lub kilka kolumn), w układzie tabelarycznym (tworzenie tabeli na językoznawstwo Wiki), adaptacyjne.

Tak, aby wyglądały dobrze zarówno na ekranie komputera osobistego, jak i w mobilnym gadżecie, doradzamy użycie układu tabeli o wyraźnej szerokości komórek i wycinamy menu na tych samych kształtach geometrycznych (3 kolumny - maksymalna szerokość - 190 pix ., 4 kolumny - 150, 5 - 110).

Sprawdzanie wyniku

Podczas układu w tłumieniu Wiki wskazane jest kontrolowanie wyniku widocznego przez użytkowników z różnych urządzeń. Istnieją specjalne aplikacje, które upraszczają to zadanie.

W przeglądarce Google Chrome po prostu przejdź do strony Wiki i umieść „M”. Na adres kliknij prawą mysz i wybierz „Zobacz kod”, a następnie - na stylizowanym rysunku mobilnego gadżetu. Powinieneś wybrać urządzenie, które jesteś zainteresowany, i zaktualizować stronę, aby wszystko było wyświetlane poprawnie.

Możesz także zainstalować wtyczkę testową rozdzielczości w Google Chrome, przejść do mobilnej wersji VKontakte i wybrać rozmiar zainteresowania.