Projektowanie stron internetowych z logo

Na co należy zwrócić uwagę przy projektowaniu logo dla witryny internetowej

Projektowanie logo dla stron internetowych odbywa się według zupełnie innych zasad niż w przypadku druku czy innych form komunikacji. Wymagania dotyczące logo i sygnetów wzrosły. Pokażemy ci wskazówki i narzędzia do tworzenia logo internetowego.

Projektowanie logo do druku i na strony internetowe

Pomiędzy projektowaniem stron internetowych a projektowaniem graficznym istnieje bardzo płynna granica. Graficy często skupiają się na druku, projektując papeterię firmową, plakaty, reklamy i logotypy. Z kolei projektanci stron internetowych tworzą strony internetowe, biuletyny, banery i oczywiście logotypy.

Niektórzy łączą oba obszary działalności, oferują projektowanie dla druku i stron internetowych. Dla klienta końcowego nie jest jasne, kto co może robić, a może kto czego nie powinien robić. Następnie graficy, którzy lepiej czują się w druku, tworzą projekty na strony internetowe - i umieszczają logotypy z druku w sieci. I odwrotnie, to raczej wyjątek, że projektanci stron internetowych tworzą całą papeterię firmową.

Dla każdego, kto ma "graficzne oko" lub zawód związany z projektowaniem graficznym, powinno być oczywiste, że logo na stronie internetowej ma inne wymagania niż logo na papierze firmowym czy na budynku firmy.

Wraz z pojawieniem się smartfonów i mobilnego internetu wymagania dotyczące logo i sygnetów (są to małe grafiki, które mogą być używane jako logo) w sieci znów się zmieniły i stały się bardziej szczegółowe - ale też bardziej rygorystyczne. W końcu to nie jest takie skomplikowane. A jednak stworzenie dobrego logo dla strony internetowej wymaga pewnego doświadczenia i zręczności.

3 Wskazówki dotyczące tworzenia logo

Przy projektowaniu logo można wziąć pod uwagę trzy najważniejsze kwestie:

  • Format krzyżowy: Logo pojawia się w lewym górnym rogu, tak oczekują tego użytkownicy. Czasami jest to dozwolone także w środku strony. Aby jednak zaoszczędzić cenne miejsce i zwrócić uwagę użytkowników na to, co najważniejsze, warto wziąć pod uwagę ogólne przyzwyczajenia ludzi - logo w formacie poziomym na górze po lewej stronie.
  • Przejrzysta struktura: Koniecznie weź pod uwagę rozmiar logo na smartfonie lub tablecie. Jednak wiele komputerów stacjonarnych i laptopów ma albo bardzo wysoką rozdzielczość, czyli dużo miejsca, albo raczej małą przekątną obrazu. W obu przypadkach logo może wydawać się dość małe. Musi jednak nadal dobrze działać w małych rozmiarach.
  • Bez żadnych uwag: Wielu klientów, ale także projektantów, odczuwa czasem nieodpartą chęć umieszczenia pod logo jakiejś uwagi. Czyli tekst na zdjęciu. To nie ma sensu. To nie tylko kwestia przestrzeni, ale też tego, że jest mało czytelny na smartfonach. Nie mówiąc już o tym, że w ten sposób wykluczasz wartościowy tekst z indeksowania przez Google (SEO).

Zdaję sobie sprawę, że te trzy proste "zasady" tworzenia dobrego logo mogą być przedmiotem dyskusji. Bo oczywiście można znaleźć kontrprzykłady lub marki, które w mniejszym lub większym stopniu (chcą) mieć swoje własne zasady. Ale są to wtedy bardzo wyjątkowe, odnoszące sukcesy marki - a wyjątki potwierdzają regułę także w tym przypadku.

