Google Web Designer - Sumber Daya

Tutorial video, forum bantuan, dan posting blog untuk pemula dan pengguna tingkat lanjut tersedia untuk membantu Anda memperluas pengetahuan Anda. Di bawah ini Anda akan menemukan jawaban cepat untuk pertanyaan Anda serta instruksi terperinci.

Google Web Designer BlogMediation

Di sini Anda bisa mengenal fitur-fitur canggih komponen galeri di Google Web Designer. Pelajari cara mengoptimalkan iklan banner standar 300 x 250.UIMode Tingkat Lanjut

Panduan YouTubeEmverage

Insinyur Pengalaman Pengguna Natalie menunjukkan cara memperbesar dan memperkecil garis waktu dalam mode lanjutan.Video TutorialMode Tingkat Lanjut

Google Web Designer HelpApplicators

Pelajari tentang antarmuka pengguna Google Web Designer. Misalnya, Anda akan mempelajari alat apa yang tersedia dan di mana menemukannya.UIIkhtisar

Google Web Designer BlogAdvanced

Tips untuk Google Web Designer – Bagian 1

Anda memiliki bahasa style sheet CSS3 yang kuat yang Anda inginkan untuk membuat dan mengedit konten 3D. Anda dapat memutar objek dan desain 2D pada sumbu apa pun dan mendapatkan kesan visual tentang transformasi dan perpindahan dalam tiga dimensi.BlogTiga dimensi

Bantuan Desainer Web GoogleAdvanced

Mengubah gaya dari panel kontrol CSS

Panel kontrol CSS menampilkan gaya untuk setiap elemen yang dipilih. Di sana Anda juga dapat mengedit gaya untuk kelas, menambahkan gaya sebaris, dan membuat gaya baru.Gaya CSSArtikel Bantuan

Google Web Designer HelpMediary

Mengelola aset dari pustaka

Gambar, file audio, dan file video yang Anda gunakan dalam dokumen secara kolektif disebut sebagai aset. Aset dibuat saat diimpor ke dokumen Anda dan disimpan di perpustakaan sehingga Anda dapat melihat pratinjau dan menggunakannya kembali.PerpustakaanArtikel Bantuan

Panduan YouTubeAdvanced

Pilih beberapa bingkai utama dan thumbnail

User Experience Engineer Natalie memberikan gambaran singkat tentang cara memilih beberapa keyframe dalam mode lanjutan dan beberapa thumbnail dalam mode cepat.Video TutorialMode Tingkat Lanjut

Google Web Designer BlogBeginners

Lihatlah lima fitur dan alur kerja berikut yang memudahkan Anda untuk bekerja dengan Google Web Designer: grup, pola, BYOC, penerbitan ke Drive, dan tata letak yang lancar.Ikhtisar

Google Web Designer HelpApplicators

Di sini Anda akan menemukan informasi tentang versi saat ini dan fitur baru.Informasi teknisArtikel Bantuan

Google Web Designer HelpApplicators

Perangkat Anda harus memenuhi persyaratan sistem.Informasi teknisArtikel Bantuan

Google Web Designer HelpApplicators

Google Web Designer mendukung sejumlah lingkungan iklan, termasuk Google Ads, Display &Video 360, dan Google AdMob. Anda dapat beralih di antara lingkungan ini hanya dengan satu klik.Lingkungan IklanMembuat dan memodifikasi kontenArtikel Bantuan

Google Web Designer HelpApplicators

Alat ini memungkinkan Anda untuk menambahkan dan memformat teks. Google Font dan penyesuaian teks otomatis memungkinkan penyetelan yang tepat.Membuat dan memodifikasi kontenArtikel BantuanMenambahkan item baru

Google Web Designer HelpApplicators

Gunakan alat bentuk dan font

Anda dapat menggambar garis dan bentuk SVG, dari yang sederhana hingga yang kompleks.Membuat dan memodifikasi kontenArtikel BantuanMenambahkan item baru

Google Web Designer HelpMediary

