Pengenalan Super Cepat untuk Panduan Gaya

Indonesian (Bahasa Indonesia) translation by Ratnawati (you can also view the original English article)

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

Nada Suara sangat penting bagi Dukungan Kanker Macmillan

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

Bagian dari BBC's Global Experience Language

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!