STANDAR MANUAL GRAFIS

Transkripsi

1 STANDAR MANUAL GRAFIS

2 DAFTAR ISI BAB I: KONFIGURASI LOGO BAB IV: ELEMEN GRAFIS Deskripsi Logo 01 Sistem Warna 21 Area Bersih Logo 02 Ikon Subsektor 22 Ukuran Minimum 03 Penggunaan Warna 04 Logo dengan Gambar Latar 05 Penggunaan Logo Yang Tidak Tepat 06 Logo Dengan Atribut 07 Penempatan Logo Pada Media 08 BAB II: TYPOGRAFI Jenis Penulisan 09 Jenis Tulisan Dalam Media Cetak 10 Jenis Tulisan Dalam Media Web 11 Jenis Penulisan Dalam Power Point 12 Setelan Penulisan 13 BAB III: SISTEM GRID Sistem Grid 09 Sistem Grid Horisontal 10 Sistem Grid Ekstrim Horisontal 11 Sistem Grid Vertikal 12 Sistem Grid Vertikal Memanjang 13 Sistem Grid Ekstrim Vertikal 14 Sistem Grid Partner 15

3 BAB I KONFIGURASI LOGO

4 Konfigurasi Identitas 01 DESKRIPSI LOGO Logotype dari berasal dari Font bernama Dax yang telah dimodifikasi untuk memberikan kesan cantik, berseni, penuh kreatifitas, tetapi tetap mempunyai karakter kokoh. MAKNA LOGO Penggunaan huruf kecil dimaksudkan bahwa Indonesia adalah negara yang tidak sombong tetapi menyimpan banyak kreatifitas didalamnya yang siap dan mampu bersaing dengan global. Pita yang ada disetiap ujung awal dan akhir pada logotype adalah penyederhanaan dari motif Batik Parang bila disusun berulang-ulang. Dengan posisi pita yang di akhir lebih tinggi dari pita yang di awal, yaitu kita yakin kekreatifitasan Indonesia semakin kedepan semakin lebih tinggi dan lebih maju. Warna dominan dari logo adalah warna merah yang mempunyai arti semangat yang berkobar, berani, percaya diri yang diambil dari warna bendera Indonesia yaitu merah putih. Dan warna abu-abu yaitu wakil dari warna putih yang mempunyai arti millenium, siap bersaing dengan global di era sekarang maupun kedepannya. Logotype

5 Konfigurasi Identitas 02 AREA BERSIH LOGO Area Bersih ditentukan untuk memastikan visibilitas logo dan ikon, yaitu dengan memberikan zona ruang kosong antara logo dan ikon dengan elemen grafis lainnya seperti tulisan, gambar, foto, maupun logo lain. Tujuannya adalah untuk memastikan bahwa logo dan ikon tidak terhalang atau tertumpuk, dan terlihat jelas terpisah dari Clear Space elemen grafis lainnya. Adapun area bersih untuk Logo Indonesia Kreatif adalah setinggi huruf f pada kata kreatif. Sedangkan area bersih untuk Ikon Indonesia Kreatif adalah selebar huruf f pada kata kreatif pada kanan dan kiri Ikon Indonesia Kreatif. Clear Space Clear Space Clear Space

6 Konﬁgurasi Identitas 03 UKURAN MINIMUM Ukuran minimum ditentukan untuk memastikan LOGO INDONESIA KREATIF bahwa logo masih cukup jelas terbaca dan mudah dikenali saat digunakan dalam ukuran yang lebih kecil. Bila menggunakan teknik cetak berkualitas lebih rendah, sebaiknya logo digunakan dalam ukuran yang lebih besar. Adapun ukuran minimum Logo Indonesia Kreatif Ukuran minimal 100px / 35mm untuk versi cetak adalah 35 mm. Sementara Skala besar: 100px sampai tak terhingga 35mm sampai tak terhingga ukuran minimum untuk versi digital adalah 100 pixel. IKON INDONESIA KREATIF Untuk penggunaan Favicon dalam website indonesia kreatif minimal ukuran icon adalah 16pixel. Sedangkan ukuran minimum Ikan Indonesia Kreatif untuk versi cetak adalah 20 mm. Sementara ukuran minimum untuk versi digital adalah 60 pixel. Favicon 16px Ukuran minimal 60px / 20mm Skala besar: 60px sampai tak terhingga 20mm sampai tak terhingga

