Airtable: Pliki graficzne

0:00W tej lekcji pokażę Ci jak organizować

0:02zdjęcia oraz obrazy, które możesz udostępniać np.

0:04w swoim newsletterze czy w postach

0:06publikowanych na mediach społecznościowych.

0:09Tutaj, podobnie jak w przypadku tekstów, sytuacja jest pozornie prosta, natomiast

0:13jest kilka elementów, na które warto zwrócić uwagę.

0:16Przede wszystkim w automatyzacji.

0:17Osobiście w większości przypadków

0:19wykorzystuję automatycznie generowane grafiki.

0:22I teraz w związku z tym, że te grafiki

0:24generują się w pełni automatycznie, chcę mieć dużą kontrolę nad tym, co może się w

0:28nich znaleźć oraz ewentualną kontrolę nad tym, aby je w przyszłości podmienić.

0:33Czyli na przykład może się tutaj zmienić zdjęcie, może się zmienić logotyp, bądź

0:37też w ogóle cały układ grafiki i z tego powodu powinienem zadbać o to,

0:41aby w moich treściach, które znajdują się przy danym wpisie znajdowały się wszelkie

0:45informacje, które mogą pojawić się teraz lub w przyszłości na grafice

0:50i być przygotowane w taki sposób, abym mógł je łatwo wykorzystać.

0:54Przykładem jest tutaj teaser, czyli w tym

0:56przypadku kilka punktów opisujących zawartość odcinka podcastu.

0:59Ta informacja wykorzystywana jest nie tylko w poście, który zapowiada nam dany

1:03odcinek, ale również w grafikach, które są do niego dołączane.

1:07Przechowywane są dokładnie w tym miejscu.

1:09I teraz dla przykładu, jeżeli przyszłoby mi do głowy np.

1:12zmienić układ tej grafiki, no to muszę

1:14sobie przede wszystkim zadać pytanie, czy np.

1:16przechowywanie elementów w formie listy jest dla mnie w porządku?

1:19Być może chciałbym przechowywać je pojedynczo lub też w jakiejś innej formie.

1:23Podobnie też sytuacja ma się z tytułami.

1:25W momencie, gdy są one odpowiednio krótkie, nie ma z nimi problemu, natomiast

1:29w chwili, gdyby tytuły były odpowiednio dłuższe, mogłyby już nie mieścić się na

1:33grafice lub też nie wyglądać tak, jakbym chciał.

1:36Z tego powodu w niektórych sytuacjach oprócz tytułu filmu, który np.

1:40jest publikowany w filmie na YouTubie,

1:42umieszczam dodatkową kolumnę, którą dodaję zaraz przy dodawaniu nowego materiału i to

1:47właśnie jej wartość umieszczana jest na miniaturce.

1:50Wynika to z faktu, że w przypadku filmu na

1:52YouTube zależy mi na tym, aby w tytule znalazło się maksymalnie dużo słów

1:55kluczowych oraz żeby sam tytuł nie przekraczał długością 70 znaków.

1:59Z kolei w przypadku miniaturki zależy mi na tym, aby jej czytelność była

2:03maksymalnie duża oraz był zachowany kontrast.

2:06Z tego powodu umieszczenie pełnego tytułu,

2:08który dodatkowo powtórzył by się wtedy na miniaturce nie ma najmniejszego sensu, ale

2:12już umieszczenie jakiejś konkretnej informacji, która ok

2:15w tym przypadku również stanowi

2:17powtórzenie, natomiast jednocześnie pozwala użytkownikowi zidentyfikować

2:21materiał po najważniejszych słowach kluczowych.

2:23To również w przypadku YouTuba, ale i nie tylko jest niesamowicie istotne.

2:27No i teraz wyobraź sobie sytuację, że np.

2:30projektuję miniaturki na mój kanał na

2:32YouTube i nie uwzględniam tej drugiej kolumny zawierającej krótkie tytuły.

