Setiap merek membutuhkan panduan gaya visual. Sebagai perusahaan yang ada di era digital, Anda mungkin memiliki media dan branding yang tersebar di beberapa saluran, mulai dari media sosial, konten bersponsor, hingga domain milik Anda, belum lagi apa pun yang ada secara offline. Meskipun iklan yang Anda jalankan di Facebook tidak harus (dan sering kali tidak seharusnya) terlihat persis seperti iklan cetak yang Anda jalankan, setidaknya iklan tersebut harus terlihat kongruen. Anda ingin konsumen mengenali merek Anda di setiap saluran. Ini sangat penting untuk memperkuat identitas merek Anda dan membangun bagian pikiran yang lebih besar. Jika tidak, Anda akan kehilangan efek gabungan dari media bermerek, yang mungkin membuat Anda kalah dari pesaing dengan identitas yang lebih mudah dikenali.

Memiliki panduan gaya juga dapat menyederhanakan alur kerja Anda. Dan itu membuat desain, apakah itu dilakukan di rumah, dengan agensi, atau dengan pekerja lepas, jauh lebih mudah di kemudian hari.

Apa itu panduan gaya?

Panduan gaya merek adalah seperangkat prinsip dan aturan desain yang berfungsi untuk menciptakan pesan visual yang konsisten. Ini berlaku untuk semua yang didistribusikan merek, mulai dari desain situs web hingga jaminan cetak hingga iklan dan bahkan media sosial.

Panduan gaya visual mengatur nada visual sebuah merek, sehingga siapa pun yang memiliki akses ke sana dapat terjun dan merancang sesuatu yang sesuai dengan apa yang biasa dilakukan pelanggan dan penggemar.

Jika Anda belum memiliki panduan gaya visual, inilah saatnya untuk mulai mengerjakannya. Kabar baiknya adalah, ini lebih mudah dari yang Anda kira! Berikut adalah beberapa tips untuk memulai.

Mulailah dengan hal-hal penting

Masuk akal bahwa sebagian besar panduan gaya Anda harus bersifat visual, sehingga mudah untuk melihat dengan tepat seperti apa elemen desain itu. Pengecualian adalah bagian kecil pertama dari panduan ini, yang seharusnya menjelaskan tentang panduan ini dan memberikan gambaran singkat tentang cara menggunakannya. Ini penting, karena panduan ini mungkin diedarkan dengan agensi dan pekerja lepas yang membutuhkan konteks ekstra untuk memulai pekerjaan branding.

Bagian intro Anda harus menyertakan informasi penting, seperti:

• Sinopsis perusahaan (misi, industri, jenis pelanggan, dll.)

• Deskripsi singkat tentang filosofi desain

• Pratinjau desain dasar, seperti logo atau beranda situs web

• Daftar isi untuk logo, palet warna, font, dan citra

• Pertimbangan untuk aplikasi cetak dan digital

• Informasi kontak untuk manajer merek sehingga pengguna tahu ke mana harus mengarahkan pertanyaan

Logo

Kedengarannya sederhana, tetapi panduan gaya yang solid adalah kunci untuk menjaga tim tetap fokus secara visual. bahwa bahan merek Anda selalu terlihat seperti Anda. Logo adalah tempat paling penting untuk memulai.

Baik Anda memiliki satu logo yang digunakan secara universal, atau beberapa versi yang digunakan untuk alasan khusus kasus atau platform, panduan gaya visual harus memberikan contoh cara menggunakan – dan tidak menggunakan – logo dengan tepat.

Gambar melalui brand.linkedin.com. Panduan ruang & ukuran yang jelas untuk logo LinkedIn.

Ini mencakup sejumlah faktor:

• Aturan ukuran dan penempatan (misalnya, beberapa merek menetapkan bahwa logo harus selalu berada di kiri atas)

• Penggunaan warna yang menjelaskan kapan warna, versus hitam dan/atau putih, harus digunakan

• Utama dan contoh dan penggunaan logo sekunder (banyak merek memiliki logo kedua yang lebih disederhanakan untuk profil media sosial atau tempat di mana logo akan digunakan pada ukuran ikon)

Palet

Warna dan Tipografi Warna dan tipografi masing-masing harus memiliki bagiannya sendiri dalam panduan gaya visual Anda , lengkap dengan kasus penggunaan. Kedua menu harus menyertakan hanya beberapa opsi – dua hingga tiga warna dan jumlah tipografi yang sama – untuk menjaga agar palet tetap dapat dikelola.

Warna

melalui brand.linkedin.com

Anda mungkin tidak membutuhkan banyak teks untuk bagian panduan gaya ini. Sertakan palet swatch yang menunjukkan setiap opsi warna (dan warna yang dapat diterima). Pastikan untuk menguraikan kode dan campuran warna yang sebenarnya sehingga desainer dapat mencocokkan warna jika diperlukan. Termasuk RGB, CMYK, Hex, dan Pantone.

