Untuk menggunakan kembali tata letak di berbagai artboard Affinity pada Mac, atur satu artboard acuan, duplikasikan, lalu periksa salinannya. Gunakan kisi garis dasar bingkai teks independen jika diperlukan, dan simpan file atau templat Affinity yang dapat diedit untuk digunakan kembali nanti.

Alur kerja ini menggunakan Pusat Bantuan desktop Affinity saat ini dan antarmuka berbasis Studio. Tujuannya adalah membuat beberapa tata letak artboard yang konsisten tanpa berulang kali memperkirakan posisi panduan atau jarak teks. Dokumentasi mendukung duplikasi artboard dan templat dokumen yang dapat digunakan kembali; dokumentasi tidak menjelaskan perintah massal untuk mentransfer semua panduan dan pengaturan kisi garis dasar ke artboard yang sudah ada. Menambahkan dan menghapus artboard, Templat dokumen

Tentukan elemen yang harus tetap konsisten

Panduan penggaris, panduan kolom, dan kisi garis dasar memiliki fungsi yang berbeda. Panduan mengatur posisi objek; kisi garis dasar mengatur perataan vertikal teks dalam bingkai. Kisi garis dasar dokumen dan kisi garis dasar bingkai teks independen juga memiliki cakupan yang berbeda. Pilih mekanisme yang sesuai sebelum membuat tata letak acuan. Panduan penggaris dan kolom, Kisi garis dasar

Kebutuhan tata letak Mekanisme yang sesuai Hal yang perlu diperiksa saat digunakan kembali
Perataan horizontal atau vertikal tertentu Panduan penggaris Koordinat panduan dan titik asal
Kolom dan jarak antar kolom yang berulang Panduan kolom Jumlah kolom, jarak antar kolom, dan lebar yang tersedia
Garis dasar teks yang rata di beberapa bingkai Kisi garis dasar dokumen Titik asal kisi, jarak, dan perataan paragraf
Bingkai teks dengan ritme vertikalnya sendiri Kisi garis dasar bingkai teks independen Pengaturan kisi bingkai dan perataan paragraf
Tata letak awal yang sama di dokumen lain Templat dokumen Dimensi artboard, panduan, pengaturan kisi, dan pengaturan teks

Gunakan ini sebagai rencana penggunaan ulang: kenali pengaturan yang membentuk tata letak, bawa pengaturan tersebut ke salinan, lalu periksa hasilnya. Dimensi artboard yang sama saja tidak cukup untuk memastikan teks dan panduannya juga sama. Artboard Tool Affinity menyediakan kontrol ukuran dan jarak, sedangkan pengaturan garis dasar dan panduan memiliki kontrol tersendiri. Artboard Tool, Panel Text Frame

Buat artboard acuan dengan posisi panduan yang tepat

Mulailah dengan dokumen yang berisi artboard. Untuk membuatnya, pilih File > New, pilih prasetel, aktifkan Create artboard, lalu klik Create. Artboard Tool tersedia secara default di Vector Studio. Gunakan satu artboard acuan untuk menetapkan dimensi dan tata letak sebelum membuat variasi. Menambahkan dan menghapus artboard, Artboard Tool

Pilih artboard acuan, lalu buka View > Margins and Guides. Tambahkan panduan penggaris horizontal atau vertikal dengan tombol tambah yang sesuai. Klik dua kali nilai panduan yang tercantum untuk memasukkan posisi yang tepat. Untuk tata letak kolom yang teratur, atur Columns, Rows, dan Gutter di pengaturan yang sama. Kontrol numerik ini didokumentasikan dan menghindarkan Anda dari perkiraan posisi dengan menyeret panduan. Panduan penggaris dan kolom

Sebagai contoh tata letak, misalkan artboard lebarnya 1200 piksel, dengan inset 60 piksel di setiap sisi, tiga kolom konten, dan dua jarak antar kolom selebar 24 piksel. Lebar konten yang tersedia adalah 1200 − 120 = 1080 piksel. Setelah dikurangi jarak antar kolom, tersisa 1032 piksel, sehingga lebar setiap kolom adalah 344 piksel.

Batas vertikal yang dihasilkan, diukur dari tepi kiri, adalah:

Batas Posisi
Tepi kiri area konten 60 px
Ujung kolom pertama 404 px
Awal kolom kedua 428 px
Ujung kolom kedua 772 px
Awal kolom ketiga 796 px
Tepi kanan area konten 1140 px

Ini adalah nilai masukan dan koordinat hasil perhitungan sebagai ilustrasi, bukan prasetel Affinity. Angka-angka ini menyediakan spesifikasi acuan ringkas untuk dibandingkan dengan artboard lain. Jika titik asal panduan sudah bergeser, sesuaikan perhitungannya sebelum memasukkan angka: bantuan menjelaskan bahwa koordinat panduan diperbarui relatif terhadap titik asal spread yang dipindahkan. Panduan penggaris dan kolom