2:36Załóżmy też, że mija np.

2:37rok albo dwa i przychodzi mi do głowy jednak zmiana miniaturek w taki sposób,

2:41aby umieścić na niej krótsze wersje tytułu.

2:44W takiej sytuacji musiałbym ręcznie

2:46przejść przez wszystkie moje filmy i napisać te skrócone wersje.

2:50Coś takiego w niektórych przypadkach jest

2:51możliwe, a w innych sprawi, że po prostu porzucimy realizowanie automatyzacji.

2:56Z tego powodu bardzo ważne jest to, aby

2:57zadawać sobie odpowiednie pytania i możliwie wybiegać w przyszłość,

3:01ale też nie bez przesady.

3:03Nie chodzi tutaj o to, abyśmy zabezpieczyli się na wszystkie

3:05ewentualności, ponieważ wszystkich nie jesteśmy w stanie przewidzieć, ale chodzi

3:09o to, aby zachowywać pewną elastyczność w tworzonych materiałach i ma to szczególne

3:14znaczenie w przypadku, gdy stosujemy automatyzację tworzenia samych grafik.

3:18Przykładowo ja sam już trzy razy zmieniałem miniaturki na moim kanale i w

3:22moim przypadku zajęło to dosłownie kilka kliknięć.

3:24Przygotowałem nowy szablon, wgrałem go, uruchomiłem scenariusz, który

3:28przerenderował miniaturki i jednocześnie zaktualizował je na YouTubie.

3:32Cała operacja trwała tutaj dosłownie kilka minut

3:35i było to właśnie możliwe dzięki odpowiedniej organizacji.

3:38Natomiast jednocześnie z czasem popełniłem jeszcze jeden błąd.

3:41Mianowicie zwróć uwagę, że mamy tutaj

3:43starą miniaturkę, która uwzględnia tutaj logotyp technologii.

3:46I tutaj sytuacja jest o tyle

3:48problematyczna, że ten logotyp był ściśle powiązany z samym szablonem miniaturki.

3:53Oznacza to, że w momencie aktualizowania

3:55miniaturek, które miały uwzględniać dodatkowy logotyp technologii, miałem

3:59tutaj problem, ponieważ musiałem stworzyć dodatkową kolumnę, w której jak widzisz

4:03umieściłem ikonki niezależnie od samej miniatury.

4:07Jest to teraz o tyle istotne, że w

4:09momencie gdybym podmienił tą grafikę, a następnie wygenerował okładkę ponownie,

4:13no to zostałby na niej uwzględniony już nowy logotyp.

4:16I to jest niesamowicie ważne właśnie ze względu na ewentualną elastyczność.

4:21Podobnie też jeżeli w przyszłości zmienię

4:23szablon, no to nadal jest duża szansa na to, że będę chciał wyświetlić tam logotyp

4:27technologii, na temat której został ten film nagrany.

4:30I z tego powodu, skoro już ikonki

4:31technologii znajdują się w oddzielnej kolumnie, nie będzie najmniejszego

4:35problemu, aby po nie sięgnąć i wstrzyknąć je do szablonu miniaturki.

4:39W ten sposób jak widzisz, możliwości są tutaj ogromne, bo jeżeli przyszłoby mi do

4:42głowy zmienić kolorystykę moich miniaturek, nie byłoby z tym najmniejszego

4:46problemu, ponieważ logotyp technologii byłby tutaj uwzględniony.

4:50Jednocześnie nie wiem, czy zwracasz na to

4:52uwagę, ale jeżeli zobaczymy sobie te starsze miniaturki, które

4:55po części nadal funkcjonują na moim kanale, no to oprócz samego logotypu

5:00technologii, mamy również odpowiedni kolor obramowania oraz zdjęcia.

5:04Sam kolor uzależniony jest od informacji

5:06na temat technologii, która jest omawiana w danym filmie.

