Brand Design: Podsumowanie koncepcji

0:00Do

0:04pracy nad zmiennością tego systemu weźmiemy

0:08sobie grafikę Adobe Illustratora

0:132018 autorstwa dwójki projektantów

0:17Vasjena Katro i Ori Toori.

0:21Spróbujemy w jakiś sposób wkomponować przycisk play do

0:25całej tej zabawy. Najprostszym,

0:32najbardziej naturalnym pomysłem jest po prostu wrzucenie to w

0:37maskę symbolu play. Ale, jak widzicie, to nie do końca nam załatwia

0:41sytuację. Proponuję sobie popracować trochę nad tym i

0:46wyciągnąć tego astronautę na zewnątrz,

0:50niech on sobie wylatuje z tego znaczka play, bo czemu nie? Ja już

0:54sobie przygotowałem taką wersję, na szybko powycinałem. No

0:59i super fajnie, wygląda właśnie, jakby wylatywał z tego naszego przycisku,

1:03z tej naszej krainy eduweb i leciał w kosmos kariery.

1:07Sam ten button już fajnie wygląda.

1:11Oczywiście zawdzięczamy też to samej grafice, którą wkomponowaliśmy,

1:16ale ten nasz button jest bazą do tego, żeby on

1:20mógł tutaj zaistnieć. On jest tą ramą, o której mówiliśmy też wcześniej.

1:25Spróbujemy sobie wkomponować teraz to w logotyp

1:29i zobaczymy, co to nam da. Zaczniemy

1:35od znalezienia kolorów, które

1:39nas interesują. Chcemy, żeby

1:44te kolory były zaczerpnięte

1:48i zainspirowane daną grafiką, która występuje

1:53w znaczku

1:57play. Wyszło nam

2:05coś takiego. Teraz plusy i minusy.

2:09Niewątpliwym plusem tego jest dodatkowy vibe, dodatkowa

2:14atrakcyjność. To, że wprowadziliśmy ten motyw

2:18graficzny do logotypu, nadaje dodatkową

2:23historię, która jest tutaj zawarta. Minusem jednak

2:27jest to, że proporcje, które tutaj sobie znaleźliśmy

2:32wcześniej, gdy sam button mieliśmy tylko w jednym kolorze

2:36czerwonym – no minus jest taki, że te proporcje

2:40tutaj trochę nam nie do końca grają. Mówiąc jeszcze

2:44prościej, motyw graficzny, który wpletliśmy w symbol play

2:48niestety, ale nam ginie. Także zastanówmy się, co możemy z tym

2:52zrobić, żeby wyciągnąć go jeszcze bardziej. Zanim

2:57jednak to zrobimy, musimy się zastanowić nad jedną ważną rzeczą – nad

3:02funkcjonalnością tego logo. Czyli musimy się zastanowić, gdzie będzie

3:06funkcjonowało logo w wersji podstawowej, a gdzie potencjalnie będzie

3:10występowało logo w takiej uatrakcyjnionej,

3:16elastycznej formie. Jeśli sobie odpowiemy na to pytanie, będziemy

3:21wiedzieli, co możemy zrobić z tą formą, z tym znakiem,

3:25żeby było bardziej praktyczne. Zaczniemy sobie od

3:30porównania tej wersji, którą teraz zrobiliśmy, z tą wersją podstawą, bazową,

3:34którą opracowaliśmy chwilę wcześniej. Spójrzcie tutaj.

3:38Mamy właśnie to porównanie. Widzimy, że bazowe wygląda

3:42nadal świetnie przy małej skali. Jeszcze

3:47może zrobimy... Spójrzmy tutaj na to porównanie.

3:51Żeby dowiedzieć się jeszcze bardziej

3:55o funkcjonalności, zróbmy wersję, która będzie bardzo

3:59mała, a tą

4:03wersję jeszcze sobie powiększymy. Okej.

4:09Przejdźmy sobie teraz do analizy. Jak widzimy, logotyp

4:15bazowy zarówno w wersji dużej, jak i małej nadal

4:19wygląda świetnie. Jest czytelny, ma nadal swoją siłę, wszystko

4:25jest jak należy. Znak z motywem niestety już

4:29się tak dobrze nie broni. Zastanówmy się zatem, co możemy zrobić, gdzie

4:33logo z motywem będzie wyglądało korzystniej od wersji

4:37bazowej. Odpowiedź jest w sumie prosta – na pewno w większej

4:41skali to tutaj ta wersja jest bardziej atrakcyjna

4:45od tego. Chociaż ta jest dalej czytelna, nadal

4:50ma swoją moc. Nasuwa mi się taki wniosek, że

4:54może nie traktować tego logo z motywem w tradycyjny

4:59sposób. Niech ono funkcjonuje bardziej jako grafika, jako

5:03motyw graficzny, jako uzupełnienie komunikatu

5:09bazowego, który mamy zawarty w tym znaku. Dodatkowo

5:13wydaje mi się też, że ta wersja logo będzie

5:18wykorzystywana częściej, gdy będziemy chcieli pokazać coś w jakimś

5:22kontekście, z jakąś specjalizacją. Dlatego mówienie o podstawowych informacjach

5:26może tutaj nie być aż tak bardzo potrzebne jak w przypadku tego logo.

5:31Podsumowując, patrząc na te dwa znaki,

5:36logo bazowe będzie stosowane wszędzie tam, gdzie

5:40będziemy przestawiać eduweb. W założeniu powinno to

5:45wyglądać w taki sposób, że eduweb, użytkownik, który będzie

5:49poznawał eduweb, zawsze powinien zobaczyć najpierw tę wersję

5:53logo. Logosy z motywem natomiast będą stosowane

5:57tam, gdzie odbiorca już będzie wiedział, czym jest

6:01eduweb i ten kontekst zostanie już naszkicowany. Wniosek

6:05jest taki, że logo z motywem będzie bardziej stosowane jako

6:10motyw właśnie graficzny. Więc będzie występować w większej

6:14skali. Wszędzie tam, gdzie będziemy potrzebowali użyć logo eduweb w małej wersji,

6:18wówczas będziemy stosować ten

6:23wariant. Jeśli będziemy chcieli dostosować

6:27go bardziej kolorystycznie, to też możemy się zastanowić, czy nie

6:32wykorzystać takich wersji, gdy

6:36będziemy potrzebowali małą skalę w tej palecie

6:40na przykład kolorów. Według mnie to nadal ze sobą będzie współgrało.

6:45No i zobaczcie właśnie, jak to jest super czytelne. Także

6:49jeśli chcemy, teraz możemy sobie odpowiedzieć na pytanie, co

6:54możemy zrobić z tym logo, żeby

6:58ten motyw graficzny był bardziej czytelny. Jak odpowiedzieliśmy sobie wcześniej, musimy

7:03tutaj dać większą skalę, musimy troszkę zmienić proporcje. Teraz

7:07już wiemy, że to logo będzie wykorzystywane w większej skali, gdy

7:12eduweb już zostanie przedstawione. Zatem

7:16myślę, że możemy sobie spokojnie pozwolić na to, żeby powiększyć

7:20symbol play w wersji logo z motywem.

7:26To sobie na razie odsuniemy, to

7:31sobie na razie odsuniemy. Logo powiększymy

7:36powiedzmy półtora raza, przy

7:44czym zachowamy kerning

7:48i proporcje, które były określone we wcześniejszym logo.

7:52Także odległość z symbolu

7:56od litery E weźmiemy sobie z wcześniejszego

8:01logo i zobaczymy,

8:05jak to zadziała. No,

8:16wydaje mi się, że czytelność tego

8:20znaku naprawdę się poprawiła przez taki delikatny zabieg,

8:25a czytelność i spójność z logiem

8:29bazowym – tutaj sobie go przerobiliśmy, to weźmiemy go – wydaje

8:41mi się, że spójność, czytelność została

8:46zachowana. Weźmy

8:50sobie logo bazowe i zobaczymy, jak

8:56to działa. Ja w tym widzę

9:00spójność. Mam nadzieję, że wy również. Elastyczne

9:05systemy działają na takich właśnie zależnościach, jakie tutaj

9:09stworzyliśmy. Bardzo ważne w takich systemach

9:13zmiennych jest właśnie przypisanie funkcjonalności. Robienie

9:17wariantów znaków tylko po to, żeby zrobić – te warianty znaków

9:21najczęściej w pewnym momencie się wypalają, nie

9:25będzie pomysłu, gdzie ich używać, albo będzie właśnie zbyt dużo pomysłów, jakie

9:30logo gdzie wykorzystać. Dlatego przypisanie możliwości, jakie chcemy

9:34dodać do zmiennych logosów, jest bardzo istotne. Ja

9:39sobie tutaj pozwolę na jeszcze jeden taki zabieg dodania tła

9:43ze względu na to, że wcześniej to logo na

9:48czarnym tle bardzo mi się podobało. Tak tutaj też chcę wypróbować

9:52ten zabieg. Wydaje

9:57mi się, że ciemne tło będzie lepsze.

10:01Oto trzecia propozycja nowego logo eduweb – zmienna,

10:07elastyczna, posiadająca możliwości

10:11dodawania kontekstów specjalizacji i wprowadzania

10:15tych komunikatów do logo. Sam logotyp jest silną,

10:20ciekawą interpretacją zapisu nazwy przez

10:24to, że wprowadziliśmy symbol zamiast litery D. Jest on bardzo pewny

10:29siebie i zarazem ma bardzo dużo mocy przez

10:33też swoją bardzo uproszczoną formę. Mamy więc

10:37bardzo ciekawą koncepcję do pokazania klientowi.

10:41Udało

10:45nam się, wypracowaliśmy trzy fajne propozycje. Zaraz sobie jeszcze

10:49je podsumujemy, a w następnym rozdziale będziemy

10:54już tworzyć prezentację i opowiem wam, w jaki

10:58sposób w korzystny sposób pokazać propozycje

11:02logo dla klienta. Zapraszam.