Pelajaran 1 dari 7 · 7 mnt
Bikin sesuatu dalam dua menit
Tujuan:Desain poster sebelum kamu belajar satu aturan pun, lalu pelajari aturan yang baru saja kamu pakai.
KARYA PERTAMAMU
uxuiopen.comStudio 4 butuh poster untuk Design Night. Buat posternya. Ubah apa saja, lalu lihat cek di bawah poster.
Design Night
Jumat · 19.00 · Studio 4
Workshop malam gratis. Bawa laptop.
Daftar- ✓Judul memimpin
- ✓Teks terbaca (6.2:1)
- Yang lebih besar dan tebal dibaca duluan. Itulah hierarki.
- Coba sipitkan mata. Kalau tak ada yang menonjol, tak ada yang memimpin.
- Teks butuh kontras dengan latarnya supaya terbaca.
Yang baru kamu lakukan punya nama
Setiap poster, layar aplikasi, dan situs web tersusun dari beberapa bagian yang sama. Begitu kamu bisa menyebut namanya, kamu bisa membicarakan desain, memberi brief ke AI dengan tepat, dan melihat apa yang salah.
Design Night
Jum · 19.00 · Studio 4
Daftar123456- 1Judul: satu hal yang wajib dibaca orang. Paling besar, paling tebal, paling awal.
- 2Info pendukung: kapan, di mana, acara apa. Mudah ditemukan, tak pernah bersaing dengan judul.
- 3Gambar atau bentuk: membangun suasana dan menarik mata dari seberang ruangan.
- 4Ajakan bertindak: apa yang kamu ingin orang lakukan berikutnya. Ditaruh di tempat mata berhenti.
- 5Ruang kosong: ruang kosong bukan ruang terbuang. Ia memisahkan kelompok dan memberi napas.
- 6Margin: tepi aman di setiap sisi, supaya tak ada yang terasa sesak atau terpotong.
Desainer menyebut urutan baca ini hierarki. Poster yang bagus menentukan apa yang kamu baca pertama, kedua, dan ketiga, jadi tak ada yang perlu menebak-nebak. Ini jalur yang ditempuh matamu di poster yang berhasil:
Design Night
Jumat · 19.00 · Studio 4
Workshop malam gratis. Bawa laptop.
Daftar- Acara apa ini? Judulnya paling besar, jadi dibaca pertama.
- Kapan dan di mana? Tebal dan mencolok, jadi ditemukan berikutnya.
- Aku harus apa? Tombolnya terakhir, di tempat mata berhenti.
- Sisanya sengaja dibuat lebih tenang.
Ukuran bukan satu-satunya tuas. Ketebalan (tebal atau tipis), warna, dan ruang di sekitar sesuatu juga menarik mata. Pakai satu atau dua secara sengaja, jangan semuanya sekaligus.
Istilah penting
- Hierarki
- Urutan orang memperhatikan dan membaca sesuatu. Kamu mengaturnya lewat ukuran, ketebalan, warna, dan posisi.
- Kontras
- Perbedaan antara dua hal: gelap di atas terang, besar di samping kecil. Kontras membuat sesuatu terbaca dan menonjol.
- Ruang kosong
- Ruang kosong di sekitar dan di antara elemen. Ia mengelompokkan yang saling terkait dan memberi mata tempat beristirahat.
- Perataan
- Menyejajarkan elemen pada tepi atau titik tengah yang sama. Layout yang rata terlihat tenang dan disengaja.
- Ajakan bertindak (CTA)
- Tombol atau baris yang memberi tahu orang apa yang harus dilakukan berikutnya: Daftar, Beli, Gabung.
Sekarang latih matamu. Mana dari tiga poster ini yang dibaca dengan urutan yang benar? Nyalakan Sipitkan mata untuk memburamkannya, seperti melihat poster dari seberang ruangan.
Poster mana yang dibaca dengan urutan yang benar?
Tiga tes yang bisa kamu jalankan di desain apa pun
Tes sipit
Sipitkan mata atau mundur selangkah. Yang masih menonjol adalah yang memimpin. Kalau itu bukan hal terpenting, buat lebih besar, lebih tebal, atau lebih terang.
Tes lima detik
Tunjukkan desainnya ke seseorang selama lima detik, lalu sembunyikan. Tanyakan desain itu untuk apa dan apa yang harus mereka lakukan. Kalau mereka tak bisa menjawab, hierarkinya belum berhasil.
Tes ponsel
Perkecil sampai seukuran layar ponsel. Judul dan tanggalnya masih terbaca? Kebanyakan orang akan melihat karyamu di ponsel lebih dulu.
Lihat di situs web nyata
Buka situs-situs ini di tab baru lalu sipitkan mata. Masing-masing punya hal pertama, kedua, dan ketiga yang jelas untuk dilihat.
GOV.UK
Yang perlu diperhatikan
- Kata-kata sederhana dan judul besar. Sangat sedikit hal yang berebut perhatianmu.
- Satu kolom, banyak ruang. Hierarki datang dari ukuran dan ketebalan, bukan hiasan.
- Pengingat yang bagus bahwa jelas lebih baik daripada cerdik.
Stripe
Yang perlu diperhatikan
- Satu judul yang menjelaskan apa yang dilakukan produknya.
- Satu tombol lebih menonjol daripada semua elemen di sekitarnya.
- Warna disimpan untuk hal-hal yang paling penting.
Buat poster kedua, untuk acara lain
Kembali ke poster di atas dan desain ulang untuk "Coffee & Critique, Sabtu 10.00". Ganti judulnya, lalu coba minimal dua layout dan dua set warna sebelum memilih.
- 1Ketik judul baru di pembuat poster.
- 2Coba semua layout. Pertahankan yang judulnya tetap memimpin saat kamu menyipitkan mata.
- 3Pilih warna yang lolos cek kontras.
- 4Jalankan tiga tes tadi pada versi favoritmu.
- 5Bagikan pilihanmu, dan alasannya, di diskusi.
Di postermu, tanggal dan judulnya sama besar. Apa yang terjadi?
Teks abu-abu muda di latar putih terlihat elegan bagimu. Apa yang perlu kamu cek?
Bacaan berikutnya