Panduan praktik terbaik Template Merek

Templat bekerja paling baik jika mudah diedit, dapat diprediksi, dan disesuaikan dengan kebutuhan nyata tim Anda.

Dengan merencanakan ke depan dan menyiapkan elemen Anda dengan sengaja, Anda dapat membuat templat yang dapat diperbarui siapa pun tanpa merusak tata letak atau memengaruhi gaya merek.

Panduan ini menunjukkan langkah - langkah penting yang digunakan desainer untuk membuat template yang berfungsi di seluruh organisasi Anda.

Templat yang kuat dimulai dengan blok bangunan yang tepat. Pilih elemen dan struktur yang mempermudah pembaruan bagi siapa pun yang menggunakan templat.

Pilih elemen yang dapat diwarnai ulang atau diganti oleh rekan tim tanpa mengubah layout.

Gunakan SVG untuk ikon dan ilustrasi. Mereka berskala bersih dan dapat diwarnai ulang menggunakan warna Kit Merek.

Unggah SVG

1. Buka Unggahan, lalu pilih Unggah file.
2. Pilih file SVG untuk kualitas terbaik.

Bingkai menjaga gambar berukuran dan diposisikan dengan benar. Ini memungkinkan rekan tim mengganti gambar tanpa menyesuaikan potongan atau dimensi.

Gunakan Frame saat satu gambar perlu mengisi ruang tetap.

WarnaKit Merek menjaga template tetap konsisten dan mengurangi kebutuhan untuk pembaruan manual nanti.

Ini membuat templat Anda selaras dengan merek Anda di setiap pembaruan.

Templat Anda akan bertahan saat seseorang menambahkan teks yang lebih panjang, label yang lebih pendek, atau konten baru. Penataan teks Anda dengan benar menjaga jarak tetap stabil dan mencegah tata letak bergeser.

Reflow mengontrol bagaimana teks bergerak ketika baris ditambahkan atau dihapus. Pengaturan yang baik mencegah teks tumpang tindih dengan elemen lain.

• Pastikan kotak teks cukup lebar untuk baris yang lebih panjang.
• Beri ruang di antara kotak teks agar dapat diperluas sesuai kebutuhan.
• Cocokkan lebar kotak teks menggunakan Cmd atau Ctrl + Shift + J sebelum pengelompokan.

Pengelompokan memastikan elemen terkait berperilaku sebagai satu unit selama perubahan tata letak.

Kelompokkan item seperti:

• Judul dan subjudul
• Ikon dan label teksnya
• Elemen dekoratif yang membentuk satu blok

Hindari pengelompokan:

• Elemen yang perlu bergerak sendiri
• Bagian tata letak yang tidak terkait

Penahan mengontrol dari mana teks berkembang ketika seseorang mengeditnya. Mencocokkan jangkar di seluruh teks yang dikelompokkan membuat tata letak tetap konsisten.

Seperti apa penahan yang baik:

• Headline melebar ke bawah
• Judul terpusat tetap terpusat
• Teks isi tumbuh dalam satu arah

Setelah tata letak Anda terstruktur, kunci elemen yang menentukan identitas visual template Anda.

Kunci item yang seharusnya tetap berada di tempatnya:

• Logo
• Bentuk atau gambar latar belakang
• Garis atau ikon dekoratif
• Blok tata letak yang menentukan jarak atau struktur

Penguncian posisi membuat elemen dapat diedit tetapi mencegahnya dipindahkan secara tidak sengaja. Ini berguna untuk:

• Bingkai gambar
• Tombol
• Blok konten yang dapat digunakan kembali seperti bios atau statistik

Penguncian memastikan templat Anda tetap utuh, bahkan saat beberapa rekan tim menggunakannya.

Efek seperti hamparan dan transparansi dapat meningkatkan desain Anda, tetapi efek yang terlalu kompleks dapat membuat penggantian gambar lebih sulit.

Jika Anda menggunakan lapisan atau tekstur:

• Terapkan transparansi ke hamparan, bukan gambar
• Simpan gambar di atas hamparan agar tetap mudah diganti
• Hindari campuran yang memerlukan reposisi manual

Efek sederhana membuat templat Anda fleksibel dan mudah dirawat.

• Pastikan ada ruang di antara kotak teks
• Tinggalkan ruang di sekitar teks di dalam bentuk
• Konfirmasikan semua teks yang dikelompokkan menggunakan pengaturan jangkar yang sama

• Lapisi gambar di atas bentuk tembus cahaya
• Terapkan transparansi pada gambar, bukan bentuknya

Ini memudahkan penggantian dengan seret dan taruh.