Brand Design: Wizualizacje

0:00Cześć i

0:04czołem! Naszym zadaniem jest zaprezentować nowe

0:09logo eduweb. Powinniśmy zatem przekazać też

0:13te znaki w sposób profesjonalny. Co to znaczy?

0:17Powinniśmy przewidzieć ich funkcjonalność i wypracować niezbędne

0:21warianty, aby mogło to logo skutecznie

0:25funkcjonować. Ja osobiście jako twórca wręcz

0:29poczuwam się w obowiązku, żeby przekazać klientowi produkt,

0:34który nie będzie wadliwy. A żeby to zrobić,

0:38musimy przewidzieć te warianty stosowania logo. Mówiąc

0:43jeszcze krócej, to ciężko zaprojektować dobre logo bez przepracowania

0:47znaku w wersji horyzontalnej, wertykalnej, jak będzie

0:52logo funkcjonować na tłach, jak będzie się skalowało. Zobaczcie sobie

0:56na ten przykład. Na nim jasno widać, że nic nie widać. A

1:01przecież użyliśmy podstawowego logo w podstawowej kolorystyce i

1:05z podstawowym gradientem w tle. Coś tutaj nie gra

1:09i to jest właśnie coś, co trzeba przepracować.

1:14Zobaczymy sobie zatem, jak będą wyglądać warianty

1:18znaków dla poszczególnych koncepcji. Jeśli projektujesz

1:23warianty logo, powinieneś się zdecydować na to, aby jeden

1:27z układów był podstawowy. Używanie tego wariantu

1:31wtedy jest nadrzędne, a dzięki temu marka zyskuje

1:35na spójności i rozpoznawalności. Wyobraź sobie, co by było, gdybyśmy

1:40tego nie zrobili i różni graficy wybierali sobie przez

1:44rzut monetą, który wariant stosować w danym projekcie. Zastosowanie

1:50tych wariantów służy temu, aby stosować te, które są najbardziej efektywne

1:55na określonym nośniku, płaszczyźnie czy technice wykonania.

1:59W przypadku opcji A wybraliśmy wariant poziomy jako

2:03podstawowy i będzie on się świetnie sprawdzał w modułach prostokątnych.

2:07Wariant pionowy jednak będzie wyglądał znacznie korzystniej, gdy

2:11będziemy musieli umieścić logo w module kwadratowym. Osobną

2:15historią jest ikona mobilna, zdjęcie profilowe czy tam

2:19avatar w zależności od tego, gdzie co będzie występowało, funkcja

2:23jest podobna. Uwzględniłem ikonę w tym zestawieniu, ponieważ

2:28też jest wariantem logo. Ze względu

2:32na to, że ikona będzie często widoczna w małej skali, zdecydowałem

2:37się dać charakterystyczny gradient z logo jako tło, a

2:41samo logo dać w monochromie. Zachowaliśmy komunikat

2:45marki, ale podbiliśmy tym charakterystycznym identyfikatorem

2:50koncepcji A. Przejdźmy sobie do opcji B. Tutaj

2:54ze względu na wysokość symbolu zrezygnowałem z wariantu pionowego. Przedstawiłem

2:59jednak skróconą wersję podstawowego symbolu. Może ona posłużyć

3:03do identyfikowania kursów, ścieżek. Natomiast w ikonie mobilnej

3:07dałem pełny symbol w negatywie i tu inicjał E pomaga zidentyfikować

3:12markę eduweb. W opcji C natomiast

3:16nie mamy typowego układu dla logo, gdzie mamy symbol i po

3:20jego prawej stronie znajduje się logotyp. Tu mamy tylko logotyp. Może słowo

3:25„tylko” nie jest tutaj trafne, ponieważ zobaczcie, że możemy wyodrębnić

3:29z logotypu pierwszą literę, znaczek play i dzięki temu

3:34uzyskaliśmy symbol. W rewelacyjny sposób wpisał

3:38się on w ikonę mobilną. Dzięki temu mamy poza funkcjonalnym

3:42logotypem skrócony symbol, którego możemy używać

3:46tam, gdzie logotyp się nie zmieści. Przejdźmy do

3:50stosowania znaku na tłach. To opracowanie jest znacznie ważniejsze

3:54niż ci się może wydawać. Nie daj się zwieść argumentom, że żyjemy w cyfrowym

3:59świecie kolorów, więc po co komu jednokolorowe logo. A

4:03po to, że internet to nie wszystko i prędzej czy później coś wydrukujesz,

4:08wygrawerujesz, wytniesz. Wtedy bez wersji monochromatycznej może

4:13być to problematyczne. Kolejna kwestia to keep it simple. Łatwiej

4:17ci będzie zarządzać jednym kolorem niż milionem. Nie zawsze też

4:21będziesz miał pełną kontrolę nad tłem, na którym będzie występować

4:26twoje logo. Wtedy wariant monochromatyczny naprawdę jest przydatny.

