Minggu ini tim Tuts + Web Design membawa Anda ke dalam serangkaian seri  mendalam di dunia Panduan Gaya yang beragam dan semua bagian yang bergerak yang menyertainya.

Istilah "Panduan Gaya" sangat luas dan dapat mencakup beberapa area yang berbeda, yang berpotensi mencakup segala hal mulai dari pencitraan merek perusahaan, hingga desain antarmuka, hingga metodologi pengkodean dan banyak lagi.

Untuk mendapatkan bola menggelinding pada minggu Panduan Gaya kami, kami akan menyederhanakan hal-hal sedikit. Mari kita mulai dengan pertanyaan yang paling mendasar: apa itu Style Guide?

Apa itu "Panduan Gaya"?

Singkatnya, Panduan Gaya adalah seperangkat standar yang berlaku untuk pembuatan aset berbasis teks atau desain untuk organisasi, publikasi, atau bidang.⁽¹⁾ Ini adalah referensi komprehensif DO dan DON'T yang memastikan Konten diproduksi secara konsisten, sesuai dengan tujuan organisasi, publikasi atau bidang tersebut.

Jenis-jenis aset Panduan Gaya dapat dihubungkan dengan bermacam-macam, dan di luar desain web dapat mencakup segala hal mulai dari materi cetak sampai pakaian jadi. Namun dalam dunia desain Web, Panduan Gaya paling umum dibuat untuk menentukan bagaimana kami bekerja dengan:

• • Tata letak situs web dan desain antarmuka
• • Format teks dan gambar
• • Nama perusahaan dan tampilan logo
• • Palet warna
• • pembuatan kode

Apa yang Menentukan Panduan Gaya ?

Setiap Panduan Gaya unik dan Anda akan melihat hal yang berbeda yang didefinisikan di masing-masing, namun kontennya umumnya akan masuk dalam empat kategori berikut.

Identitas

Siapa di balik konten? Identitas membentuk dasar branding dan dapat mencakup:

• Pernyataan misi
• Janji kepada pelanggan / klien / pengguna
• Kepribadian, suara dan nada

Branding & Desain

Menyampaikan "identitas" itu kepada publik melalui elemen-elemen seperti:

• Palet warna
• Desain logo
• Tipografi
• Gaya keseluruhan
• Animasi

Interaksi

Bagaimana berinteraksi dengan orang harus terjadi melalui:

• Pengalaman antarmuka pengguna
• Prinsip yang memastikan pengguna terfokus pada desain
• Pengunjung mengalir melalui situs

Format

Praktik terbaik tentang:

• Pemformatan kode dan metodologi
  
• Teks / bahasa dan pemformatan gambar
• pedoman penggunaan Logo

Bagaimana Panduan Gaya Diterapkan?

Beberapa cara yang paling umum untuk mengimplementasikan Panduan Gaya meliputi:

• Gaya Ubin
• Pola perpustakaan
• Wireframes
• Mockups
• Prototipe

Seringkali elemen-elemen ini masuk ke dalam Panduan Gaya demi menjaga hal-hal di satu tempat, dan terkadang istilah yang tercantum di atas bahkan digunakan secara bergantian dengan "Panduan Gaya". Namun, sementara beberapa crossover umumnya dianggap dapat diterima, secara ketat Panduan Gaya adalah tentang mendefinisikan aturan dan prinsip dan pelaksanaan sebenarnya adalah tahap kedua.

Ada Lagi!

Nantikan minggu ini untuk belajar membuat dan menjalankan Panduan Gaya Anda sendiri, untuk membantu Anda menciptakan pencitraan publik yang jelas dan konsisten untuk diri Anda dan klien Anda!