Brand Design: Koncepcja C: Elastyczny wariant logo

0:00Witaj

0:04w kolejnym kreatywnym odcinku. W tej lekcji, tak jak i w poprzedniej, opracujemy

0:08sobie trzecią, ostatnią już koncepcję nowego logo eduweb

0:13na podstawie opracowania, którego dokonaliśmy we wcześniejszych

0:17odcinkach. Spójrzmy sobie na projekty, które opracowaliśmy

0:22w poprzednich lekcjach. To są dwie koncepcje

0:26logo, które już mamy. To są dwie koncepcje

0:30szkicowe logo, które będziemy chcieli zaprezentować klientowi

0:34do dalszej oceny i ewolucji. W

0:39opcji A skupiliśmy się na przycisku play. Ta opcja jest

0:44ewolucją obecnego logo eduweb, a w opcji

0:48B natomiast poszliśmy nieco dalej. Tutaj poszliśmy po nieco bardziej świeższe podejście,

0:52inne podejście. Wprowadziliśmy symbol

0:58literki E do tego znaczka. Dlatego pytanie teraz, co

1:02począć z opcją C, z ostatnią koncepcją, którą chcemy wypracować?

1:06Weźmy sobie zatem button play jako symbol eduweba

1:10i spróbujemy go zinterpretować, ale w nieco świeższy i w

1:14nieco nowszy sposób, w oderwaniu od opcji

1:18A. Żeby to zrobić, warto wrócić do naszych ustaleń, czyli

1:22mood boardów, haseł i szkiców. Pamiętamy z

1:28feedbacku, który dostaliśmy od klienta, że mood board

1:32F, a przynajmniej pomysł na logo-okno bardzo się spodobał. Analizując

1:37jednak ten mood board, widzimy, że mamy tutaj taki

1:41szkic znaku, w którym symbol też nawiązuje do

1:45opcji E. Ten motyw wykorzystaliśmy w

1:49poprzedniej wersji. Także tutaj skupimy się na czymś innym i

1:53spróbujemy właśnie może wprowadzić przycisk play do gry.

1:57Żeby trochę to jeszcze bardziej wymieszać, żeby było ciekawiej, to

2:01proponuję wyciągnąć dwie rzeczy, znaczy

2:06jedną rzecz z mood boardu F, a przynajmniej logo-okno, oraz

2:10z mood boardu C chcę wyjąć logo,

2:14które jest wkomponowane... symbol, który jest wkomponowany w litery. Spróbujemy

2:19połączyć te dwa pomysły, dodatkowo jeszcze wprowadzić

2:23tam symbol play. Tak więc hasła, którymi będziemy się

2:27kierować przy tworzeniu tej koncepcji, to będzie elastyczny system, logo-okno

2:32dla obrazów, indywidualne tła, dynamiczne i zmienne formy

2:36oraz z mood boardu C wyciągnęliśmy jeszcze logotyp

2:41z wyróżnieniem litery. Pomysł na takie rozwiązanie może

2:45być bardzo efektowny dla eduweba, biorąc pod uwagę jego różnorodność. Ta

2:49interdyscyplinarność, o której już tyle tutaj powiedzieliśmy, może być

2:53w świetny sposób pokazana właśnie przez ten elastyczny system tworzenia dedykowanych

2:58logosów, indywidualnych teł dla każdego kursu, ścieżki

3:03czy jakiegokolwiek innego przekazu, jaki będziemy chcieli wzmocnić.

3:07Spójrzmy sobie na ten mood board, który dla was przygotowałem. Wybrałem tutaj kilka

3:11obrazów, które odpowiadają na hasło ramka, czyli innymi słowy

3:15nasze logo-okno. Jest to twórczość ubrana

3:20w ramę, jaką jest platforma eduweb. Albo nawet pójdźmy

3:25dalej – jest to edukacja, nauka oprawiona w ramę, ponieważ

3:29nauka na eduwebie to czysta przyjemność. Platforma eduweb

3:33jest dla wielu początkiem. Od zdjęcia iPhonem po

3:37obsługę studia fotograficznego. Eduweb jest

3:41mostem pomiędzy amatorską zajawką a zawodowymi,

3:46profesjonalnymi możliwościami i umiejętnościami. To powiedziawszy,

3:51wróciłem sobie do szkiców, które miałem wcześniej zrobione

3:55w zeszycie, i wydobyłem coś takiego. Do najlepszych rysowników

4:01nie należę, ale ten szkic mniej więcej odpowiada

4:05na te założenia, które sobie już postawiliśmy przy tej koncepcji. Idealnie wpasowuje

4:09się w logo-okno, ale także wchodzi z symbolem

4:13do wewnątrz logotypu i wykorzystuje jedną z liter. Zabierzmy

4:18się zatem za zwektoryzowanie tego pomysłu. Ze względu

