Mengenal Antarmuka Google Web Designer

Aplikasi Google Web Designer mempunyai area kerja yang luas untuk membuat dan mengedit kode desain web Anda. Area kerja Google Web Designer terdiri dari panel alat atau tools, panel opsi alat atau tools option, time line, dan panel lainnya yang memungkinkan Anda melakukan beberapa hal, seperti mengedit dan memodifikasi elemen, serta menambahkan komponen.


Panel Menu Google Web Designer

1. Panel ini berada pada bagian atas antarmuka aplikasi Google Web Designer yang terdiri dari;
2. Menu File untuk memulai proyek baru, menyimpan hasil kerja, membuka template yang disediakan oleh Google Web Designer, dan juga mengimport file-file dari komputer Anda
3. Menu Edit untuk melakukan tindakan-tindakan pengeditan desain proyek Anda
4. Menu View untuk menembahkan atau menghilangkan beberapa fungsi yang terlihat pada antarmuka Google Web Designer, seperti Grid, Rulers dan sudut pandang proyek kerja Anda
5. Menu Help untuk memberikan akses kepada Anda agar bisa mendapat bantuan tentang Google Web Designer di forum dan topik bantuan. Lewat menu Help juga Anda bisa mengatur pemilihan bahasa yang ingin digunakan pada tampilan kerja Google Web Designer.

Ruang Kerja atau Work Area Google Web Designer
Ruang Kerja atau Work Area ini berada pada bagian tengah tampilan antarmuka Google Web Designer.

• Pada saat Anda memilih tampilan Design View pada Panel Tampilan maka ruang kerja akan menampilkan gambar, teks, dan elemen lainnya secara visual. Tampilan yang muncul di sini akan sama dengan tampilan yang akan muncul pada browser nantinya.
• Jika Anda memilih Kode View pada Panel Tampilan, maka ruang kerja akan menampilkan kode Anda dengan pengkodean dan pemformatan warna yang sesuai.

Panel Tampilan Google Web Designer
Pada Panel Tampilan terdapat 4 pilihan yang terdiri dari;

1. Design View, memungkinkan anda untuk memilih menampilkan desain anda secara visual pada Ruang Kerja atau Work Area
2. Code View, memungkinkan Anda memilih menampilkan format kode pada Ruang Kerja atau Work Area
3. Preview, memungkinkan Anda melihat pratinjau desain anda pada web browser
4. Publish, memungkinkan Anda untu mempublikasikan proyek desain Anda

Selain itu, pada Panel Tampilan ini juga terdapat pilihan untuk Anda mengubah tingkat perbesar dan perkecil Ruang Kerja atau Work Area Anda. Juga terdapat pilihan laman mana yang sedang Anda kerjakan.

Panel Alat atau Tools Google Web Designer
Panel ini berisi berbagai Alat atau Tools untuk membuat dan memanipulasi elemen pada bidang dan pada ruang kerja. Panel ini berisi Alat atau Tools, seperti;

• Selection Tool, untuk memilih dan memindahkan objek pada ruang kerja
• 3D Object Rotation Tool, untuk memutar objek dalam tiga dimensi
• 3D Object Translate Tool, untuk memindahkan objek dalam tiga spasi
• Tag Tool, untuk membuat tag HTML jenis apa saja dengan mengeklik dan menyeret pada bidang
• Canvas Tool, untuk membuat bentuk berbasis kanvas. Termasuk bentuk dasar dengan alat bentuk, dan kurva bezier dengan Pen Tool
• Text Tool, untuk menambahkan teks
• Color Tool, terdiri dari 3 alat yang berfungsi untuk mengubah warna elemen dalam proyek Anda, termasuk isi elemen, isi guratan dan gradien,
• 3D Stage Rotate Tool, untuk mengubah tampilan 3D proyek
• Hand Tool, untuk mengubah posisi tampilan pada Area Kerja atau Work Area
• Zoom Tool, untuk memperbesar dan memperkecil materi iklan

Panel Timeline
Panel ini merupakan tempat dimana Anda membuat dan menyusun animasi pada tiap elemen yang Anda gunakan dalam proyek desain anda berdasarkan waktu yang Anda inginkan.

Beberapa Panel lainnya yang ada pada bilah samping antarmuka Google Web Designer adalah Panel Color, Panel Properties, Panel Components, Panel Events, Panel CSS, Panel Asset Library dan Panel Dynamic.

Share this post