Dalam komunikasi visual, kita tidak mendapatkan banyak waktu untuk menyampaikan pesan. Selain itu, kosakata elemen desain kami sangat subyektif dan terbuka untuk interpretasi pemirsa.
Memahami hierarki visual penting saat mempelajari desain grafis, desain tata letak, desain UI, desain gerak, atau media komunikasi visual lainnya.
Jika Anda penggemar konten video, inilah video baru dari Envato Tuts+ Saluran YouTube Anda tidak boleh melewatkan:
Lewati ke konten di bagian ini:
1. Apa itu Hirarki Visual?
Sebelum kita membahas definisi hierarki visual, apa itu hierarki? Hirarki mengacu pada sistem peringkat atau pangkat. Semakin tinggi level dalam hierarki, semakin penting dan semakin banyak elemen yang dikelola.
Hierarki artikel ini, misalnya, dapat direpresentasikan sebagai pohon di mana setiap cabang adalah bagian dari konten. Kita telah menyelesaikan intro, dan sekarang kita mendefinisikan istilah kita seperti hirarki, sebelum kita masuk ke bagian yang menghubungkan hirarki dan prinsip desain. Menggunakan hierarki visual tidak hanya untuk audiens.
2. Menerapkan Hirarki Visual dalam Teori Desain
Salah satu contoh hirarki visual favorit saya adalah foto Bumi tahun 1968 yang terbit di atas cakrawala Bulan.
Jika kita memecah gambar menjadi elemen desain, kita hanya memiliki beberapa bentuk, beberapa tekstur, dan beberapa warna. Prinsip-prinsip desain grafis skala dan proporsi membuat bulan mendominasi komposisi, sedangkan Bumi tampak kecil dan jauh.
Kami berharap elemen yang lebih besar menjadi yang paling penting. Dalam hal ini, ada kontradiksi konseptual antara siapa kita meyakini dan apa yang kita lihat. Bumi kontras dengan massa bulan yang tidak berbentuk yang muncul di latar depan membuat kita dan rumah kita tampak kecil.
Kurang dari satu dekade kemudian, adegan pembuka Star Wars menggunakan prinsip desain grafis untuk memberikan contoh lain dari hierarki visual yang terbaik. Anda dapat melihat seluruh hierarki Kerajaan dan Pemberontak dalam satu gambar diam. Massa abu-abu penghancur bintang di latar depan mendominasi bingkai seperti Kekaisaran mendominasi galaksi.
3. Hierarki dan Dasar-dasar Desain Grafis
Hierarki tipografi adalah salah satu hal paling umum yang akan Anda temui saat mempelajari cara membuat desain grafis. Templat menu dari Envato Elements ini menggunakan prinsip hierarki dalam gaya paragrafnya untuk menyusun konten bagi pemirsa. Tajuk menarik perhatian pemirsa dan menjelaskan konten yang diharapkan di bawah ini. Gaya paragraf sekarang dapat menggunakan font yang lebih kecil dan memiliki lebih banyak ruang untuk memberikan detail tentang hidangan.
Saat Anda mempelajari hierarki desain, penting untuk diingat bahwa ruang negatif sama pentingnya dengan ruang positif. Bahkan tanpa mengubah prinsip desain grafis lainnya, elemen grup ruang negatif.
4. Apa itu Hirarki Visual dalam Ilustrasi?
Ingin tahu apa yang dapat digunakan untuk meningkatkan hierarki visual saat tipografi tidak tersedia? Teori hierarki visual dalam desain grafis bukan hanya tentang mengatur teks. Poster ini dari Elemen Envato terampil menggunakan prinsip-prinsip desain grafis.
Perhatikan bagaimana mata di poster menarik perhatian. Mata cenderung melakukan ini, tetapi di sini menghargai kontras, kontras warna, dan penekanan segera menarik perhatian pemirsa. Lebih ringkas garis Dan membentuk mengarah dari mata ke teks, sambil juga memberikan gambaran tentang apa yang ditawarkan poster (musim panas, tropis, perjalanan, kehangatan), dan teks dengan cepat dan efisien menyampaikan ajakan untuk bertindak.
5. Prinsip Hirarki Lanjutan dalam Desain
Barbara Kruger adalah pakar desain hierarki visual. Gaya khas Kruger dari Futura yang berani dalam persegi panjang merah menekankan tipografi di atas visual.
Mari kita lihat karya achromatic ini, “Money Can Buy You Love.” Skala dan kontras segera mendorong kata “uang” dan “cinta” ke puncak hierarki, sementara “kaleng” kecil “beli” dan “Anda” hampir tidak diperhatikan.
Penempatan jenis dan isolasi setiap kata ke dalam kotaknya sendiri memaksa kita untuk membacanya dengan berbagai cara. Karena bahasa Inggris menganggap kita membaca dari kiri ke kanan, “Uang” menarik perhatian kita terlebih dahulu, kemudian “Cinta”. “Kaleng”, “beli”, dan “Anda” yang relatif kecil memaksa kita untuk mengevaluasi kembali hubungan antara uang dan cinta, membuat kita memiliki lebih banyak pertanyaan daripada jawaban. Apakah kita harus melepaskan uang untuk memiliki cinta? Apakah cinta itu benar jika uang bisa membelinya? Bagaimana jika kita membacanya sebagai “Uang bisa membelikanmu, sayang”?
Sementara itu, visual yang hampir tidak kita sadari adalah cetakan seorang gadis yang meniup raspberry, menggoda penonton. Dalam karya Kruger, hierarki visual yang kuat memberi jalan bagi ambiguitas konseptual.
Berbicara tentang ambiguitas, mari kita lihat subjek salah satu karya Kruger lainnya, “Cruel Enough?”: Andy Warhol. Karya Warhol mengeksplorasi konsumerisme dan konversi Norma Jeane Mortenson menjadi produk yang dapat dipasarkan, Marilyn Monroe.
Di sini, desain hierarki visual sengaja dibuat ambigu. Kurangnya hierarki visual adalah poin penting. Rangkaian potret Marilyn Monroe karya Warhol menghindari hierarki visual yang jelas dengan bentuk berulang. Tidak seperti persegi panjang merah tebal Kruger, warna cerah di setiap potret mencegah salah satu potret menonjol di antara yang lain.
Kesimpulan: Apa yang Dapat Digunakan untuk Meningkatkan Hierarki Visual?
Mengidentifikasi struktur hierarkis untuk elemen dalam desain dapat membantu tidak hanya untuk audiens tetapi juga untuk desainer. Setelah diidentifikasi, lebih mudah untuk mengetahui apa yang harus disimpan, apa yang harus dibuang, dan apa yang harus ditekankan. Kami juga tahu di mana harus menambahkan ketertarikan visual yang memperkuat tujuan desain daripada mengalihkannya. Mengetahui cara menggunakan prinsip desain dan teori warna untuk mencapai hasil yang Anda inginkan bisa sedikit rumit, tetapi kami siap membantu Anda! Lihat beberapa tutorial Envato Tuts+ lainnya tentang desain.