Aktifkan View > Show > Guides atau View > Show > Column Guides, sesuai kebutuhan. Untuk menempatkan objek, buka View > Snapping, aktifkan snapping, lalu aktifkan Snap to guides. Visibilitas dan snapping perlu diperiksa secara terpisah; dokumentasi snapping saat ini menyatakan bahwa snapping ke panduan hanya berfungsi jika panduan diaktifkan. Panduan penggaris dan kolom, Snapping

Atur ritme garis dasar teks

Untuk kisi garis dasar dokumen, buka View > Baseline Grid, aktifkan Use Baseline Grid, lalu atur posisinya dan Grid Spacing. Di Paragraph > Spacing, aktifkan Align to Baseline Grid untuk paragraf yang sesuai. Pengaturan ini berlaku untuk teks bingkai, bukan Artistic Text. Kisi garis dasar

Sebagai titik awal ilustratif, gunakan teks isi dengan leading 24 poin dan interval kisi 24 poin. Pisahkan contoh ini dari perhitungan panduan berbasis piksel di atas: masukkan satuan secara eksplisit dan gunakan nilai yang sesuai dengan dokumen Anda. Nilai hasilnya menggunakan beberapa baris teks contoh netral, seperti “Judul contoh” diikuti paragraf deskriptif singkat.

Gunakan kisi independen jika bingkai memerlukan pengaturan sendiri

Pilih bingkai teks, lalu buka Window > Text > Text Frame. Di bagian Baseline Grid, aktifkan Use Independent Baseline Grid. Atur Start Position, Relative To, dan Grid Spacing. Panel ini mendokumentasikan pengaturan tersebut sebagai properti bingkai yang dipilih. Panel Text Frame

Dengan demikian, Anda dapat mengatur ritme pada tingkat bingkai, alih-alih hanya mengandalkan kisi dokumen. Misalnya, teks keterangan yang lebih kecil dapat memiliki jarak berbeda dari teks isi utama. Untuk bingkai yang berpadanan di beberapa artboard, bandingkan pengaturan kisi dan posisinya; interval yang sama saja tidak memastikan garis dasar awalnya juga sama.

Periksa juga Initial Advance. Panel Text Frame menggunakan pengaturan ini untuk menentukan jarak antara bagian atas bingkai dan garis dasar pertamanya, dengan nilai Minimum terpisah. Jika dua bingkai yang seharusnya serupa memiliki titik awal berbeda, periksa pengaturan ini sebelum menyesuaikan posisinya berdasarkan perkiraan. Panel Text Frame

Duplikasikan artboard, lalu verifikasi pengaturan yang digunakan kembali

Dengan artboard acuan dipilih, pilih Edit > Duplicate > Selection. Cara lainnya, gunakan Move Tool atau Artboard Tool, lalu seret sambil menekan ⌘ pada artboard yang dipilih di Mac. Kedua cara duplikasi ini didokumentasikan saat ini. Ganti nama salinan dengan mengeklik dua kali namanya di atas artboard atau di panel Layers. Menambahkan dan menghapus artboard

Duplikasi adalah langkah awal yang didokumentasikan. Bantuan tidak secara eksplisit menjamin bahwa setiap properti panduan dan garis dasar akan diteruskan dalam semua konteks dokumen. Sebelum membuat banyak variasi, periksa satu duplikat dengan membandingkannya pada spesifikasi acuan:

  1. Pastikan dimensinya sesuai dengan tata letak yang diinginkan.
  2. Pilih artboard tersebut dan periksa koordinat panduan, jumlah kolom, serta jarak antar kolom.
  3. Pilih bingkai teksnya dan periksa pengaturan garis dasar independen, jika digunakan.
  4. Bandingkan perataan paragraf dan posisi baris pertama menggunakan teks contoh yang sama.
  5. Ganti konten contoh hanya setelah strukturnya sesuai.

Jika nilai panduan perlu dipulihkan, masukkan koordinat dan pengaturan kolom yang sudah dicatat melalui Margins and Guides. Jika pengaturan garis dasar bingkai perlu dipulihkan, masukkan nilainya di panel Text Frame. Ini adalah cara cadangan yang dapat diulang dengan kontrol yang terdokumentasi. Cara ini juga dapat digunakan sebagai spesifikasi untuk artboard yang sudah ada, ketika menduplikasi acuan akan membuat tata letak tambahan yang tidak diinginkan. Panduan penggaris dan kolom, Panel Text Frame

