Znajdź pomoc, jakiej potrzebujesz
Fora pomocy, posty na blogu i samouczki wideo o różnym stopniu zaawansowania pomogą Ci poszerzyć wiedzę. Poniżej znajdziesz szybkie odpowiedzi i szczegółowe instrukcje.
-
Poznaj komponenty galerii
Poznaj zaawansowane możliwości galerii Google Web Designera. Dowiedz się, jak ulepszyć standardowy baner reklamowy o wymiarach 300 x 250.
- Tryb zaawansowany
- Interfejs
-
Powiększanie osi czasu w trybie zaawansowanym
Natalie, inżynier ds. wygody użytkowników, pokazuje powiększanie i pomniejszanie osi czasu w trybie zaawansowanym.
- Tryb zaawansowany
- Samouczek wideo
-
Interfejs Web Designera
Poznaj interfejs Google Web Designera. Dowiedz się, z jakich narzędzi możesz korzystać i gdzie je znaleźć.
- Omówienie
- Interfejs
-
Wskazówki dotyczące korzystania z aplikacji Google Web Designer – część 1
Twórz treści 3D i manipuluj nimi dzięki CSS3. Obracaj obiekty i projekty 2D wzdłuż dowolnej osi, wizualizując transformacje i przesunięcia 3D podczas tworzenia.
- 3D
- Blog
-
Zmienianie stylów z użyciem panelu CSS
Panel CSS pokazuje style każdego zaznaczonego elementu. Umożliwia też edytowanie stylu klasy, dodawanie stylów wbudowanych i tworzenie nowych stylów.
- Artykuł pomocy
- Style CSS
-
Zarządzanie zasobami przy użyciu Biblioteki
Używane w dokumentach pliki graficzne, dźwiękowe i wideo są zbiorczo nazywane zasobami. Tworzy się je, importując pliki do dokumentu. Zasoby są przechowywane w Bibliotece, więc można wyświetlać ich podgląd i ponownie je wykorzystywać.
- Artykuł pomocy
- Biblioteka
-
Wybieranie wielu klatek kluczowych i miniatur
Natalie, inżynier ds. wygody użytkowników, przedstawia wybieranie wielu klatek kluczowych w trybie zaawansowanym oraz wybieranie wielu miniatur w trybie szybkim.
- Tryb zaawansowany
- Samouczek wideo
-
Pięć najważniejszych funkcji
Pozwala sprawdzić pięć funkcji i przepływów pracy, które są najbardziej przydatne w aplikacji Google Web Designer: grupy, próbki, komponenty BYOC, publikowanie na Dysku i układy elastyczne.
- Omówienie
-
Informacje o wersji
Przeczytaj o najbardziej aktualnej wersji, by poznać nowe funkcje.
- Artykuł pomocy
- Informacje techniczne
-
Wymagania systemowe
Upewnij się, że Twój komputer spełnia odpowiednie wymagania systemowe.
- Artykuł pomocy
- Informacje techniczne
-
Środowisko reklamowe
Google Web Designer obsługuje wiele środowisk reklamowych, w tym Google Ads, Display & Video 360 i Google AdMob. Do przełączania się między nimi wystarczy jedno kliknięcie.
- Artykuł pomocy
- Tworzenie i modyfikowanie materiałów
- Środowisko reklamowe
-
Używanie narzędzia tekstowego
Dodawaj i formatuj tekst. Korzystaj z Google Fonts i automatycznego dopasowania tekstu, by uzyskać jego właściwy wygląd.
- Artykuł pomocy
- Tworzenie i modyfikowanie materiałów
- Dodawanie nowych elementów
-
Używanie narzędzi Pióro i Kształt
Rysuj linie i kształty SVG – od prostych po złożone.
- Artykuł pomocy
- Tworzenie i modyfikowanie materiałów
- Dodawanie nowych elementów
-
Używanie narzędzi 3D
Google Web Designer umożliwia przenoszenie i obracanie elementów w trzech wymiarach. Możesz zmienić widok, by zobaczyć elementy z dowolnej perspektywy.
- Artykuł pomocy
- Tworzenie reklamy
- Przesuwanie elementów i zmienianie ich rozmiaru
-
Używanie gradientów
Gradient to wielokolorowe wypełnienie, w którym każdy kolor przechodzi stopniowo w następny. Gradienty można stosować do obramowań i wypełnień elementów HTML, obiektów canvas i obrazów SVG.
- Artykuł pomocy
- Tworzenie i modyfikowanie materiałów
- Kolory
- Gradienty
-
Grupowanie i pakowanie elementów
Funkcje grupowania i pakowania pozwalają pracować z zestawem elementów w taki sposób, jakby były one jednym obiektem.
- Artykuł pomocy
- Tworzenie i modyfikowanie materiałów
- Pakowanie elementów
- Grupowanie elementów
-
Omówienie układu elastycznego
Elastyczne projektowanie polega na stosowaniu układów elastycznych zamiast stałych. Oznacza to, że reklama może zmieniać styl swoich elementów zgodnie ze zmianą orientacji lub rozmiaru, dzięki czemu nie trzeba tworzyć wielu podobnych reklam.
- Artykuł pomocy
- Elastyczna
-
Zmiana wielkości widocznego obszaru
Podczas tworzenia układu elastycznego przydaje się możliwość sprawdzenia, jak gotowy dokument będzie wyglądał przy różnych rozmiarach ekranu.
- Artykuł pomocy
- Elastyczna
- Widoczny obszar
-
Animacje
Animacje w aplikacji Google Web Designer tworzysz, definiując klatki kluczowe w określonych punktach czasu. W każdej takiej klatce określasz właściwości stylu CSS animowanego elementu, dzięki czemu w czasie przechodzenia od poprzedniej klatki będzie się on stopniowo zmieniał, aż do ich osiągnięcia.
- Artykuł pomocy
- Animacje
- Interaktywność
-
Animacje w trybie szybkim
W trybie szybkim animacje tworzy się scena po scenie – dodajesz nowy widok całej strony, zmieniasz elementy, które mają być animowane, oraz w razie potrzeby dostosowujesz czasy przejść i wygładzanie.
- Artykuł pomocy
- Animacje
- Interaktywność
-
Animacja w trybie zaawansowanym
W trybie zaawansowanym każdy element jest widoczny na osi czasu jako osobna warstwa. Warstwy ułatwiają pracę, ponieważ pozwalają ukrywać lub blokować poszczególne elementy oraz zmieniać ich pozycje w stosie.
- Artykuł pomocy
- Animacje
- Tryb zaawansowany
-
Informacje o wygładzaniu
Wygładzanie pozwala zmienić przyspieszanie i zwalnianie przejścia w animacji.
- Artykuł pomocy
- Animacje
- Interaktywność
- Wygładzanie
-
Zagnieżdżanie animacji
Często oś tworzy się dla całej strony. Wtedy wszystkie elementy strony są umieszczone na jednej osi czasu. Każdy element nadrzędny ma osobną oś czasu animacji. W ten sposób możesz tworzyć złożone animacje – zagnieżdżając jedną w drugiej.
- Artykuł pomocy
- Animacje
- Interaktywność
- Zagnieżdżanie
-
Zapętlanie animacji
Istnieją dwa sposoby zapętlania animacji. Możesz osobno zapętlić każdą warstwę lub użyć zdarzeń, by zapętlić wszystkie warstwy razem i uzyskać bardziej złożoną animację.
- Odtwarzanie w pętli
- Interaktywność
- Animacje
- Artykuł pomocy
-
Informacje o ścieżkach animacji
Ścieżki animacji umożliwiają animowanie obiektów poruszających się wzdłuż linii krzywych oraz takich, które mają skomplikowane kształty.
- Artykuł pomocy
- Animacje
- Interaktywność
- Animacja
-
Tworzenie animacji w trybie zaawansowanym
W trybie zaawansowanym możesz animować każdy element, tworząc klatki kluczowe na osi czasu. Oś czasu to swego rodzaju diagram przedstawiający Twoje animacje, a klatki kluczowe wskazują, w którym miejscu rozpoczyna się i kończy każda animacja.
- Artykuł pomocy
- Animacje
- Interaktywność
- Tryb zaawansowany
-
Podgląd i przewijanie animacji
Podgląd i przewijanie to narzędzia umożliwiające obejrzenie tworzonej animacji i dopracowanie jej szczegółów.
- Artykuł pomocy
- Warstwy
- Tryb zaawansowany
- Animacje
- Interaktywność
-
Informacje o komponentach
Komponenty to gotowe moduły, które umożliwiają dodanie konkretnych funkcji do reklam i dokumentów HTML.
- Artykuł pomocy
- Omówienie
- Komponenty
-
Komponent Galeria 360°
Korzystaj z zestawu obrazów, by pokazać obracający się obiekt. Domyślnie ostatni obraz łączy się z pierwszym, dzięki czemu użytkownik może płynnie obracać obiekt w obu kierunkach.
- galeria
- Artykuł pomocy
- Komponenty
-
Komponent Galeria obrotowa
Utwórz przesuwaną galerię obrotową z wieloma obrazami. Właściwości tego komponentu można zmieniać, by tworzyć różne efekty 3D i karuzele.
- Artykuł pomocy
- galeria
- Komponenty
-
Komponent Nawigacja po galeriach
Dodaj do Galerii przesuwanej, Galerii obrotowej lub Galerii 360° panel nawigacyjny, który możesz umieścić w niej niezależnie.
- Artykuł pomocy
- galeria
- Komponenty
-
Komponent Galeria przesuwana
Utwórz prostą galerię, którą użytkownicy mogą przesuwać do przodu i do tyłu, by wyświetlić zestaw różnych obrazów lub grup.
- Artykuł pomocy
- galeria
- Komponenty
-
Komponent Dodaj do kalendarza
Twórz przypomnienia o wydarzeniach, które użytkownicy mogą dodać do swoich kalendarzy.
- Artykuł pomocy
- Kalendarz
- Komponenty
-
Komponent Gest
Przechwytuj interakcje użytkownika z reklamą.
- Artykuł pomocy
- Komponenty
- Gest
-
Komponent „Przycisk Obraz”
Utwórz przycisk, który zmienia wygląd w zależności od działania użytkownika bez potrzeby tworzenia animacji zależnej od zdarzenia.
- Artykuł pomocy
- Przycisk
- Komponenty
-
Komponent Obszar kliknięcia
Umieść przezroczysty element w dowolnej części ekranu, która reaguje na kliknięcie lub dotknięcie przez użytkownika.
- Obszar kliknięcia
- Komponenty
-
Komponent Kliknij, by zadzwonić/wysłać SMS-a
Korzystaj z funkcji nawiązywania połączeń telefonicznych lub wysyłania SMS-ów pod numer określony w reklamie mobilnej na obsługiwanych smartfonach.
- Artykuł pomocy
- Komponenty
- Połączenie/SMS
-
Komponent Mapa
Dodaj do projektu mapę z możliwością konfigurowania i przeszukiwania. Może ona pokazywać lokalizację użytkownika i inne informacje oparte na lokalizacji.
- Artykuł pomocy
- Mapy
- Komponenty
-
Komponent Street View
Dodaj do projektu widok Google Street View, z którym użytkownicy mogą wejść w interakcję.
- Artykuł pomocy
- Komponenty
- Street View
-
Komponent Dźwięk
Dodaj dźwięk do reklamy.
- Artykuł pomocy
- Komponenty
- Audio
-
Komponent Wideo
Prosty sposób na dodanie filmu do reklamy.
- Artykuł pomocy
- Komponenty
-
Komponent YouTube
Dodaj do reklamy film YouTube. Możesz dostosować odtwarzacz i sposób odtwarzania.
- Artykuł pomocy
- Komponenty
- YouTube
-
Komponent iFrame
Wczytuj w projekcie adresy URL elementów zewnętrznych, w tym zewnętrznych stron HTML.
- iFrame
- Komponenty
- Artykuł pomocy
-
Komponent Arkusz sprite
Dodaj animacje w stylu sprite, które wyświetlają poszczególne obrazy sprite jako klatki, lub umieść kilka obrazów w jednym arkuszu sprite, by ograniczyć liczbę osobnych plików graficznych.
- Artykuł pomocy
- Komponenty
- Arkusz sprite
-
Interfejsy API komponentów
Przeglądaj listę właściwości, zdarzeń i metod dostępnych dla poszczególnych komponentów, które przydadzą Ci się w pisaniu kodu niestandardowego.
- Artykuł pomocy
- Podgląd
-
Zdarzenia
Używając zdarzeń, określasz, jakie działania będą wyzwalane przez gesty użytkowników, klatki kluczowe na osi czasu albo inne wystąpienia w reklamie lub dokumencie HTML.
- Artykuł pomocy
- Zdarzenia
-
Tworzenie działań niestandardowych
Możesz użyć JavaScriptu, by utworzyć własne działania niestandardowe. Po zdefiniowaniu możesz wielokrotnie używać takiego działania w kreacji.
- Artykuł pomocy
- Zdarzenia
-
Tworzenie banera reklamowego
Banery reklamowe to proste reklamy pasujące do umieszczonego na stronie lub w aplikacji boksu reklamowego o konkretnym rozmiarze.
- Artykuł pomocy
- Banery reklamowe
- Tworzenie reklamy
-
Tworzenie reklamy rozwijanej
Kreacja rozwijana to reklama, która na początku wyświetla się w rozmiarze standardowego banera reklamowego, a potem rozwija się do większego rozmiaru. Dzięki temu możesz skuteczniej przyciągnąć uwagę użytkownika.
- Artykuł pomocy
- Zdarzenia
- Rozwijana
-
Tworzenie reklam pełnoekranowych
Reklamy pełnoekranowe wyświetlają się na całej stronie przy normalnych punktach przejścia – np. zmianie strony, uruchamianiu aplikacji czy wczytywaniu poziomu gry.
- Artykuł pomocy
- Reklama pełnoekranowa
- Tworzenie reklamy
-
Tworzenie reklamy dynamicznej
Reklamy dynamiczne kierują treści tak, by dostosować je do użytkownika. Korzystają z informacji w pliku danych do określenia, jakie obrazy i tekst będą się wyświetlać użytkownikom.
- Artykuł pomocy
- AMP HTML
- Tworzenie reklamy
-
Reklamy AMP HTML
W aplikacji Google Web Designer możesz tworzyć reklamy AMP HTML. Reklamy utworzone przy użyciu technologii AMP (Accelerated Mobile Pages) ładują się szybciej niż zwykłe reklamy i dzięki temu idealnie sprawdzają się na urządzeniach mobilnych.
- Artykuł pomocy
- Tworzenie reklamy
- AMP HTML
-
Używanie szablonów
Szablony to wstępnie przygotowane (przy użyciu popularnych stylów i funkcji) reklamy w często stosowanych rozmiarach. Zamieniając obrazy i inne zasoby, możesz szybko utworzyć przydatną i działającą reklamę.
- Artykuł pomocy
- Tworzenie reklamy
- Szablony
-
Tworzenie własnego szablonu
Zapisz dowolną utworzoną przez siebie reklamę jako szablon. Pozwoli Ci to zaoszczędzić czas, zwłaszcza gdy tworzysz wiele wersji tej samej reklamy.
- Artykuł pomocy
- Tworzenie reklamy
- Szablony
-
Weryfikator reklam
Weryfikator reklam sprawdza reklamę pod kątem częstych problemów i wyświetla wyniki w panelu w czasie rzeczywistym.
- Artykuł pomocy
- Tworzenie reklamy
-
Poruszanie się po strukturze dokumentu w Szkicowniku
Szkicownik oferuje widok drzewa elementów w dokumencie, co przyspiesza wybór i nawigację.
- Artykuł pomocy
- DOM
-
Podgląd reklamy lub strony HTML
Podczas tworzenia reklamy lub strony HTML możesz wyświetlić jej podgląd w przeglądarce, by sprawdzić, jak będzie ona wyglądała i działała po opublikowaniu.
- Artykuł pomocy
- Podgląd
-
Publikowanie efektów pracy
Opublikowanie projektu powoduje wygenerowanie plików finalnych, które są gotowe do trafikowania. Google Web Designer może publikować w lokalnym folderze lub bezpośrednio na Dysku Google bądź w Studio.
- Artykuł pomocy
-
Powiększanie osi czasu w trybie zaawansowanym
Natalie, inżynier ds. wygody użytkowników, pokazuje powiększanie i pomniejszanie osi czasu w trybie zaawansowanym.
- Tryb zaawansowany
- Oś czasu
- Samouczek wideo
-
Ustawienia wygładzania (szybki/opóźniony przeskok na koniec)
Natalie, inżynier ds. wygody użytkowników, przedstawia funkcje wygładzania i opóźnionego przeskoku na koniec. Są one przydatne zwłaszcza wtedy, gdy chcesz, by animacja przeskakiwała błyskawicznie z jednej klatki kluczowej do innej (w odróżnieniu od płynnego przejścia).
- Samouczek wideo
- Wygładzanie
-
Ukrywanie i blokowanie warstw na osi czasu
Natalie, inżynier ds. wygody użytkowników, omawia procedurę ukrywania i blokowania wielu warstw na osi czasu.
- Tryb zaawansowany
- Oś czasu
- Samouczek wideo
-
Omówienie interfejsu
Jon, inżynier ds. wygody użytkowników, omawia interfejs Google Web Designera. Dowiedz się, jak korzystać z pasków narzędzi i paneli, a także, jak dostosować obszar roboczy do swoich potrzeb.
- Samouczek wideo
- Interfejs
-
Omówienie zdarzeń
Maciek, inżynier z zespołu Google Web Designera, przedstawia przepływ pracy związany ze zdarzeniami. Dowiedz się między innymi, jak korzystać ze zdarzeń do określania stylów CSS i dodawać działania niestandardowe.
- Samouczek wideo
- Zdarzenia
-
Omówienie narzędzia Gradient
Jean-Pierre, inżynier z zespołu Google Web Designera, omawia gradienty (w tym liniowy i promieniowy) oraz narzędzia do ich edytowania.
- Samouczek wideo
- Gradienty
-
Omówienie kształtów
Jean-Pierre, inżynier z zespołu Google Web Designera, przedstawia narzędzia kształtu, w tym Owal i Prostokąt.
- Samouczek wideo
- Kształty
-
Omówienie tekstu
Shuo, inżynier z zespołu Google Web Designera, przedstawia funkcje związane z tekstem, w tym sposób korzystania z panelu Tekst. Dowiedz się na przykład, jak zmieniać rozmiar tekstu i go przenosić, a także jak kopiować style tekstu między dokumentami.
- Samouczek wideo
- Tekst
-
Omówienie rysunków 2D i 3D
Lucas, inżynier z zespołu Google Web Designera, przedstawia funkcje i narzędzia do tworzenia rysunków 2D i 3D.
- Samouczek wideo
- Tworzenie i modyfikowanie materiałów
-
Omówienie osi czasu w trybie zaawansowanym
Natalie, inżynier z zespołu Google Web Designera, przedstawia oś czasu w trybie zaawansowanym. Dowiedz się między innymi, jak tworzyć animacje, określać kluczowe klatki i wygładzanie.
- Tryb zaawansowany
- Samouczek wideo
-
Weryfikator reklam
Jon, inżynier z zespołu Google Web Designera, przedstawia funkcję Weryfikator reklam. To usprawnienie przepływu pracy umożliwia sprawdzenie reklamy pod kątem możliwych problemów. Wyniki wyświetlane są w panelu Weryfikatora reklam. Dzięki temu możesz od razu poprawić błędy (nie gwarantuje to ich automatycznego zatwierdzenia).
- Tworzenie reklamy
- Samouczek wideo
-
Zestawy paneli w obszarze roboczym
Yaqi, inżynier z zespołu Google Web Designera, omawia panele obszaru roboczego i wyjaśnia, jak zapisać swoje ulubione zestawy paneli.
- Samouczek wideo
- Miejsce pracy
- Konfiguracja
-
Omówienie ścieżek animacji
Lucas, inżynier z zespołu Google Web Designera, omawia ścieżki animacji. Umożliwiają one określenie animacji obiektów zgodnie z wytyczoną przez Ciebie ścieżką. Możesz ustalić punkty zakotwiczenia, by zdefiniować animację i krzywą lub łączyć animacje według potrzeb.
- Samouczek wideo
- Animacja
-
Edytowanie ścieżki animacji
Chia-Ling, inżynier z zespołu Google Web Designera, omawia edytowanie ścieżki animacji. Poznaj różne sposoby edytowania animacji na scenie z wykorzystaniem funkcji edytowania ścieżki animacji.
- Samouczek wideo
- Animacja
-
Omówienie grup
W tym filmie inżynier Google Web Designer Lucas przedstawia demo funkcji Grupy.
- Grupowanie elementów
- Samouczek wideo
-
Omówienie grup ze zdarzeniami
Lucas, inżynier z zespołu Google Web Designera, przedstawia korzystanie ze zdarzeń w nowej funkcji Grupy. Grupy pozwalają na tworzenie kolekcji elementów możliwych do ponownego wykorzystania, które da się edytować i zarządzać nimi, traktując je jak pojedynczy obiekt. Grupy w połączeniu ze zdarzeniami umożliwiają szybkie tworzenie zaawansowanych animacji.
- Samouczek wideo
- Zdarzenia
- Grupowanie elementów
-
Proces tworzenia reklam elastycznych
Kent Myers, specjalista ds. kreacji z zespołu Google Web Designera, przedstawia proces tworzenia reklamy elastycznej. Dowiedz się, jak szybko i łatwo utworzyć reklamę elastyczną na podstawie szablonu elastycznego.
- Elastyczna
- Samouczek wideo
-
Szkicownik
W tym filmie inżynier Google Web Designer Jean-Pierre przedstawia przegląd Outliner.
- Samouczek wideo
- Szkicownik
-
Skalowanie klatki kluczowej na osi czasu
Natalie, inżynier z zespołu Google Web Designera, przedstawia funkcję skalowania klatki kluczowej. Przytrzymanie klawisza Shift podczas przeciągania wybranych klatek kluczowych na zaawansowanej osi czasu umożliwia zmianę długości animacji z zachowaniem proporcjonalnych odstępów między klatkami.
- Tryb zaawansowany
- Oś czasu
- Samouczek wideo
-
Informacje o komponentach galerii w programie Google Web Designer
Poznaj zaawansowane możliwości galerii Google Web Designera.
- Blog
- galeria
- Komponenty
-
Wskazówki dotyczące korzystania z aplikacji Google Web Designer – część 2
Twórz kod niestandardowy, korzystaj ze zdarzeń na osi czasu do zapętlania reklamy i wielu innych rozwiązań.
- Tryb zaawansowany
- Kod niestandardowy
- Blog
-
Informacje o tekście w aplikacji Google Web Designer
Pokażemy Ci, jak zarządzać wyglądem tekstu w całym dokumencie Google Web Designer.
- Tekst
- Blog
Rozpocznij
Kliknij „Pobierz Web Designera” poniżej, by rozpocząć pobieranie. Postępuj zgodnie z instrukcjami instalacji wyświetlanymi na ekranie.