4:30I pamiętaj, że jeśli twoje logo w monochromie jest tak samo silne,

4:34jak w kolorze, to znaczy, że masz bardzo mocny znak. Koncepcja

4:39A jest ciekawym przykładem, bo tu możemy wyodrębnić zarówno wariant

4:43monochromatyczny, czyli taki, który posiada tylko jeden

4:47kolor i achromatyczny, czyli taki, który nie

4:51posiada w ogóle koloru. Taki wariant powinien występować tylko w bieli

4:56albo czerni, gdzie monochrom może mieć inne barwy,

5:00o ile jest ona tylko jedna. Wersja monochromatyczna będzie wariantem,

5:04w którym gradient w logo będzie miał jeden kolor składowy, który

5:09będzie się rozbarwiał do przezroczystości. Ta wersja jest o tyle fajna, że

5:13nadal trzyma tę przestrzenność co podstawowy

5:17znak w kolorze. Użycie gradientu może jednak komplikować stworzenie

5:21wersji achromatycznej. To nie może zawierać rozbarwień, więc musimy zadziałać

5:26formą. Jak ją uzyskałem? Przymrużyłem oczy, gdy patrzałem

5:30na monochrom. Taki mały żarcik, ale coś w tym jest, ponieważ chcemy uzyskać

5:34kształtem podobny zabieg przestrzenności, który stworzyliśmy

5:38gradientem. Gdy dopracowywaliśmy tę koncepcję na początku

5:42tego rozdziału, chcieliśmy, aby gradient lepiej odcinał górną i

5:46dolną część symbolu play. Teraz chcemy uzyskać to samo. Stwórzmy

5:51zatem przestrzeń między górną a dolną częścią przez wcięcie, które

5:55da złudzenie szczeliny. Ten znak był dość wymagający do

5:59stosowania na tłach. Wariant B i C są

6:04już bardziej tradycyjne. Oba znaki możemy po prostu wypełnić

6:08kolorem i stosować wersje achromatyczne lub monochromatyczne w dowolnym kolorze.

6:13Obie koncepcje też przewidują używanie znaku w negatywie.

6:17Taki wariant zawiera kod kolorystyczny znaku, ale jest on

6:21stosowany w odwrotności do podstawowego tła, które w 99%

6:25jest białe. Do opcji A przypisałem tradycyjne

6:29rozwiązanie, gdzie slogan jest po prostu przyczepiony do

6:33samego znaku. Oczywiście w odpowiednich proporcjach i zależnościach.

6:38Wariant B jest już mocną improwizacją

6:42i stworzymy z niego niezależny twór czy nawet można

6:46go nazwać motywem graficznym. Wprowadzając charakterystyczne litery

6:50dla tej koncepcji, zamiast liter udało mi się uzyskać coś

6:55bardzo oryginalnego. Opcja C też inaczej traktuje

6:59rozwiązanie sloganu w stosunku do rozwiązania A. Tutaj

7:03to slogan góruje nad logo. Wspomniałem

7:08wcześniej, że ta opcja w fajny sposób zaczęła wykorzystywać grubaśne

7:12litery jako coś charakterystycznego. Dlatego tutaj zdecydowałem

7:17się, żeby to jeszcze bardziej uwypuklić. Dodałem mocny kod kolorów,

7:22czarno-biało-czerwony i uzyskaliśmy kolejny fajny akcent w tej koncepcji. Jak

7:26widzicie, to te działania są już mocno dodatkowe. Zdecydowałem

7:31się jednak je pokazać w tym kursie, ponieważ wszystkie te zabiegi, które wykorzystaliśmy

7:37przed chwilą, stosowaliśmy też już wcześniej. Wzmocniliśmy

7:42je teraz przy okazji pokazania sloganu. Cały

7:46czas mamy na względzie ukazanie szerokiego potencjału

7:50każdej z koncepcji, którą wypracowaliśmy. Stosowanie kształtów zamiast liter

7:54wydało się naturalne w opcji B, gdy spojrzałem na narzędzia graficzne,

7:59jakie sobie stworzyliśmy. W opcji C brakowało

8:03mi uwypuklenia właśnie tych charakterystycznych liter,

8:07które wyszły nam podczas pracy nad tą koncepcją. Dlatego

8:11też w opcji A zdecydowałem się na bardziej tradycyjne ujęcie i dzięki temu

8:15klient zobaczył, w jaki sposób może funkcjonować jego slogan w różnym

8:20ujęciu. I tak naprawdę możemy też bardziej tradycyjne ujęcie sloganu zastosować

8:24do opcji B czy C. I tak samo bardziej pojechane opcje

8:28możemy wykorzystać w opcji A, jeśli wpadniemy na taki

8:33pomysł. To są konsekwentne kroki wcześniej obranych kierunków i pomysłów.

8:38Przejdźmy zatem do kolejnej lekcji.