4:23na to, że chcemy stworzyć tutaj dynamiczny, zmienny system,

4:27sama forma podstawowa powinna być bardzo prosta, bardzo

4:31minimalistyczna. Dzięki temu będzie ona pojemna do przyjęcia

4:35dodatkowego komunikatu, motywu graficznego czy innego elementu,

4:40który będziemy chcieli wprowadzić do tego naszego logo-okna. Ze

4:45względu na to, że chcemy tutaj stworzyć zmienny i elastyczny system, sama

4:49forma logo dobrze, żeby było bardzo minimalistyczna,

4:53bardzo prosta. Dzięki temu będzie ona bardzo pojemna

4:58do tego, żeby przyjąć dodatkowy komunikat, dodatkowy motyw

5:02graficzny czy jakikolwiek inny element, który będziemy chcieli wprowadzić do tego

5:06naszego logo-okna. Tak więc ta propozycja będzie

5:10mocno typograficzna, także proponuję zacząć od znalezienia

5:15liter, na których oprzemy sobie nasz logotyp.

5:19Szukamy także liter, które będą współgrały z naszym

5:23symbolem play. Ja już sobie wybrałem parę fontów wcześniej,

5:27nieco szerszych, nieco węższych, mocniejszych,

5:32lżejszych – wszystko gdzieś tam się opiera o geometrię,

5:36na pewno sansowe, mocne kształty. Myślę, że wybierzemy

5:43też kształt play, który będzie wypełniony. Nie będziemy

5:47się bawić w kontury i tak dalej. Chociaż wtedy moglibyśmy spróbować z lżejszymi

5:51odmianami fontów. Skopiujemy

5:55sobie wszystkie te litery na następny artboard,

5:59czeka na nas symbol play. Mamy nasz znaczek play,

6:04mamę litery, zobaczmy, co

6:08możemy z nimi zrobić. Wiemy, co z nimi

6:12zrobić, ponieważ mamy już wyznaczniki,

6:17które sobie określiliśmy wcześniej, czyli to, co widzimy teraz na ekranie.

6:21To, co chcemy zrobić, to uzyskać logo-obraz

6:26oraz logotyp

6:31z wyróżnieniem litery. I tych dwóch rzeczy

6:36będziemy teraz szukać w opracowaniu liter i

6:40symbolu play. Wracamy

6:45do pracy. Weźmiemy sobie

6:49pierwsze litery, które sobie określiliśmy, i się

6:53zastanówmy, którą literę możemy zastąpić

6:57i wprowadzić zamiast niej nasz

7:01symbol. Ta propozycja jest o tyle ciekawa, że

7:05zastąpiliśmy pierwszą literę, czyli literę E,

7:09która występuje jeszcze raz w nazwie eduweb. Może

7:14to będzie jakieś rozwiązanie. Zobaczymy jeszcze, jaki mamy inne

7:20możliwości.

7:28Wydaje mi się, że tutaj będzie o wiele ciężej, żeby to było nadal

7:32rozpoznawalne. Musieliśmy jeszcze dorobić tutaj pewnie 2

7:36takie małe, zobaczcie, coś takiego.

7:41Może to wtedy by pozwoliło rozpoznać

7:45to jako literę

7:50W, ale nie – robi nam się taki chyba

7:55trochę buldog, co? Albo mopsik.

8:00No, takie wymyślanie

8:04co jest w różnych znakach, to jest generalnie najlepsza zabawa

8:08klientów. Takie rzeczy czasami widziałem... widzieli różne

8:12koale, nie koale w znakach, które projektowałem bez

8:17zamierzenia projektowania w nich koali. No dobrze, ale wróćmy do

8:21tematu. Zastanówmy się, jakie jeszcze inne litery moglibyśmy wykorzystać. W

8:25i E nam odpada. B by musiało mieć dwa

8:30brzuszki myślę, żeby było rozpoznawalne, a to

8:34też nie jest do końca to, co chcemy osiągnąć. A

8:39poza tym nie komponowałoby się. Spróbujmy może wykorzystać

8:44literę D. Może jest

8:49o wiele bardziej zaokrąglona, ale wydaje mi się, że

8:53najbardziej odpowiada kształtowi, który chcemy tutaj

8:57pogodzić. Także spróbujmy wprowadzić

9:01teraz ćwiczeniowo do wszystkich tych liter symbol

9:06play zamiast litery. Zamiast

9:12litery D. Na pewno to będzie opcja, która

9:16będzie odważna ze względu na to, że naruszamy

9:20czytelność nazwy eduweb i wprowadzamy symbol do

9:24środka tej nazwy. Z drugiej strony to także

9:28świadczy o pewnej pewności siebie tej marki. Jeśli jest

9:32na tyle pewna swojej rozpoznawalności,

9:37swojego jestestwa, że jest w stanie wykluczyć jedną

9:41z liter właśnie w kosztem czytelności