Ale co sprawia, że logo jest fajne? Najlepszym sposobem, by się o tym przekonać, jest przyjrzenie się logotypom i/lub sygnetom odnoszących sukcesy i dużych firm. Najbardziej pomysłowe loga, jakie znam, to loga Daimlera (gwiazda Mercedesa), Apple (z jabłkiem), VW, BBC czy M z McDonalds. Oczywiście, przykładów jest znacznie więcej. A większość z nich pochodzi z czasów, gdy nie było internetu. Jednak logo ewoluuje z czasem, tak jak marki i firmy.

weblogos projektowanie logo
Projektowanie logo jest bardziej zróżnicowane niż kiedykolwiek.

Idealnym rozwiązaniem są loga, które są dostosowane do różnych formatów wyjściowych. Ulubione loga, o których właśnie wspomniano, są tego doskonałym przykładem. Działają one wszędzie i są dostosowane do poszczególnych mediów z ich specyficznymi wymaganiami. Logiczne: Papier firmowy wymaga czegoś innego niż neon na domu, a strona internetowa ma inne warunki niż wizytówka.

Sygnet & znak słowny w sieci

Ten wpis nie jest kompletnym warsztatem na temat tego, jak stworzyć idealne logo. Na pewno jest w tym coś więcej niż czytanie wpisów na blogu. Powinno to jednak pomóc Ci lepiej zrozumieć problem z logo na Twojej stronie internetowej - i dzięki temu znaleźć dla niego bardziej skuteczne rozwiązania.

Tylko krótkie podsumowanie: Co to jest logo? Wikipedia mówi:

"Logo to znak graficzny, który reprezentuje określony przedmiot. Może to być firma, organizacja, osoba lub produkt."

Jak na razie jest dobrze. Logo może być znakiem słownym, takim jak Coca Cola, Google czy Acer. Może to być znak, jak w przypadku Playboya, Shella i Mercedesa. Najczęściej jednak logo składa się ze znaku słownego i sygnetu. W powyższych przykładach sygnetów zawsze istnieje wariant z i bez znaku słownego.

Dotyczy to także, na przykład, McDonalds z charakterystycznym M, które wszyscy znają. Logo McDonalds istnieje z czcionką nazwy i z hasłem (I'm lovin' it), ale M jest tam zawsze. Na stronie McDonalds, z powodów wymienionych powyżej, rozwiązali to w taki sposób, że to M znajdziesz tylko w lewym górnym rogu nawigacji - a nawigacja przesuwa się, gdy przewijasz stronę. Tylko M w pewnym momencie wciąż tam jest. Uważam, że jest to sprytne i oszczędza miejsce, ponieważ najważniejsza rzecz jest zawsze widoczna: znaczek, "M".

Przyjrzyjmy się logo na stronie WWF, by wziąć przykład z bardziej poprawnej politycznie sfery. Słynny miś panda, który mógłby również stać samodzielnie, jest umieszczony nad literami WWF, skrótem od World Wildlife Fund. Myślę, że strona internetowa jest całkiem udana (TYPO3, tak przy okazji), ale nie udało im się dopracować głównej nawigacji. Jest to sprytnie rozwiązane. Zajmuje trochę miejsca, ale zawiera wszystkie niezbędne rzeczy.

Dzięki technologii Mega Menu drugi poziom w nawigacji pokazuje wszystko, co jest do zobaczenia na stronie. Jeśli otworzysz mega menu przez najechanie myszą, widoczna pozostanie tylko panda. Jest to logo pionowe, ale jego wykonanie jest bezbłędne. To logo również pochodzi z czasów, gdy nie było jeszcze stron internetowych. Jestem pewien, że WWF stworzyłoby dziś inne logo - w formacie poziomym.

"*" wyświetla wymagane pola

Zgoda*
To pole służy do weryfikacji i nie powinno być zmieniane.

Przykłady z logo w formacie poziomym

Raidboxes to ciekawy przykład projektowania logo. Znak słowny, oczywiście w formacie poziomym - inaczej nie dałoby się go odczytać. To logo uważam za udane. Ponieważ ma wysoką wartość rozpoznawczą, co jest istotą dobrego logo. Co więcej, działa również w małym formacie na urządzeniach mobilnych. Dotyczy to wielu stron we współczesnym internecie, takich jak Google, Facebook, Amazon, Microsoft, YouTube i wiele innych.