7 PENGGUNAAN WARNA LOGO Ketika menempatkan logo pada gambar, warna atau pola tertentu, perlu dipastikan bahwa logo cukup kontras dengan latar belakang yang digunakan. Logo dengan warna orisinil Merah Abu-abu hanya digunakan pada latar belakang berwarna putih saja. Untuk latar belakang berwarna terang, gunakan logo dengan warna hitam. Untuk latar belakang berwarna gelap, gunakan logo dengan warna putih. Konﬁgurasi Identitas 04

8 Konﬁgurasi Identitas 05 LOGO DENGAN GAMBAR LATAR Logo juga dapat digunakan pada latar belakang gambar dengan kontras yang cukup. Gunakan logo hitam untuk digunakan pada latar belakang berwarna terang, dan versi putih untuk latar belakang gelap. Ketika menempatkan logo ke gambar, pastikan bahwa itu ditempatkan pada bagian yang memiliki visibilitas maksimum. Latar Terang Latar Gelap Jangan gunakan logo berwarna pada gambar latar foto

9 PENGGUNAAN LOGO YANG TIDAK TEPAT Untuk menjaga konsistensi dalam aplikasinya, Logo Indonesia Kreatif harus digunakan sebagaimana mestinya dan apa adanya. Logo tidak boleh digambar ulang atau diubah baik dari segi penampilan, komponen, warna, proporsi, atau properti lainnya. Hal-hal yang TIDAK BOLEH dilakukan adalah sebagai berikut: - Memberikan warna selain warna orisinil, hitam - dan putih - Membuat tulisan menjadi italic - Memiringkan logo - Menarik logo ke atas maupun ke samping - (stretching) - Memberi bayangan pada logo - Memberi efek pada logo - Melengkungkan logo - Memisahkan kata indonesia dengan kata kreatif - Memakai warna yang salah pada background - yang salah (tidak kontras) Konﬁgurasi Identitas 06

10 Konﬁgurasi Identitas 07 LOGO DENGAN ATRIBUT Logo Indonesia Kreatif dapat dipadukan dengan atribut berupa teks yang menggunakan font Open Sans Regular. Atribut memiliki ukuran 1/2 stem dari stem logo Indonesia Kreatif dan berjarak 1/2 stem dari logo. 1/3 stem stem 1/3 stem 1/3 stem Penempatan atribut menyesuaikan dengan penempatan logo secara keseluruhan terhadap media. Atribut hanya boleh ditempatkan rata kiri dan rata tengah terhadap logo Indonesia Kreatif. 1/3 stem stem 1/3 stem 1/3 stem

11 Konﬁgurasi Identitas 08 PENEMPATAN LOGO PADA MEDIA Penempatan logo Indonesia Kreatif dalam media, baik landscape maupun portrait harus tetap memperhatikan area bersih. Logo Indonesia Kreatif terhadap media harus tepat pada posisi: - Kiri Atas - Kiri Tengah - Kiri Bawah - Tengah Atas - Tengah Tengah - Tengah Bawah - Kanan Atas - Kanan Tengah - Kanan Bawah Penggunaan atribut logo rata kiri untuk penempatan pada bagian kiri dan kanan media. Sedangkan untuk atribut logo rata tengah untuk penempatan pada bagian tengah media

12 BAB II SISTEM GRID

13 SISTEM GRID Grid berfungsi sebagai acuan dalam membuat layout pada media cetak ataupun media layar. Grid merupakan garis-garis untuk penempatan elemen desain seperti logo, tulisan dan gambar. Grid yang dijabarkan dapat dimodiﬁkasi apabila terjadi ketidak cocokan pada bentuk media aplikasi sebenarnya. Sistem Grid 09

