Petunjuk Pelaksanaan Teknis Penggunaan Banner & Signage KAORI Nusantara
Versi 1.0 (Mei 2011)
Latar Belakang: Bayangkan bila masuk ke dalam sebuah stasiun. Misalkan papan nama stasiunnya berwarna dasar hijau, tapi cat dinding stasiunnya berwarna oranye, kemudian papan nama penunjuk lain (mis. pintu keluar, WC, kantor stasiun) ditulis asal-asalan (mis. ditulis tangan, pakai spidol, warnanya asalasalan). Baikkah stasiun ini dalam segi desain? Seperti ini pula masalah yang dihadapi oleh KAORI. Desain yang ada serba tidak konsisten, karena tidak ada standar jelas. Beda orang, beda subforum, beda kegiatan, beda desain, dan hasilnya pun berbeda-beda. Hasilnya? Desain masing-masing orang ini pun tidak konsisten (dan tentu saja buruk dalam segi desain). Hal ini tidak memberikan kesan yang konsisten mengenai KAORI. Oleh karena itu, dokumen ini dibuat sebagai panduan penyeragaman desain dan branding KAORI.
Tujuan: Untuk memberikan kesan yang konsisten di seluruh lini KAORI, mulai dari Newsline, forum, dan KAORI Fansub.
Pelaksanaan: Dengan memberikan standar teknis sebagai rujukan baku dalam pembuatan desain banner KAORI.
Banner Umum (Banner besar di halaman muka forum/ awal post untuk setiap kegiatan yang diselenggarakan)
Nama berkas: banner-main.psd Spesifikasi desain menggunakan standar resolusi 1280x600. Ketentuan desain 1. Bagian bawah tidak boleh diutak-atik maupun digeser-geser. 2. Terdapat dua garis aman. Banner yang baik seharusnya tidak melanggar pakem garis ini. a. Garis kuning (warning area), boleh ditembus hanya jika diperlukan. Lebarnya adalah 20px. b. Garis merah (restricted area), tidak boleh ditembus dalam kondisi dan keadaan apapun. c. Setiap elemen kecuali latar belakang memiliki safe margin 5px dari sisi layar. 3. Tidak menggunakan elemen “boxy” sebagaimana yang terdapat di dalam desain lama. 4. Hanya menggunakan bahasa Indonesia (kecuali untuk keperluan luar negeri). 5. Tipografi huruf dalam teks promosi banner utama: a. Harus menggunakan huruf sans-serif. Disarankan menggunakan huruf Arial Rounded/Helvetica Rounded untuk judul utama dan Arial/Helvetica untuk teks keterangan. Calibri, Segoe UI, Tahoma, dan Myriad Pro dapat dipergunakan. Untuk teks kanji/katakana/hiragana dapat menggunakan huruf Kozuka Gothic, Meiryo, MS Pgothic. b. Warna huruf dengan latar belakang harus kontras. Bila diperlukan dapat digunakan efek stroke pada huruf seperlunya. Tidak diperbolehkan menggunakan efek outer/inner glow. c. Seirama dan gunakan akal sehat saat mendesain. Jangan mencampurkan warna yang saling kontras (mis. Biru dan merah). d. Bila menggunakan Adobe Photoshop, pastikan anti-aliasing selalu diset “Strong”. 6. Gambar pada latar belakang: a. Sebaiknya menggunakan satu gambar. Overlay karakter anime dengan background pemandangan diperbolehkan.
b. Tidak boleh menggunakan efek-efek (ditampilkan apa adanya). Pengeditan tidak boleh menghilangkan keaslian gambar. c. Menggunakan warna dominan cerah, diutamakan yang sesuai dengan tema maupun tiga warna penting KAORI. 7. Output berkas a. Ukuran maksimal 100KiB (toleransi +- 5KiB) b. Menggunakan format JPEG. Bila kondisi memungkinkan, lebih disarankan menggunakan format PNG. 8. Rebranding/variasi khusus: a. Slogan berbahasa Indonesia dipakai pada kegiatan berskala seluruh forum, maupun promosi dengan target pengguna di luar KAORI dan orang Indonesia. b. Slogan berbahasa Inggris dipakai pada kegiatan dengan bahasa asing, maupun promosi dengan target pengguna di luar KAORI selain orang Indonesia. c. Komunitas regional dipakai untuk acara di regional wilayah masing-masing pengguna KAORI (setiap Daop/Divre) d. Subforum dipakai untuk acara di setiap subforum masing-masing. Acara yang dikerjakan oleh sebuah subforum yang diselenggarakan untuk seluruh KAORI HARUS memakai brand slogan berbahasa Indonesia. 9. Pengecualian: a. Poin 4 dan poin 5 tidak harus diterapkan secara rigid untuk rebranding/variasi khusus berskala subforum maupun regional (tidak mengikat). Contoh rebranding/variasi khusus:
Searah jarum jam: Regional, Subforum, Slogan Indonesia, Slogan English. Ketentuan variasi: Teks besar (nama daop, nama subforum) menggunakan ukuran huruf 34pt dengan huruf Arial Rounded MT Bold. Alamat situs web dan nama kota di variasi khusus menggunakan ukuran huruf 17pt dengan huruf Arial.
Banner Lebar (untuk signature maupun keperluan lain yang memerlukan banner yang lebar).
Nama berkas: banner-wide.psd Banner lebar memiliki keunggulan, yaitu teks yang lebih mudah dibaca pada resolusi rendah (640x150). Sehingga banner lebar sangat cocok dijadikan sebagai patokan untuk pembuatan signature. Spesifikasi desain menggunakan standar resolusi 1280x300. Ketentuan desain 1. Bagian bawah tidak boleh diutak-atik maupun digeser-geser. 2. Terdapat dua garis aman. Banner yang baik seharusnya tidak melanggar pakem garis ini. a. Garis kuning (warning area), boleh ditembus hanya jika diperlukan. Lebarnya adalah 20px. b. Garis merah (restricted area), tidak boleh ditembus dalam kondisi dan keadaan apapun. c. Setiap elemen kecuali latar belakang memiliki safe margin 5px dari sisi layar. 3. Tidak menggunakan elemen “boxy” sebagaimana yang terdapat di dalam desain lama. 4. Hanya menggunakan bahasa Indonesia (kecuali untuk keperluan luar negeri). 5. Tipografi huruf dalam teks promosi banner utama: a. Harus menggunakan huruf sans-serif. Disarankan menggunakan huruf Arial Rounded/Helvetica Rounded untuk judul utama dan Arial/Helvetica untuk teks keterangan. Calibri, Segoe UI, Tahoma, dan Myriad Pro dapat dipergunakan. Untuk teks kanji/katakana/hiragana dapat menggunakan huruf Kozuka Gothic, Meiryo, MS Pgothic. b. Warna huruf dengan latar belakang harus kontras. Bila diperlukan dapat digunakan efek stroke pada huruf seperlunya. Tidak diperbolehkan menggunakan efek outer/inner glow. c. Seirama dan gunakan akal sehat saat mendesain. Jangan mencampurkan warna yang saling kontras (mis. Biru dan merah). d. Bila menggunakan Adobe Photoshop, pastikan anti-aliasing selalu diset “Strong”. 6. Gambar pada latar belakang: a. Sebaiknya menggunakan satu gambar. Overlay karakter anime dengan background pemandangan diperbolehkan. b. Tidak boleh menggunakan efek-efek (ditampilkan apa adanya). Pengeditan tidak boleh menghilangkan keaslian gambar. c. Menggunakan warna dominan cerah, diutamakan yang sesuai dengan tema maupun tiga warna penting KAORI.
7. Output berkas a. Ukuran maksimal 100KiB (toleransi +- 5KiB) b. Menggunakan format JPEG. Bila kondisi memungkinkan, lebih disarankan menggunakan format PNG. 8. Rebranding/variasi khusus: a. Slogan berbahasa Indonesia dipakai pada kegiatan berskala seluruh forum, maupun promosi dengan target pengguna di luar KAORI dan orang Indonesia. b. Slogan berbahasa Inggris dipakai pada kegiatan dengan bahasa asing, maupun promosi dengan target pengguna di luar KAORI selain orang Indonesia. c. Komunitas regional dipakai untuk acara di regional wilayah masing-masing pengguna KAORI (setiap Daop/Divre) d. Subforum dipakai untuk acara di setiap subforum masing-masing. Acara yang dikerjakan oleh sebuah subforum yang diselenggarakan untuk seluruh KAORI HARUS memakai brand slogan berbahasa Indonesia. 9. Pengecualian: a. Poin 4 dan poin 5 tidak harus diterapkan secara rigid untuk rebranding/variasi khusus berskala subforum maupun regional (tidak mengikat). Dari atas ke bawah: Slogan Indonesia, Slogan English, Regional, Subforum. Ketentuan variasi: Teks besar (nama daop, nama subforum) menggunakan ukuran huruf 28pt dengan huruf Arial Rounded MT Bold. Alamat situs web dan nama kota di variasi khusus menggunakan ukuran huruf 18pt dengan huruf Arial.
Signage (Penanda/rambu informasi di setiap subforum)
Nama berkas: signage.psd Dipergunakan untuk memberi amaran/petunjuk pada pengguna agar mengikuti ketentuan yang diterapkan di subforum tersebut. Spesifikasi desain menggunakan standar resolusi 800x75. Ketentuan desain: 1. Menggunakan dua bahasa (bahasa Indonesia dan bahasa Inggris). Bahasa Inggris boleh tidak disertakan jika memang diperlukan. 2. Posisi logo KAORI tidak boleh diutak-atik. 3. Terdapat safe area selebar 5px di setiap sudut yang tidak boleh diterobos. 4. Gambar informasi/pemanis pada samping kiri menggunakan ukuran 75x75px. 5. Ukuran huruf dinamis, namun selalu mengikuti ketentuan: a. Petunjuk berbahasa Indonesia menggunakan huruf Arial Rounded MT Bold dan berbahasa Inggris menggunakan huruf Arial b. Rasio ukuran huruf bahasa Indonesia:Inggris antara 2:1,3 sampai 5:3.
Atas: contoh signage berbahasa Indonesia satu baris. Bawah: contoh signage berbahasa Indonesia dua baris.