Dokumen ini dibuat untuk membantu pengguna domestik dalam mempelajari FramerFramer, mengatasi kesulitan karena keterbatasan materi dalam bahasa Korea dengan menerjemahkan konten dari blog resmi ke dalam bahasa Korea, sekaligus menambahkan informasi yang berguna dalam praktik. Kami berharap ini dapat memberikan sedikit bantuan bagi kalian yang menggunakan Framer.

Apa alasan menggunakan grid tata letak?

Saat merancang, jika elemen tidak tertata dengan benar, tampilan layar bisa terlihat berantakan. Dalam kasus ini, cobalah menggunakan 'grid'.
Grid adalah alat bantu yang membantu menyusun dan mengatur elemen di dalam kanvas, dengan mengaktifkan grid dan menata elemen, desain dapat memberikan kesan seimbang dan teratur. Secara keseluruhan, ini juga sangat membantu memberikan kesan konsisten.

Cara menambahkan grid

1. Klik logo Framer di kiri atas

2. Buka View

3. Pilih Show Guides (Tampilkan panduan) dari menu

Catatan : Anda dapat menyalakan dan mematikan panduan lebih cepat dengan memanfaatkan ^Gshorcut. Perhatikan bahwa shortcut ditampilkan di samping tab fitur atau menu.

Cara mengatur properti grid

Untuk mengubah pengaturan grid, pilih elemen (bingkai) lalu sesuaikan pengaturan di menu pengaturan grid Guides di panel kanan agar sesuai dengan proyek.

• Jenis (Tipe grid): Pilih antara grid kolom atau baris

• Jumlah (Jumlah grid): Tetapkan jumlah grid

• Rata (Penjajaran grid): Atur grid ke kiri, tengah, kanan, atau pembenahan rata

• Lebar (Lebar grid): Tetapkan lebar grid

• Jarak (Gap): Atur margin antar grid

• Margin (Margin permukaan grid): Atur margin permukaan grid (misalnya, jika rata kiri, atur margin kiri)

• Warna (Warna grid): Tetapkan warna permukaan grid

Cara menonaktifkan grid tata letak

Jika grid yang ditampilkan di kanvas tidak lagi diperlukan, Anda bisa menonaktifkannya dengan cara berikut.

1. Klik logo Framer di kiri atas

2. Buka View

3. Batalkan pilihan Show Guides (Tampilkan panduan) dari menu

Catatan : Tekan shortcut ^G yang digunakan sebelumnya sekali lagi untuk segera mematikan panduan.

Artikel ini adalah konten adaptasi dan terjemahan dari ‘Adding a layout grid’ di blog resmi FramerFramer.