Buat hierarki untuk palet warna juga. Bagaimana setiap warna harus digunakan? Harus ada warna primer, warna sekunder, dan warna untuk elemen teks atau kotak berbayang.

Tipografi

Palet tipografi bekerja sangat mirip dengan palet warna. Tampilkan tipografi dan bagaimana mereka harus digunakan. Ini mencakup semuanya mulai dari ukuran, kerning, spasi baris, dan warna.

tangkapan layar melalui brand.linkedin.com. Di atas, LinkedIn menawarkan panduan untuk gaya jenis untuk contoh testimoni klien atau pelanggan.

Buat hierarki tipografi yang menunjukkan gaya untuk judul, subjudul, body copy, dan cara menggunakan variasi seperti tebal, miring, dan garis bawah. Pastikan perbedaan ukuran di antara keduanya cukup jelas sehingga gaya tidak mudah dikacaukan.

Dalam hal tipografi, merek Anda mungkin memiliki palet tipografi yang sedikit berbeda untuk proyek cetak dan digital. Pastikan untuk menyertakan kedua palet tipografi dengan notasi yang jelas tentang mana yang dicetak dan mana yang digital. Sebagai bonus tambahan, sertakan bagan yang menunjukkan tipografi mana yang ditukar dalam proyek cetak versus proyek digital.

Ikonografi

Ikon dan pola bisa menjadi elemen desain yang rumit, tetapi tidak begitu menakutkan dengan panduan yang jelas.

Ikon adalah elemen desain penting yang memberikan dukungan kontekstual untuk salinan dan konten. Pikirkan ikon telepon di sebelah nomor telepon bisnis Anda, dan lebih banyak elemen bermerek yang melambangkan proses unik untuk bisnis Anda. Gambar kecil ini juga dapat berfungsi sebagai isyarat visual untuk elemen seperti tautan ke media sosial atau memandu pengguna melalui desain. Ikon kemungkinan merupakan bagian besar dari kehadiran digital Anda, dan Anda ingin memastikan bahwa ikon tidak digunakan secara acak (atau dirancang) untuk setiap proyek baru.

Tangkapan layar melalui brand.linkedin.com Di atas, gaya ilustrasi dasar LinkedIn sederhana, bersih, datar (ish) dan ikonik. Di atas adalah beberapa contoh ilustrasi sederhana.

Buat palet ikon seperti yang Anda lakukan untuk warna atau tipografi. Pilih ukuran dan gaya yang sesuai dengan identitas merek Anda dan sesuai dengan harapan audiens.

Gaya Fotografi

Bahkan jenis foto yang Anda sertakan dalam desain harus memiliki gaya visual. Menciptakan nuansa dan suasana hati yang konsisten untuk gambar dapat menghubungkan pengguna ke merek Anda hanya dengan sekali pandang. Perusahaan seperti Spotify melakukan ini dengan sangat baik terutama dengan memilih gambar orang dan kemudian menerapkan filter duotone ke semuanya. Mereka juga menggunakan ukuran dan perlakuan teks yang konsisten pada setiap gambar.

Menunjukkan kehidupan profesional dengan cara yang bermakna dan nyata. Tangkapan layar melalui brand.linkedin.com

Menampilkan kehidupan profesional dengan cara yang bermakna dan nyata. Tangkapan layar via brand.linkedin.com

Saat mengembangkan gaya fotografi, sertakan informasi tentang:

• Gaya

• Pembingkaian

• Pedoman tanaman

• Penggunaan warna

• Pedoman ukuran atau rasio aspek

• Spesifikasi untuk penempatan di proyek cetak dan web.

• Garis besar ukuran yang tepat, bila perlu (seperti ukuran gambar spanduk untuk situs web Anda)

Salah satu metode adalah dengan mempertimbangkan keharusan selalu dan tidak pernah, sehingga desainer Anda memiliki elemen yang harus dicari dan dihindari. Menemukan sesuatu di antaranya lebih mudah daripada dihadapkan dengan seluruh perpustakaan tanpa konsep harus mulai dari mana. Misalnya, jangan pernah menggunakan gambar dengan filter yang sudah diterapkan sebelumnya. Ini mungkin tampak preskriptif, tetapi menyoroti hal-hal penting tertentu yang harus dihindari akan menyederhanakan proses untuk desainer.

Elemen Digital

Ingatlah untuk menyertakan elemen untuk situs web atau aplikasi seluler Anda dalam panduan gaya visual Anda. Buat bagian terpisah yang merinci cara menangani elemen seperti tombol, navigasi, formulir, animasi, tautan, dan efek arahkan kursor.