14 Sistem Grid 10 SISTEM GRID HORISONTAL Yang dimaksudkan dengan normal horizontal gutter margin adalah media dengan perbandingan ukuran kurang lebih 2:3. margin Contoh media: banner, baliho, poster Lebar margin: - ukuran A4 = 10mm - ukuran A3 = 20mm - ukuran A2 = 40mm - ukuran sangat besar (banner) = 100mm AREA GAMBAR Lebar margin ﬂexible, dapat disesuaikan dengan proporsi yang diinginkan. Lebar media dibagi menjadi 12 bagian dengan jarak gutter yang proporsional. Tinggi media dibagi menjadi 8 bagian dengan jarak gutter yang sama. Area Logo Area Sponsor/Partner

15 Sistem Grid SISTEM GRID EKSTRIM HORISONTAL 11 gutter margin Yang dimaksudkan dengan ekstrim horizontal adalah media dengan perbandingan ukuran margin AREA GAMBAR lebih dari 1:5. Contoh media : spanduk, banner, web banner Lebar media dibagi menjadi 12 bagian dengan jarak gutter yang proporsional. Tinggi media dibagi menjadi 5 bagian Area Logo Area Sponsor/Partner dengan jarak gutter yang sama. Untuk media yang lebih memanjang lagi, maka perbandingan grid akan menjadi seperti di bawah gutter ini sehingga spanduk masih dapat terbaca. Lebar media dibagi menjadi 18 bagian dengan jarak gutter yang proporsional. Tinggi media dibagi menjadi 3 bagian dengan jarak gutter yang sama. margin margin AREA GAMBAR Area Logo, Sponsor, dan Partner

16 Sistem Grid 12 SISTEM GRID VERTIKAL Yang dimaksudkan dengan normal vertikal adalah gutter margin media dengan perbandingan ukuran lebih dari 2:3. margin Contoh media : poster, print ad, baliho, ﬂyer. Lebar margin (m) : ukuran A4 = 15mm ukuran A3 = 30mm ukuran A2 = 40mm ukuran sangat besar (banner) = 100mm Lebar margin ﬂexible, dapat disesuaikan dengan proporsi yang diinginkan. AREA GAMBAR Lebar media dibagi menjadi 5 bagian dengan jarak gutter yang proporsional. Tinggi media dibagi menjadi 13 bagian dengan jarak gutter yang sama. Area Logo Area Sponsor/Partner

17 SISTEM GRID VERTIKAL MEMANJANG Sistem Grid 13 gutter margin Yang dimaksudkan dengan vertikal memanjang adalah media dengan perbandingan ukuran margin sekitar 2:5. Contoh media : x-banner, banner Lebar margin (m) : ukuran x-banner = 30mm ukuran banner = 50mm Lebar media dibagi menjadi 2 bagian dengan jarak AREA GAMBAR gutter yang proporsional. Tinggi media dibagi menjadi 12 bagian dengan jarak gutter yang sama. Area Logo, Sponsor, dan Partner

18 SISTEM GRID EKSTRIM VERTIKAL Sistem Grid 14 margin Yang dimaksudkan dengan ekstrim vertikal adalah margin media dengan perbandingan ukuran di atas 1:5. Contoh media : spanduk vertikal memanjang (vertical banner) gutter Lebar media dibagi menjadi 1 bagian Tinggi media dibagi menjadi 20 bagian dengan jarak gutter yang sama. AREA GAMBAR Area Logo, Sponsor, dan Partner

19 Sistem Grid 15 SISTEM GRID PARTNER gutter Ketika grid digunakan oleh departemen partner, margin logo partner ditempatkan pada samping logo Indonesia Kreatif. margin AREA GAMBAR Area Logo Partner Area Sponsor/Partner

20 BAB III TYPOGRAFI

21 JENIS TULISAN Jenis tulisan yang dipilih adalah Open Sans yang humanis, modern, dan terlihat bersih di berbagai media. Jenis tulisan ini akan digunakan dalam segala aplikasi yang berhubungan dengan Indonesia Kreatif. Dipakai pada judul, sub-judul, paragraf dan tagline. Typograﬁ MODERN BERSIH HUMANIS GEOMETRIS 16