Untuk artboard dengan ukuran berbeda, tentukan dahulu ukuran mana yang harus tetap sebelum menyalin nilai. Dalam contoh di atas, mempertahankan inset samping 60 piksel dan jarak antar kolom 24 piksel pada artboard selebar 900 piksel menghasilkan kolom selebar 244 piksel: (900 − 120 − 48) ÷ 3. Menggunakan kembali koordinat tepi kanan asli sebesar 1140 piksel tidak akan sesuai dengan artboard tersebut.

Atasi kisi yang hilang dan jarak teks yang tidak terduga

Periksa visibilitas, perilaku teks, dan konteks dokumen secara terpisah. Dengan begitu, overlay tersembunyi tidak disangka sebagai pengaturan tata letak yang hilang.

  • Semua alat bantu desain menghilang: periksa View > Preview Mode, yang menyembunyikan kisi, kisi garis dasar, panduan, margin, dan panduan bleed. Mode pratinjau
  • Kisi garis dasar dokumen tidak terlihat: aktifkan View > Show > Baseline Grids dan perbesar tampilan melampaui Display Threshold. Kisi garis dasar
  • Teks bingkai mengabaikan kisi dokumen: periksa Ignore Baseline Grid di panel Text Frame. Panel Text Frame
  • Jarak baris berubah setelah perataan ke kisi: jarak kisi menggantikan leading teks bingkai. Periksa juga ukuran font dan apakah bingkai diputar relatif terhadap kisi yang mengaturnya. Kisi garis dasar

Jika tampilan Document Setup berubah setelah artboard ditambahkan, perubahan konteks ini memang terdokumentasi: Affinity menampilkan serangkaian opsi Document Setup yang lebih terbatas untuk dokumen artboard. Gunakan kontrol khusus untuk panduan dan bingkai teks yang dijelaskan di atas, alih-alih berasumsi bahwa semua pengaturan tata letak halaman akan tetap tersedia di Document Setup. Pengaturan dokumen (Hanya desktop)

Simpan pengaturan yang dapat diedit dan ekspor area yang tepat

Simpan dokumen kerja dengan File > Save As dalam format Affinity yang dapat diedit, .af. Dokumentasi Saving membedakannya dari ekspor ke format seperti JPEG, PNG, atau PDF: penyimpanan asli mempertahankan informasi proyek agar dapat diedit lagi nanti. Semua artboard tetap berada di dalam dokumen induknya. Menyimpan, Tentang artboard

Untuk digunakan kembali dalam proyek mendatang, pilih File > Export > As Template untuk membuat file .aftemplate. Affinity secara eksplisit mencantumkan panduan penggaris, panduan kolom, dan pengaturan kisi sebagai bagian dari pengaturan yang terkait dengan templat. Buka templat melalui My Templates untuk membuat dokumen lain dari pengaturan awal tersebut. Templat menggunakan kembali pengaturan dokumen; templat bukan alat transfer massal yang terdokumentasi untuk artboard yang sudah ada. Templat dokumen

Panduan secara eksplisit tidak dicetak atau diekspor. Simpan dokumen asli atau templat sebagai sumber yang dapat digunakan kembali, alih-alih mengharapkan gambar atau PDF hasil ekspor menyertakan sistem panduan yang dapat diedit. Gunakan Preview Mode untuk memeriksa desain tanpa alat bantu di layar sebelum mengekspor. Panduan penggaris dan kolom, Mode pratinjau

Untuk mengekspor satu artboard, pilih File > Export > Export, lalu pilih namanya di bagian Area. Bantuan ekspor artboard menjelaskan bahwa Whole document digunakan untuk artboard yang digabungkan; jangan menganggapnya akan menghasilkan satu file terpisah untuk setiap artboard. Untuk beberapa keluaran terpisah, gunakan Slice Studio, sesuaikan format dan ukuran setiap slice artboard, lalu pilih Export Slices. Mengekspor artboard

Opsi ekspor bergantung pada format file yang dipilih. Opsi halaman dan spread di dialog Export berlaku untuk konteks dokumen terkait, sedangkan opsi artboard bernama menargetkan satu artboard. Periksa area yang dipilih dan pratinjau sebelum menyimpan hasil, terutama jika keluaran yang diperlukan adalah PDF. Dialog ekspor

Simpan satu spesifikasi acuan bersama tata letak yang dapat diedit: dimensi, koordinat panduan, jarak antar kolom, interval garis dasar, dan pengaturan baris pertama. Duplikasikan acuan untuk variasi berukuran sama, hitung ulang dengan cermat untuk ukuran lain, dan simpan dokumen awal yang sudah selesai sebagai templat. Dengan begitu, tata letak dapat digunakan kembali tanpa bergantung pada perintah transfer yang tidak terdokumentasi.

Sumber