Raidboxes logo projektowanie logo
Logo Raidboxes: Projektowanie logo

To samo możemy powiedzieć o stronie WordPress.org. Istnieją widoczne wskazówki dla każdego, jak wyświetlać logo WordPressa: przewodnik stylu. Logo ma literę W jak sygnet i znak słowny w formacie poziomym, ale także pionowym. Na stronie internetowej logo jest oczywiście pominięte. Z dobrych powodów logo z sygnetem jest nie tylko przedstawione poziomo, ale także stosunkowo duże nad nawigacją. Także tutaj menu nie jest stałe, co nie zmniejsza użyteczności strony.

Raidboxes — nowa odsłona

Nowe logo, nowa strona internetowa, nowe kolory - ta sama nazwa. Świętujemy nasz ponowny start w Raidboxes! Razem z naszą agencją partnerską 360Vier przemyśleliśmy naszą tożsamość korporacyjną i nadaliśmy naszej stronie internetowej nową barwę.

Przykłady stron z WordPressem

Inną fascynującą stroną, która służy nam za przykład, jest VOGUE America. Uważam, że realizacja jest spójna i odpowiednia dla marki. Ale raczej słabo wypada stała nawigacja po przewijaniu. Dzieje się tak, ponieważ duży logotyp na środku znika i pojawia się w lewym górnym rogu, czyli tam, gdzie powinniśmy się go spodziewać. Jest to ogólne wyzwanie związane ze znakami słownymi, które muszą być skalowane na stronie internetowej. Krawędzie "strzępią się" i stają się niewyraźne.

To samo zjawisko można zaobserwować na stronie SPIEGEL Online (SPON). Dla obu wymówką może być to, że loga powstały przed erą internetu. To samo, co w przypadku VOGUE, widzimy w amerykańskim magazynie TIME, który działa na WordPressie.

Nieco inaczej wygląda na otwartej NASA, również zasilanej przez WordPress i również z logotypem. Jednak w otoczeniu drobnego elementu graficznego. Logo to - tym razem w ramach stałej nawigacji - jest na tyle duże, że element orbity jest wciąż rozpoznawalny. Uważam to za udane, choć i tu widać strzępienie się liter. Dlatego nie jestem zwolennikiem czystych znaków słownych, wolę sygnety ze skrótami.

BBC AMERICA to także strona WordPress. Wykonała świetną pracę zarówno przy projektowaniu, jak i przy tworzeniu logo. Tak, jestem fanem BBC. Ale co więcej, uważam, że logo jest genialne i zapada w pamięć - jako udany przykład projektowania logo w formacie krajobrazowym. Przy okazji, ta strona również obywa się bez stałej nawigacji po przewijaniu - tutaj treść jest na pierwszym planie.

Stwórz dobre logo dla sieci

Więc teraz widać bardzo wyraźnie, że loga nie są czary i czasami bardzo proste. Swój geniusz czerpią z prostoty i spójności, które odzwierciedlają niezależną markę. Dobre logo jest więc bardzo łatwe do wykonania, ale niełatwe do wymyślenia i znalezienia.

Projektant graficzny czy nie: Możesz stworzyć dobre logo dla siebie i swoich klientów dzięki swojemu wyćwiczonemu graficznie oku i kilku prostym zasadom. Oczywiście, najłatwiejszym sposobem byłoby zatrudnienie grafika. Jest to najbezpieczniejszy i gwarantujący najwyższą jakość sposób - wyjątki potwierdzają regułę. Jest to jednak także najdroższa opcja.

W sieci, jak się domyślamy, znajdują się portale, które zlecają takie usługi za granicą. W ten sposób możesz kupić dobre projekty graficzne w krajach o niższych płacach godzinowych i wysokiej jakości. Na przykład z Ukrainy, Indii, Indonezji, Ameryki Południowej, ale także z USA itd. Wadą jest sytuacja prawna w przypadku sporów, komunikacja, a więc czasem także koordynacja.

