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

Istnieje bardzo płynna granica między projektowaniem stron internetowych a projektowaniem graficznym. Projektowanie graficzne często koncentruje się na druku, projektując papier firmowy, plakaty, reklamy i logo. W projektowaniu stron internetowych, z drugiej strony, projektowane są strony internetowe, biuletyny, banery i oczywiście logo.

Niektórzy łączą oba obszary działalności, oferując projektowanie na potrzeby druku i stron internetowych. Dla klienta końcowego nie jest jasne, kto może, a być może nie powinien robić czego. Graficy, którzy lepiej czują się w druku, tworzą projekty dla stron internetowych - i przenoszą drukowane logo do sieci. I odwrotnie, to raczej wyjątek niż reguła, że projektanci stron internetowych opracowują całą papeterię biznesową.

Dla każdego, kto ma "graficzne oko" lub zawód grafika, 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 poziomy: Logo pojawia się w lewym górnym rogu, czego oczekują użytkownicy. Czasami jest również dozwolone w centrum strony internetowej. Aby jednak zaoszczędzić cenne miejsce i zwrócić uwagę użytkowników na najważniejsze elementy, warto wziąć pod uwagę ogólne nawyki oglądania - z logo w formacie poziomym w lewym górnym rogu strony.
• 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.
• Brak roszczeń: Wiele osób odczuwa czasami nieodpartą chęć umieszczenia roszczenia pod logo. Tekst na zdjęciu. To nie ma większego sensu. Nie tylko jest to kwestia miejsca, ale także jest prawie niemożliwe do odczytania na smartfonach. Pomijając fakt, że wyklucza to wartościowy tekst z indeksowania przez Google (SEO).

Zdaję sobie sprawę, że te trzy proste "zasady" tworzenia dobrego logo mogą być przedmiotem dyskusji. Ponieważ oczywiście można znaleźć pewne kontrprzykłady lub marki, które w mniejszym lub większym stopniu (chcą) mieć swoje własne zasady. Są to jednak 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.

Idealnym rozwiązaniem są logotypy dostosowane do różnych formatów wyjściowych. Wspomniane przed chwilą ulubione logotypy są tego doskonałym przykładem. Działają wszędzie i są dostosowane do odpowiednich mediów z ich specyficznymi wymaganiami. Logicznie rzecz biorąc, papier firmowy wymaga czegoś innego niż neon na budynku, a strona internetowa ma inne wymagania 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 prywatna 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 McDonaldsa, na przykład z charakterystycznym M, które wszyscy znają. Logo McDonalds jest dostępne z nazwą i z claimem (uwielbiam to), ale M jest zawsze obecne. Na stronie McDonalds, z powodów wymienionych powyżej, rozwiązano to w taki sposób, że M znajduje się tylko w lewym górnym rogu nawigacji - a nawigacja przesuwa się do środka, gdy przewijasz stronę. Tylko że M w pewnym momencie nadal tam jest. Uważam, że jest to sprytne i oszczędza miejsce, ponieważ najważniejsza rzecz jest zawsze widoczna: sygnet, "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.

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 dlatego, że duży logotyp na środku znika i pojawia się w Kleinie u góry po lewej stronie, 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ć w SPIEGEL Online (SPON). Usprawiedliwieniem dla obu jest to, że logo zostało stworzone przed erą Internetu. Widzimy to samo, co w przypadku VOGUE 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.

Projekt graficzny czy nie: możesz stworzyć dobre logo swoim wyszkolonym graficznie okiem i kilkoma prostymi zasadami. Oczywiście najłatwiej byłoby zatrudnić kogoś, kto zajmuje się projektowaniem graficznym. Jest to najbezpieczniejszy i gwarantujący najwyższą jakość sposób - wyjątki potwierdzają regułę. Ale jest to również 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 programie Illustrator. Bez zbędnych ceregieli 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:

Projekt logo: Narzędzia badawcze

Dokładnie tak postępuję w przypadku moich klientów. Jeśli chcą zaprojektować logo, sugeruję, aby najpierw wybrali logo, które pasuje do ich pomysłu na biznes i nazwy. Nie używam tylko Envato lub Envato Elements. Szukam również logo w Google lub na Iconfinder, iStockPhoto i innych dostawcach małych grafik. Następnie prezentuję je, wspólnie wybieramy 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 łatwe. Potrzebujesz jasnej koncepcji i doskonałego pomysłu. Możesz czerpać inspirację z innych odnoszących sukcesy marek i stron internetowych. Rozmowa z innymi może również pomóc Ci wymyślić prosty, genialny pomysł. Ale bądźmy szczerzy: to nie musi być genialne, może być wystarczające, dobre byłoby więcej niż wystarczające. Możesz szukać logo lub sygnetów na platformach graficznych.

Oczywiście, mniej lub bardziej abstrakcyjne znaki powinny mieć coś wspólnego z zawodem, który reprezentują. Ale mogą się tu też pojawić 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.