5:09I będąc bardziej konkretnym mam tutaj kolumnę Thumbnail's css, która zawiera nazwę

5:14klasy CSS, która powinna zostać uwzględniona w danej technologii.

5:18W rezultacie, jeżeli zmieniłbym tutaj CSS

5:21na git, to obramowanie zmieniłoby kolor na pomarańczowe.

5:25Zatem jak widzisz ponownie mam tutaj

5:26bardzo dużą kontrolę nad tym jak wygląda moja grafika i nadal nie muszę otwierać

5:31programu graficznego do tego, aby wygenerować ją w odpowiednim stylu.

5:34Po prostu w tym przypadku kod CSS z szablonu poprawnie interpretuje informację

5:39dotyczącą wykorzystanej technologii i odpowiednio dostosowuje miniaturę.

5:43Tak przy okazji, jeżeli do tej pory nie zdarzyło Ci się wykorzystywać

5:46automatyzacji do generowania grafik, polecam Ci odnaleźć automatyzację o nazwie

5:51Designer, w ramach której dokładnie tłumaczę w jaki sposób automatycznie

5:55generować grafiki z wykorzystaniem serwisów takich jak chociażby HTML, CSS to

5:59API, HTML, CSS to image, bądź też nawet mojego własnego mikro serwisu, który

6:04również wkrótce będzie dostępny dla innych.

6:06Ostatecznie jednak chciałbym zaznaczyć, że w przypadku generowania grafik i

6:10organizowania informacji, które mają zostać na nich umieszczone w Airtable,

6:14bardzo istotne jest to, aby możliwie przewidywać ewentualne zmiany szablonu.

6:19Dzięki temu, nawet jeżeli w przyszłości

6:20ten szablon się zmieni, dalej będziemy mieć możliwość łatwego, dynamicznego

6:24umieszczenia na nim poszczególnych elementów.

6:27Zatem jeszcze raz jeżeli spojrzymy na grafikę, to widzimy, że sam szablon jest

6:31stosunkowo prosty, a dodatkowo takie dynamiczne elementy jak na przykład ten

6:35czy sam tekst przechowywane są w Airtable w taki sposób, że nie są tak jakby spojone z grafiką.

6:41Inaczej mówiąc, jeżeli ta ikona byłaby zaszyta w wygenerowaną grafikę, to nie

6:45miałbym do niej dostępu do tego, aby wygenerować nowy szablon, a w związku z

6:49tym, że znajduje się w oddzielnej kolumnie.

6:51Nie ma problemu, abym po nią sięgnął nawet na potrzeby zupełnie innej grafiki.

6:55Mam nadzieję, że jest to dla Ciebie jasne.

6:57I to teraz jeszcze do głowy wpadło mi takie porównanie do komponentów, czyli

7:01małych fragmentów, które składają się na obraz.

7:03W tym przypadku jeszcze dodatkowym

7:05komponentem, które można byłoby tutaj wyróżnić jest moje zdjęcia.

7:09Czyli to zdjęcie mogłoby się znaleźć w

7:10oddzielnej kolumnie i dzięki temu ewentualnie być podmienione.

7:14Ma to szczególne znaczenie ze względu na

7:16to, że na miniaturkach na YouTubie zwykle znajdują się różne zdjęcia.

7:19Wykorzystując serwisy takie jak removebg, które również posiadają integracje oraz API.

7:24Możliwe byłoby wgranie tutaj normalnego zdjęcia, które zostanie przesłane do

7:29wspomnianego serwisu i tam zostanie usunięte z niego tło.

7:32Dzięki temu w momencie, gdy zostanie

7:34umieszczone na okładce będzie wyglądało naprawdę dobrze.

7:38Zatem jak widzisz, możliwości są tutaj

7:39ogromne i zachęcam Cię właśnie do wykorzystania serwisów takich jak removebg.

7:44Teraz już dziękuję Ci za uwagę i zapraszam do kolejnych materiałów.