Ponieważ sam mam oko do grafiki i chcę jak najwięcej rzeczy robić sam, wybrałem inną drogę z moim logo na PUBLIKOWANIE W SIECI. Szukałem i znalazłem sygnet w Envato. Myślałem, że uda mi się zbudować dla niego logotyp. Ponieważ sygnet, który mi się podobał, miał niewłaściwą zawartość. Logo musi bezwzględnie pasować do tematu i charakteru twojej firmy.

Znalazłem więc znak @, którego chciałem użyć, ale z literą "P" w kółku @. Na początku próbowałem zrobić to sam - ale mam zbyt małe doświadczenie z wektorami w Illustratorze. Bez zbędnego zastanawiania się zapytałem więc twórcę znaku za pośrednictwem Envato, czy mógłby go dla mnie zrobić - i za jaką cenę. Było to możliwe, a koszt był absolutnie rozsądny. Teraz mam to "P" ze znakiem słownym w formacie poziomym:

Logo online Przykład
Logo firmy PUBLIZIEREN IM NETZ

Projekt logo: Narzędzia badawcze

Dokładnie tak postępuję w przypadku moich klientów. Jeśli projekt logo jest pożądany, sugeruję najpierw wybrać sygnet pasujący do idei i nazwy biznesu. Nie używam tylko Envato czy Envato Elements. Szukam też logotypów w Google lub na stronach Iconfinder, iStockPhoto i innych dostawców małych grafik. Następnie pokazuję je klientowi, wspólnie z nim wybieram jedno lub dwa i tworzę logo w formacie poziomym.

Zwróć uwagę na copyright, twoje logo nie może być zbyt bliskie istniejącemu. Nawet jeśli kupujesz sygnety, musisz sprawdzić licencję (lub zlecić jej sprawdzenie): Czy jest ono ważne dla twoich celów zawodowych bez żadnych ograniczeń czasowych i przestrzennych? A także do wykorzystania jako logo?

Dobre logo jest proste i wyraża ideę biznesu tak bardzo, jak to tylko możliwe. Działają na stronie internetowej, ponieważ są w formacie poziomym. Mogą być wyświetlane w czerni i bieli. Można je też umieścić na papierze firmowym lub wizytówce - nieco zmodyfikowane i dostosowane, być może z umieszczonym pod spodem twierdzeniem.

Podsumowanie: Projektowanie logo dla stron internetowych

Stworzenie dobrego logo jest stosunkowo proste. Potrzebujesz jasnej koncepcji i doskonałego pomysłu. Możesz czerpać inspirację z innych marek i stron internetowych, które odniosły sukces. Rozmowy z kolegami i przyjaciółmi również mogą pomóc ci wpaść na ten jeden prosty, genialny pomysł. Ale bądźmy szczerzy: to nie musi być genialne, adekwatne może być wystarczające, dobre byłoby już więcej niż wystarczające. Możesz szukać logotypów lub sygnetów na platformach graficznych.

Oczywiście, mniej lub bardziej abstrakcyjne znaki powinny mieć coś wspólnego z zawodem, który reprezentują. Ale i tu mogą być zabawne kombinacje. Albo spójne pochodne, na przykład gdy myślimy o słynnym jabłku Apple. Kto by pomyślał, że można wziąć jabłko z brakującym kęsem. Ale to właśnie ten mały zabawny "zakłócacz" sprawia, że to logo jest tak genialne.

Mam nadzieję, że masz teraz kilka wskazówek, które pomogą Ci stworzyć następne wspaniałe logo dla World Wide Web. Życzę ci powodzenia i dobrej zabawy.

Twoje pytania dotyczące projektowania logo

Czy masz pytania dotyczące projektowania logo dla stron internetowych? Zachęcamy do komentowania. Chcesz być informowany o nowych artykułach na temat projektowania stron internetowych i WordPressa? Obserwuj nas na Twitterze, Facebooku lub poprzez nasz Newsletter.

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany.