Brand Design: Koncepcja B: Laczenie formy i idei

0:00Wróćmy

0:04sobie teraz do mood boardów i zastanówmy się nad ideą, którą

0:08możemy przypisać do tych kształtów. Kształty są bardzo abstrakcyjne,

0:12dzięki temu są bardzo pojemne do kontekstu, który możemy

0:16im sami nadać. Wróciliśmy sobie do

0:21pomysłów. Przygotowałem taki wstępny mood board. Jak

0:26widzicie, w tej opcji nie zaczęliśmy od budowania tego mood boardu na samym początku, dlatego

0:30że chcieliśmy właśnie dojść do tych pomysłów, analizując

0:34jaką formę... – to jest bardzo ważne, że to nie

0:38jest forma, która nam się wzięła znikąd, tylko jest

0:42kontynuacją czy konsekwencją wcześniejszych ustaleń, jakichś wcześniejszych

0:47założeń. Więc okiełznaliśmy jakoś trochę tę formę, teraz

0:52zastanawiamy się, jaką ideę możemy jej przypisać.

0:56Analizując eduweb, bardzo dużo mówiliśmy i myśleliśmy o narzędziach,

1:01których można się nauczyć na tej platformie. I te narzędzia

1:05wyobrażam sobie, że to może być mianownik,

1:09który będzie charakteryzował każdego użytkownika eduweb. Każdy

1:13z nas, który będzie się uczył przez eduweb, będzie

1:18uczył się jakiegoś narzędzia, jakiejś techniki, jakieś technologii. Programista

1:22jednak będzie używał innych narzędzi, UX-owiec będzie używał innych,

1:27fotograf innych, projektant graficzny jeszcze

1:31innych. Także zastanawiajmy się teraz dalej, w jaki sposób poszukać

1:35jeszcze czegoś, co będzie jeszcze bardziej konsolidowało tych wszystkich

1:39użytkowników, tak żeby znak był jeszcze bardziej uniwersalny. Myślę,

1:44że wybranie jednego narzędzia na pewno będzie niemożliwe.

1:49Możemy to spróbować zrobić w sposób symboliczny, tak samo jak wykorzystaliśmy

1:53stalówkę w opcji A. Jednak przy tej opcji mamy założenia

1:57nieco szersze. Chcemy zrobić bardziej rozbudowany znak,

2:02wieloelementowy. Także zastanówmy się, w jaki

2:06sposób znaleźć kontekst i żeby zakodować tę naszą

2:11symbolikę kształtów, które opracowaliśmy. Zastanówmy

2:17się w takim razie przez chwilę, co się dzieje, gdy już

2:21te narzędzia poznamy, co w ogóle robimy z tymi narzędziami?

2:26Odpowiedź jest w miarę prosta, ponieważ każdy z nas uczy

2:30się tych narzędzi, poznaje nowe technologie, poznaje nową wiedzę po

2:35to, żeby wykonywać jakieś projekty – czy to jest kod, czy

2:39to jest fotografia, czy to jest kaligrafia, czy to

2:43są logo, czy to są interfejsy – każdy

2:47z nas potrzebuje narzędzi do tego, żeby wykonać właśnie projekty. I

2:52Tu pojawia się nam interdyscyplinarność, o której też wspominaliśmy

2:57już parę razy podczas tego kursu, która też jest

3:01bardzo charakterystyczna dla eduweba. Zaczęliśmy

3:05od narzędzi, a kończymy na naszej twórczości, na naszych

3:09projektach, na produktach, które wykonujemy

3:14dzięki właśnie narzędziom, które poznaliśmy. Także

3:19te projekty są jeszcze lepszym wspólnym mianownikiem dla użytkowników eduweba

3:23niż są same narzędzia. Wróćmy sobie teraz do formy,

3:28którą opracowaliśmy, i zastanówmy się, w jaki sposób

3:32możemy to połączyć z ideą projektów i narzędzi, o których rozmawialiśmy

3:37przed chwilą. Wróćmy sobie teraz do projektu, wróćmy

3:41sobie do formy, którą opracowaliśmy. Jednak zanim

3:45jeszcze wrócimy do samego logo, to spójrzmy na planszę, którą wam

3:50pokazuję. Przepracowałem troszkę te nasze kształty,

3:54żeby miały trochę więcej charakteru, były nieco bardziej oryginalne.

4:00Co tutaj się zadziało? Po pierwsze podzieliłem wszystkie

4:04kształty na pół horyzontalnie po to, żeby dodać im trochę

4:08przestrzeni. Mam też pomysł na to, żeby przemieszać

4:12później te projekty. Przecież projekty właśnie wykonuje

4:16się w różny sposób, składniki mogą być różne,

4:20dlatego zaraz sobie spróbujemy je przemieszać i zobaczymy, co z tego wyjdzie.

4:25Kopnąłem kwadrat, wyszedł nam romb. Ma

4:29o wiele większą dynamikę, myślę że lepiej się tutaj

4:34będzie nam wpisywał w resztę kształtów. Wymieniłem

4:38kształt pięciokąta na sześciokąt, żeby mi się ładnie dzielił

4:42horyzontalnie. Tak to się nam teraz ładnie prezentuje w

4:47samym znaku. Jak zobaczycie, to ładnie

4:51nam się wszystko komponuje w kwadracie. Proszę

4:56bardzo. No, może tak jeszcze nie wszystko,

5:00ale to też na to będzie jeszcze czas, żeby to wszystko

5:04uporządkować. Tak czy siak tak na

5:08razie wygląda nasz szkic, który według mnie już zaczyna

5:12wyglądać, już coś tutaj się fajnego dzieje. To, co

5:18chcemy osiągnąć – pamiętamy, że naszym początkowym założeniem było to, żeby to logo było bardziej

5:23złożone, żeby było bardziej dynamiczne, elastyczne, zmienne, jeśli się

5:27da. Także spróbujemy teraz wrócić do opcji,

5:31gdzie mieliśmy 4 logosy, każdy z pojedynczym kształtem.

5:36Tak się prezentują te nowe kształty, które

5:40opracowałem z prostym logotypem eduweb. I tak jak wspomniałem

5:44wcześniej, przemieszajmy sobie je i zobaczymy, co z tego wyjdzie.

5:49Może tutaj znajdziemy jakiś fajny mechanizm na zmienność tych logosów.

5:53Prawy do lewego, lewy do prawego i zobaczymy, co z tego

5:57wyjdzie.

6:02Tak naprawdę nie wygląda to... nie ma tutaj żadnej sensowności,

6:06nic ciekawego tutaj nam się nie urodziło, więc porzucamy pomysł

6:10z wymieszaniem kształtów i zastanówmy się, jakie inne zmienne mechanizmy

6:15możemy wykorzystać w tym logo. Wróćmy zatem może do logo,

6:20gdzie mieliśmy wszystkie cztery kształty na raz. O, mówię

6:25o tym. I pomyślmy, co możemy zrobić. Możemy pozamieniać

6:29kolejności tych kształtów i zrobić

6:35coś takiego. Zaraz zamienimy sobie po przekątnej

6:39i zobaczymy,

6:45co z tego wyjdzie. Może

6:49to da nam jakiś kierunek, jakiś pomysł na to, jak

6:53to dalej rozwinąć. Nie to usunąłem. O, według

7:01mnie nadal to spoko wygląda. Oczywiście tutaj trzeba by

7:05dopracować wszystkie te kompozycje. Ale

7:09nadal to się ze sobą trzyma. Spróbujemy w takim razie przemieszać

7:14wszystkie kształty i zobaczymy, jakie cztery warianty nam z tego wyjdą.

7:19No i słuchajcie, wyszedł całkiem fajny system.

7:23Jest kolorowo, jest dynamicznie, jest zmiennie. To, czego tutaj

7:27na razie mi brakuje, to czegoś charakterystycznego. Ta zmienność

7:32kształtów nie jest wystarczająco charakterystyczna i

7:36może być niezauważalna dla odbiorcy. Nawet jeśli on będzie

7:40pokazany w formie animacji, to te przemieszczania