Ini sering kali merupakan aspek yang paling terlupakan dari panduan gaya visual — dan bagian yang sangat penting untuk menciptakan interaksi pengguna yang konsisten. Tombol tidak hanya harus terlihat sama di setiap contoh, misalnya, tetapi mereka harus selalu berperilaku sama. Ini mencakup semuanya, mulai dari apa yang terjadi saat pengguna mengarahkan mouse ke tombol, hingga tampilannya, hingga apa yang terjadi dengan klik. Alat antarmuka pengguna yang konsisten membuat pengalaman pengguna lebih lancar.

Karena sifat dari banyak elemen ini, versi digital dari panduan gaya paling baik diterapkan di sini. Pertimbangkan untuk menambahkan halaman tersembunyi ke situs web Anda untuk dirujuk oleh pengguna internal. Anda bahkan dapat menyertakan tautan ke templat atau contoh yang dapat diunduh yang berfungsi sebagai titik awal bagi pengguna.

Berikan Banyak Contoh

Ini disebut panduan gaya visual karena suatu alasan. Buatlah visual sehingga mudah untuk melihat seperti apa gaya merek Anda.

Dalam hal contoh visual, banyak panduan gaya menyertakan bagian untuk cara — dan cara untuk tidak — menggunakan elemen desain. Tetap berpegang pada contoh yang baik saja. Alasan untuk itu adalah karena, setelah seseorang melihat contoh, mereka mengingatnya. Bayangkan orang yang sama sedang mengerjakan posting untuk media sosial nanti dan ingat melihat sesuatu di panduan dan mereplikasinya, hanya untuk mengetahui setelah fakta bahwa itu sebenarnya adalah contoh dari apa yang tidak boleh dilakukan.

Tetap singkat

Panduan gaya visual tidak harus panjang. Banyak elemen yang dijelaskan di atas hanya mengambil poin-poin atau gambar untuk ditampilkan. Untuk beberapa merek, panduan gaya adalah halaman di situs web atau PDF yang diedarkan secara internal. Bagi yang lain, itu bisa berupa buklet atau bahkan hanya satu lembar kertas.

Panduan gaya satu halaman harus menjadi tujuan sebagian besar merek. Dengan begitu Anda tahu bahwa Anda telah membuat sesuatu yang sederhana dan berguna. Jika panduan Anda akan mencakup beberapa halaman, pertimbangkan untuk menambahkan lembar contekan ke bagian depan panduan dengan elemen kunci seperti gaya logo, warna, dan tipografi — atau sebagai alternatif, menu yang menghubungkan ke item menu individual — sehingga pengguna memiliki sesuatu untuk merujuk sekilas. Tim kreatif Anda akan lebih mungkin untuk berkonsultasi dengan panduan jika mudah ditemukan, dipahami, dan digunakan.

Beberapa merek membutuhkan banyak panduan

Tidak ada solusi satu ukuran untuk semua untuk panduan gaya visual. Bergantung pada bagaimana merek Anda memasarkan dirinya sendiri, beberapa panduan mungkin merupakan solusi ideal.

Pertimbangkan panduan untuk cetak, online, aplikasi seluler, media sosial, video, dan pemasaran konten. Meskipun masing-masing akan memiliki tampilan dan nuansa yang serupa, spesifikasi dapat sangat bervariasi di antara media dan saluran distribusi yang berbeda ini.

Jika Anda berencana untuk membuat beberapa panduan, buat panduan gaya visual keseluruhan dan kemudian buat panduan khusus untuk setiap saluran yang akan digunakan merek secara teratur. Ingatlah untuk sefleksibel mungkin, terutama dengan elemen digital, karena spesifikasi dan lanskap untuk desain berubah dengan cepat. Menggunakan video dan gambar beresolusi tinggi adalah contoh utama bagaimana spesifikasi terus berubah (misalnya apa yang dulunya merupakan standar web untuk foto, 72 dpi, telah disingkirkan untuk gambar yang dioptimalkan untuk tampilan retina).

Memulai panduan gaya visual Anda

Pikirkan panduan gaya visual hampir seperti buku masak untuk desain dan merek perusahaan Anda. Setiap bagian harus menyertakan "resep" untuk kesuksesan desain dengan semua bahan yang diperlukan untuk mewujudkannya.

Gunakan bahasa dan daftar sederhana saat Anda membuat panduan, dan poles dengan mempraktikkan apa yang Anda inginkan: Rancang panduan gaya agar sesuai dengan gaya yang dirujuk di dalamnya. Ingat, ketika Anda menceritakan sebuah cerita visual, desainnya harus selalu sesuai dengan narasinya.

terjemahan bebas dari 

https://www.shutterstock.com/blog/essential-tips-for-creating-a-visual-style-guide-for-brands