Dengan Google Web Designer, Anda dapat memindahkan dan memutar elemen dalam tiga dimensi. Anda dapat mengubah tampilan untuk melihat item dari lokasi mana pun.Membuat iklanArtikel BantuanMemindahkan dan mengubah ukuran item

Google Web Designer HelpApplicators

Gradien adalah isian warna-warni di mana setiap warna secara bertahap beralih ke yang berikutnya. Gradien dapat digunakan untuk margin dan pengisian elemen HTML, Canvas, dan SVG.WarnaMembuat dan memodifikasi kontenArtikel BantuanGradien

Google Web Designer HelpMediary

Mengelompokkan dan meringkas item

Jika Anda mengelompokkan dan mengelompokkan item yang berbeda, Anda dapat mengeditnya sebagai satu objek.Membuat dan memodifikasi kontenArtikel BantuanItem grupMeringkas elemen

Google Web Designer HelpMediary

Gambaran Umum Tata Letak Responsif

Desain web responsif menggunakan tata letak yang fleksibel dan tidak tetap untuk iklan. Jadi Anda membuat satu iklan yang elemennya beradaptasi dengan orientasi dan ukuran setiap layar, daripada harus merancang beberapa iklan serupa.Artikel BantuanResponsif

Google Web Designer HelpMediary

Mengubah ukuran viewport

Saat membuat tata letak responsif, akan sangat membantu untuk melihat bagaimana dokumen yang sudah jadi akan melihat ukuran layar yang berbeda.ViewportArtikel BantuanResponsif

Google Web Designer HelpApplicators

Untuk membuat animasi di Google Web Designer, Anda menentukan keyframes pada waktu tertentu. Untuk setiap keyframe, atur properti CSS dari elemen animasi. Elemen kemudian berubah secara bertahap dan mengadopsi properti yang diinginkan selama transisi dari keyframe sebelumnya.AnimasiArtikel BantuanInteraktivitas

Google Web Designer HelpApplicators

Dalam Mode Cepat, Anda membuat adegan animasi berdasarkan adegan. Anda menggunakan tampilan baru dari seluruh halaman, menyesuaikan elemen yang akan dianimasikan, dan mengubah waktu transisi dan pelonggaran jika perlu.AnimasiArtikel BantuanInteraktivitas

Bantuan Desainer Web GoogleAdvanced

Animasi dalam mode lanjutan

Dalam mode lanjutan, setiap item muncul sebagai lapisan terpisah pada timeline animasi. Lapisan memungkinkan Anda untuk mengubah posisi setiap elemen dalam tumpukan elemen, menyembunyikan elemen, atau mengunci elemen - dan karena itu bekerja jauh lebih efisien.Mode Tingkat LanjutAnimasiArtikel Bantuan

Google Web Designer HelpMediary

Anda dapat menggunakan fungsi Pelonggaran untuk mengubah akselerasi dan perlambatan transisi animasi.MengurangiAnimasiArtikel BantuanInteraktivitas

Bantuan Desainer Web GoogleAdvanced

Seringkali, garis waktu digunakan untuk seluruh halaman, di mana setiap elemen halaman berada. Setiap orang tua juga memiliki timeline animasinya sendiri. Ini memungkinkan Anda membuat animasi yang kompleks dengan bersarang satu animasi ke animasi lainnya.BersarangAnimasiArtikel BantuanInteraktivitas

Bantuan Desainer Web GoogleAdvanced

Animasi loop

Jika Anda ingin memutar animasi sebagai loop, Anda memiliki dua opsi. Entah Anda memutar setiap lapisan secara terpisah, atau Anda menggunakan acara untuk memutar semua lapisan bersama-sama dalam animasi yang lebih kompleks.AnimasiArtikel BantuanLoopInteraktivitas

Bantuan Desainer Web GoogleAdvanced

Anda dapat menggunakan jalur gerak untuk menganimasikan objek yang bergerak di sepanjang kurva dan bentuk yang kompleks.GerakanAnimasiArtikel BantuanInteraktivitas

Bantuan Desainer Web GoogleAdvanced