Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Pasukan Tak Terlihat: Ukuran, Kontras, dan Keseimbangan

by
Length:ShortLanguages:
This post is part of a series called Invisible Forces in Design.
Invisible Forces: Alignment, Direction, and Focus
Invisible Forces: Spacing and Shape

Indonesian (Bahasa Indonesia) translation by Zadip (you can also view the original English article)

Ini adalah yang kedua dari serangkaian tiga bagian artikel tentang "kekuatan tak terlihat" dalam desain. Dalam artikel sebelumnya, kami belajar tentang bagaimana penyelarasan dapat digunakan untuk menciptakan arah dan fokus. Dalam artikel ini, kita akan belajar tentang bagaimana bekerja dengan perubahan ukuran dapat menciptakan kontras dan keseimbangan, dan membantu desain Anda berkomunikasi lebih jelas.

Lebih besar Terlihat lebih Penting

Sudah jelas bahwa ketika Anda membuat elemen lebih besar, ia cenderung terlihat lebih penting daripada elemen yang lebih kecil.

Namun, ini perlu dipertimbangkan bersama dengan faktor-faktor lain yang mempengaruhi hirarki visual. Misalnya, kedua elemen ini memiliki tingkat kepentingan yang sama, karena mereka memiliki ukuran yang sama.

Jika ada, Anda akan melihat elemen teratas sebelum Anda melihat elemen bawah.

Tetapi jika Anda membuat elemen bawah lebih besar dari elemen teratas, itu akan terlihat lebih penting.

Namun, hal-hal lain seperti berat visual (apakah Anda menggunakan huruf tebal atau tipis), atau kontras warna, dapat membalikan efek ukuran yang lebih besar.

Dalam ilustrasi ini, elemen yang lebih tipis terlihat kurang penting, meskipun lebih besar.

Biasa hanya dengan memberikan ilustrasi yang sama background gelap, namun elemen yang terang (dan lebih besar) dominan, berkat yang membedakannya lebih besar dari elemen yang lebih kecil.

Buat Perubahan Ukuran yang Bermakna

Terutama ketika mendesain untuk layar kecil zaman sekarang Anda harus menggunakan perubahan ukuran dengan tujuan. Tidak ada gunanya membuat font lebih besar - dan dengan demikian mengambil layar berharga real-estate - jika tidak diperlukan.

Bila memungkinkan, Anda dapat menggunakan faktor-faktor yang disebutkan di atas untuk mengubah hierarki visual Abda, tetapi cepat atau lambat, Anda perlu membuat satu hal lebih besar daripada yang lain. Jangan lakukan itu sembarangan.

Lihatlah unsur-unsur yang berbeda ini, masing-masing lebih besar dari yang sebelumnya.

Sekarang, yang lebih jelas bagi Anda: tata letak itu, atau yang ini?

Elemen-ellemen dari contoh kedua berukuran berdasarkan skala yang bervariasi. Setiap ukuran font berhubungan dengan ukuran terkecil berikutnya dengan hubungan matematika yang sama yang berhubungan dengan ukuran yang lebih besar.

Ukuran jenis dalam skala bervariasi memiliki hubungan proporsional satu sama lain. Proporsi membantu membuat bagian-bagian desain Anda tampak seperti milik bersama.

Anda dapat melihat proporsi dalam tindakan di logo MailChimp.

Masing-masing lingkaran yang membentuk fitur simpanse berhubungan satu sana lain dengan faktor 0,75. Lingkaran yang membentuk daerah perut adalah 0,75 ukuran lingkaran yang membentuk tubuh, misalnya. Hicks Design , perusahaan yang mendesain logo ini, melakukan ini dengan sengaja!

Jangan tertipu oleh Emas Orang Bodoh

Banyak dari Anda mungkin berpikir tentang apa yang disebut "Rasio Emas" yang mendapat banyak hype. Rasio emas kira-kira 1: 1,618 Ya, simpanse masih akan menarik jika didasarkan pada rasio emas, tapi itu tidak akan secara objektiif menarik. Meskipun ada hype, tidak ada bukti bahwa Rasio Emas lebih menarik daripada rasio popular lainnya seperti 0,75, atau 0,67.

Untuk mengilustrasikan ini, saya pernah mensurvei daftar email saya tentang mana dari persegi panjang di atas yang mereka temukan lebih menarik. Salah satunya adalah persegi, yang lain adalah persegi panjang 0,75, yang lain adalah persegi panjang 0,67, dan yang lain adalah persegi panjang "Emas". Persegi panjang mana yang menarik bagi Anda?

Berikut hasil jajak pendapat:

  • top left (Square): 8%
  • top right (rectangle 3: 4): 29%
  • bottom left (rectangle 2: 3): 37%
  • bottom right (rasio "Golden"): 25%

Seperti yang bisa Anda lihat, kotak emas yang disebut sangat bagus itu terlihat sangat bagus, tapi tidak berubah menjadi persegi panjang yang paling menarik.

Kotak 2:3 yang dimenangkan dalam kasus ini, tetapi jangan terlalu banyak membacanya. Intinya adalah, apapun dari Rasio Emas ke 3:4 akan lebih menarik daripada persegi.

Anda dapat menggunakan pengetahuan ini untuk membuat tipografi Anda mengagumkan, dan menghemat waktu jika Anda bekerja dengan skala yang telah ditentukan sebelumnya untuk tipografi Anda.

Misalnya ini adalah ukuran font yang selalu saya gunakan. Setiap ukuran kira-kira 0,75 ukuran ukuran sebelumnya (dengan pembulatan kecil).

Manfaat sampingan dari bekerja dengan skala 0,75 bukan rasio emas, adalah matematika jauh lebih mudah dilakukan di kepala Anda: Apa 75% dari 16? Mudah! Berapa 61,8% dari 16? Errr.

Kesimpulan

Dengan nemikirkan perubahan ukuran yang Anda buat, desain Anda akan terlihat lebih bersih dan jernih, dan saat menjadi lebih bermanfaat, dan mudah berubah. Jika Anda menggunakan skala yang bervariasi, Anda benar-benar dapat membuat desain hebat lebih cepat!

Stic sekitar untuk artikel terakhir dalam seri ini, di mana kita akan belajar bagaimana membentuk halaman melalui penyelarasan dan ukuran, dan memikirkan ruang putih Anda, nembantu memberikan desain Anda kebih jelas.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.