9:45samej nazwy i wprowadzić coś ciekawego do środka.

9:49Z tych wszystkich propozycji, które sobie zrobiliśmy, wydaje

9:54mi się, że najlepszą synergię pomiędzy kształtem

9:58play a literami ma ta opcja. Dlatego

10:04popracujemy sobie jeszcze nad nią i znajdziemy proporcje tych

10:08elementów. Myślę, że tutaj jest jeszcze na czym

10:12popracować. Także po pierwsze to

10:17wydaje mi się, że jest za szeroki kerning. Zmniejszmy

10:21go. I

10:26myślę też, że moglibyśmy troszkę jeszcze bardziej

10:30wzmocnić litery. Dzięki

10:35temu tutaj ta przestrzeń, która nam się trochę robi

10:40taka dziura, nie będzie taka intensywna, a

10:44moc tych liter zobaczcie, jak bardzo fajnie uwypukliła

10:49też symbol. Zobaczcie. Zrobimy

10:55sobie taką, o, widzicie, co się

10:59dzieje – jaka jest siła? Teraz

11:04damy bolda i teraz

11:08zobaczcie, jak to wszystko się uwypukli przy extra

11:12boldzie. Eduweb.

11:18Co możemy jeszcze zrobić z tym znakiem, to na pewno

11:23dopracować pozycjonowanie

11:27tej litery, symbolu play. Ja

11:32specjalnie sobie zostawiłem literę D jako niewypełnioną

11:36po to, żeby symbol play został

11:40wkomponowany dokładnie w to miejsce, w którym

11:45była litera D. I

11:55teraz sobie skrzywimy i możemy tę literę D usunąć.

12:00Możemy spróbować delikatnie dosunąć

12:04do znaczka play resztę członu ze względu

12:08na to, że tutaj te dziury nam się robią dość intensywne. No

12:13to słuchajcie, mamy trzecią propozycję logo dla eduweb.

12:18Mamy silny, prosty logotyp. Powiedziałbym nawet, że sprytny.

12:23Ta synteza symbolu z literami naprawdę fajnie tutaj wyszła. Czerwień

12:28świetnie kontrastuje z czarnymi, mocnymi literami. Nawzajem

12:32nadają sobie siłę. Mi ten kontrast bardzo się podoba. Nawet chciałbym

12:36spróbować zrobić sobie teraz taki mały zabieg. Wydaje

12:41mi się, że w takiej opcji logo będzie jeszcze bardziej świeciło.

12:47No, zobaczcie. Bardzo

12:51fajny impact ma to logo. Na pewno parę

12:55rzeczy trzeba będzie poustawiać, ale mamy prostą formę

13:00i mamy potencjał właśnie na to, żeby wykonać w tej

13:04koncepcji to logo-okno i zaraz się zastanowimy, w

13:08jaki sposób wprowadzać jeszcze więcej historii do tego

13:12symbolu play. Zobaczcie, co jeszcze tutaj nam się

13:16ciekawego zadziało. Weźmy

13:22sobie to na drugi artboard, żeby tego

13:27nie stracić. Ale przy

13:31tym kontraście... zobaczcie,

13:36co tu się zrobiło. Przy tym kontraście

13:40zobaczcie, jaki symbol

13:45nam się tu pojawił.

13:50Co wam to przypomina? Bo mi ten

13:55obraz z mood boardu. Taki niuans, taka ciekawostka.

13:59Na pewno dla odbiorcy, który

14:04nie będzie miał tego kontekstu ołówka, to nie będzie dostrzegalne, ale

14:09my jako projektanci teraz możemy się zastanowić, jak to wykorzystać. Nasze

14:14logo to logotyp literniczy. Symbol spletliśmy

14:18z literami. A co, gdybyśmy wzięli ten

14:23symbol, który tutaj nam się wytworzył, i zrobili z niego ikonę?

14:36Takie rozwiązanie się świetnie sprawdzi na wszystkich kwadratowych

14:40nośnikach, na social mediach, aplikacjach, faviconach, czyli wszędzie

14:45tam, gdzie logo będzie musiało być w formie skróconej, gdzie

14:50forma liternicza, horyzontalna nie do końca się

14:54nam sprawdzi. Tutaj nam się znalazło miejsce na wykorzystanie

14:58tego w skróconej wersji, gdzie mamy literę E i play. Okej,

15:02podsumujmy sobie. Mamy już pewną systematykę, już tutaj się nam

15:06robi pewna systematyka w tych zależnościach i projektach,

15:10które robimy. Mamy literniczy logotyp oraz mamy wersję skróconą

15:15w formie ikony, czyli jest już jakiś system. To, czego

15:19nam brakuje, a chcemy tutaj zawrzeć, to jest ta zmienność, dynamiczność

15:23i to logo-okno, które gdzieś tam mieliśmy cały

15:27czas w założeniach. Tym się teraz zajmiemy.