Kenapa pilihan kata memengaruhi SVG-nya?
Setiap logo, ikon, stiker, dan lencana yang dibuat studio digambar dulu, lalu di-tracing menjadi path vektor, satu bentuk untuk setiap area warna datar. Gambar yang tersusun dari beberapa bentuk flat yang tegas akan di-tracing jadi beberapa path yang bersih. Bayangan, tekstur, dan gradasi akan di-tracing jadi ratusan serpihan. Jadi hal paling berguna yang bisa dilakukan sebuah deskripsi adalah meminta artwork yang memang sudah flat. Instruksi bawaan studio sudah meminta itu, dan kata-katamu sebaiknya tidak membatalkannya.
Apa yang perlu ditulis di deskripsi logo?
Tiga hal, dalam satu kalimat: apa yang ditampilkan, untuk siapa, dan warnanya.
daun pakis yang sekaligus jadi panah naik, untuk aplikasi tabungan bernama "Fernvault", warna navy tua dan emas hangat
- Satu ide. "Daun yang sekaligus panah" adalah sebuah logo. "Daun, koin, grafik, perisai, dan kunci" adalah keramaian.
- Kata benda yang konkret. "Kepercayaan" dan "pertumbuhan" tidak bisa digambar. "Dua tangan", "tunas", dan "panah naik" bisa.
- Nama dalam tanda kutip, atau di kolom nama, hanya kalau logonya memang harus menuliskan nama itu. Pilih chip Logo teks kalau namanya adalah logonya (gaya logo).
Bagaimana cara mendeskripsikan set ikon?
Tulis daftar ikon sebagai chip (benda, bukan tindakan): cangkir kopi, croissant, pin peta, kartu member. Lalu jelaskan gayanya sekali saja, di kotak gaya. Gaya itu dipakai untuk setiap ikon, dan itulah yang membuat set-nya konsisten.
Ikon-ikon di panduan kami adalah satu set yang dibuat dengan cara ini: dua belas chip, Warna datar, sudut membulat, warna #0061fc, #0a2d8f, dan #ef6e50, serta kata gaya "ikon ilustrasi produk modern yang bersih, bentuk sederhana yang tegas, isian flat, tanpa outline, tanpa gradasi".
Kata gaya yang bagus menjelaskan cara menggambar, bukan suasana: "ujung membulat", "garis tebal yang rata", "sudut tajam", "tanpa outline", "bentuk gempal", "warna poster retro tahun 70-an". Hindari kata yang menambah detail yang tidak bisa ditampung ikon di 24 px: "realistis", "rumit", "3D", "bayangan detail". Jaga tingkat detail yang sama di seluruh daftar. "Titik" di samping "siluet gedung kota" akan terlihat tidak seimbang, apa pun gayanya.
Bagaimana cara mendeskripsikan stiker dan lencana?
- Stiker: untuk karakter, jelaskan siapa dia, sekali saja dan dengan tepat: jenis hewan atau benda, bentuk tubuh, dua atau tiga warna, satu detail ("kucing oranye yang bulat dan gemuk dengan perut krem dan pipi kemerahan"). Lalu tulis daftar ekspresinya, dengan teks stiker dalam tanda kutip:
melambai "Halo!". Buat teks stiker cukup dua atau tiga kata. Setiap huruf ikut digambar, jadi cek ejaannya sebelum kamu kirim. - Lencana: nama pencapaian ditulis di bagian atas, aturan singkat atau kata-kata yang sama di bagian bawah. Dua atau tiga kata jauh lebih pas mengikuti lengkungan cincin lencana daripada satu kalimat. Jelaskan gambar di tengahnya sebagai satu benda sederhana: "sepatu lari", "gunung dengan bendera".
Apa yang sebaiknya tidak ditulis?
| Hindari | Kenapa | Minta ini saja |
|---|---|---|
| gradasi, "bercahaya", "mengilap" | berubah jadi garis-garis warna datar | dua nada warna flat |
| pencahayaan ala foto, bayangan, "realistis" | di-tracing jadi banyak serpihan | "flat", "bentuk solid" |
| tekstur halus, "grunge", "cat air" | di-tracing jadi bintik-bintik | tepi yang bersih, atau tekstur yang ditambahkan nanti di editor |
| teks kecil, tagline di dalam tanda | tidak terbaca di ukuran kecil | nama di samping tanda, ditulis dengan font |
| lebih dari tiga warna | set jadi kusam, path makin banyak | maksimal tiga warna, disebut namanya atau sebagai nilai hex |
Bagaimana memperbaiki hasil yang kurang pas?
Ubah satu hal setiap kali. Kalau sebuah set sudah hampir pas, pakai satu putaran dan ulangi ikon satu per satu dengan catatan singkat ("lebih sederhana, matras gulung polos"), jangan mulai dari awal. Kalau sebuah logo sudah hampir pas, sempurnakan dengan kata-kata ("buat huruf R lebih tebal"). Kalau yang salah hanya warna atau satu bentuk yang nyasar, buka SVG-nya di editor SVG, yang lebih cepat daripada putaran baru. Dan kalau SVG-nya punya jauh lebih banyak path daripada jumlah bentuk di gambarnya, berarti gambarnya kurang flat: minta "isian flat, tanpa bayangan" lalu gambar ulang.