7:45mogą być do końca niezrozumiałe. Zastanówmy się w takim

7:49razie dalej, co możemy zrobić. I tak jak w poprzednich

7:54krokach popracowaliśmy sobie trochę nad formą, wróćmy sobie znowu teraz

7:58do idei i zastanówmy się, gdzie z tym pójść. Zaczęliśmy

8:03od narzędzi, przeszliśmy do projektów. Zastanówmy

8:08się jeszcze, co dalej możemy zrobić, jakie są inne wspólne mianowniki

8:12w tym obszarze, który opracowujemy.

8:17Dobra, mamy w takim razie już całkiem fajną formę dla

8:21koncepcji B. Kwestie idei i

8:25pomysłu, który także jest za tą formą, także już mamy całkiem fajnie rozwinięte.

8:29Zastanówmy się jeszcze, jak możemy to bardziej doszlifować.

8:33Mamy narzędzia, mamy projekty, co jeszcze

8:38łączy nas, użytkowników eduweba. Większość z

8:42nas pracuje na komputerze jakby nie patrzeć – czy to są programy

8:46graficzne, czy to jest zwykły Notatnik, w którym robimy sobie jakieś

8:50notatki, czy nawet gdy pracujemy ręcznie, analogowo, to i

8:54tak w pewnym momencie doprowadzamy do cyfrowej wersji

8:59tej naszej twórczości czy tego naszego tworu. Programy są różne,

9:03interfejsy są różne, funkcje w tych programach są różne,

9:07nawet kursory bywają różne. Jednak gdy sobie

9:11o tym myślałem, zrobiłem taki mały eksperyment i zamknąłem

9:15Illustratora, zamknąłem Notatnik, zamknąłem przeglądarkę, po czym

9:19odpaliłem te programy na nowo. Każdy z tych programów przywitał mnie

9:23hasłem Utwórz nowy i tutaj mnie olśniło. Przecież

9:28każdy z nas pracuje w obszarze roboczym i każdy z nas tworzy

9:32te nasze projekty właśnie w obszarze roboczym. No

9:36tak, ten obszar roboczy to jest nasze pole bitwy,

9:40to tutaj definiujemy, tutaj określamy, tutaj przycinamy, tutaj

9:44doklejamy różne elementy do tego, żeby stworzyć jakiś

9:49nasz projekt. To są ramy, w których tworzymy nasze projekty.

9:53Teraz nasuwa się pytanie, w jaki sposób możemy zwizualizować

9:57ten obszar roboczy. Mamy już zwizualizowane projekty w

10:03formie tych naszych kształtów. Teraz się zastanówmy, jak pokazać

10:07obszar roboczy. Pierwszym w ogóle moim skojarzeniem, jakie się pojawiło w głowie,

10:11jest dość proste skojarzenie, mianowicie tabula rasa. Idąc

10:18dalej, pierwszym skojarzenia na temat obszaru roboczego jest zwykły prostokąt

10:22zważywszy na to, że gdy odpalam Illustratora, najczęściej wyskakuje

10:26mi obszar w formacie A4. Także zróbmy

10:31sobie prostokącik i się zastanówmy, jak w jeszcze bardziej precyzyjny

10:38sposób możemy określić ten obszar roboczy. Może on być wypełniony, możemy

10:43dodać sobie do niego jakiś kolor, możemy to

10:48zrobić po konturze albo

10:54możemy wprowadzić do środka pattern i

11:01uzyskać coś takiego. Każda z tych opcji tak naprawdę

11:05może definiować obszar roboczy. My

11:10się zastanowimy, jaka opcja jest najlepsza i w jaki sposób możemy

11:14to wykorzystać w naszym projekcie. Mi najbardziej odpowiada

11:18forma obszaru roboczego wykreślona właśnie z patternu

11:23przez ukośne linie. Może dlatego, że też mocno kojarzy mi się z

11:27hasłem roboczy. Jak widzicie,

11:32obszary robocze mogą mieć różne

11:36kształty i może to też jest ścieżka do tego, żeby osiągnąć jakiś elastyczny i

11:41zmienny system w tej koncepcji.