22 JENIS TULISAN DALAM MEDIA CETAK Open Sans Bold digunakan untuk tajuk utama dan judul. Sedangkan Open Sans Regular digunakan untuk paragraf. Open Sans dapat di download di Typograﬁ OPEN SANS BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz OPEN SANS REGULAR ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

23 JENIS TULISAN DALAM MEDIA WEB Open Sans Bold memiliki versi webfont sehingga dapat digunakan di semua halaman website Indonesia Kreatif. Open Sans Bold digunakan untuk tajuk utama dan Typograﬁ OPEN SANS BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz judul. Sedangkan Open Sans Regular digunakan untuk paragraf. Code webfont Open Sans dapat didownload di OPEN SANS REGULAR ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

24 JENIS TULISAN DALAM POWERPOINT Apabila pada suatu waktu harus menggunakan tulisan dengan standar sistem seperti dalam presentasi atau dokumen lain, Arial Bold untuk judul dan Arial Regular untuk paragraf. Typograﬁ ARIAL BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ARIAL REGULAR ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

25 Typograﬁ SETELAN PENULISAN Typograﬁ harus selalu rata kiri agar memberikan titik awal yang tetap bagi pembaca, sehingga teks mudah terbaca pada tiap barisnya. Pada judul, tinggi leading 15% dari ukuran font. Tinggi leading dapar dihitung dengan cara INDONESIA KREATIF, CONTOH JUDUL DALAM PENULISAN BOLD 10/11.5 Siang itu panas sekali. Matahari bersinar garang. Tapi hal itu tidak terlalu dirasakan oleh Kancil. Dia sedang tidur nyenyak di bawah sebatang pohon yang rindang. Tiba-tiba saja mimpi indahnya terputus. Regular 10/12.5 mengalikan ukurang font dengan Pada paragraf, tinggi leading 25% dari ukuran font. Tinggi leading dapar dihitung dengan cara mengalikan ukurang font dengan INDONESIA KREATIF, CONTOH JUDUL DALAM PENULISAN BOLD 15/17.25 Siang itu panas sekali. Matahari bersinar garang. Tapi hal itu tidak terlalu dirasakan oleh Kancil. Dia sedang tidur nyenyak di bawah sebatang pohon yang rindang. Tiba-tiba saja mimpi indahnya terputus. Regular 15/

26 BAB IV ELEMEN GRAFIS

27 Elemen Graﬁs 21 SISTEM WARNA Warna pada Indonesia Kreatif memunculkan nilai HITAM PUTIH kreatif dan jiwa yang muda, oleh karena itu pemilihan warna pada aplikasinya menggunakan warna-warna yang cerah dan semarak. HEX # HEX # HEX # HEX # HEX # HEX #AAAAAA R 0 G 0 B 0 R 51 G 51 B 51 R 68 G 68 B 68 R 102 G 102 B 102 R 136 G 136 B 136 R 170 G 170 B 170 C M Y K C M Y K HEX #CCCCCC HEX #EEEEEE R 204 G 204 B 204 R 238 G 238 B 238 C M Y K C M Y K C M Y K C M Y K C M Y K WARNA HEX #E92428 HEX #00C31C HEX #B90290 HEX #0283EF HEX #A35800 R 233 G 36 B 40 R 0 G 195 B 28 R 185 G 2 B 144 R 2 G 131 B 239 R 163 G 88 B 0 C M Y K C M Y K C M Y K C M Y K C M Y K C M Y K

28 IKON SUBSEKTOR Ikon telah didesain untuk mengkomunikasikan konten yang berbeda dari setiap subsektor kepada audien. Setiap subsektor memiliki ikon yang berbeda sebagai pembeda antar subsektor yang merupakan sektor ekonomi kreatif dan juga memudahkan aplikasi penanda subsektor. Elemen Graﬁs 22