Garis Dasar vs. Keterbacaan

23

Setiap perancang yang menghargai garam mereka akan berbicara tentang pentingnya grid, dan memang seharusnya begitu. Namun, ketika saya terus mempraktikkan perdagangan saya, saya menemukan bahwa garis dasar khususnya tidak selalu praktis bagi saya.

Misalnya, saya bekerja dengan banyak lembar pemasaran yang memiliki daftar berpoin. Kecenderungan pertama saya adalah untuk mengatur ruang semuanya secara merata dan menjaga garis dasar, seperti:

Daftar tidak berurutan dengan spasi grid dasar

Tetapi seringkali, kita sampai pada kesimpulan bahwa meskipun peluru memisahkan item, jarak genap antara garis dan antara item daftar membuat lebih sulit untuk memisahkan titik secara visual. Jadi kita berakhir dengan sesuatu seperti ini:

Daftar tidak berurutan tanpa spasi grid dasar

Setiap item daftar lebih baik dibedakan, tetapi sekarang garis dasar hilang dan semuanya terasa sedikit berantakan.

Pada level yang lebih kecil, inilah contoh lain:

Contoh spasi lain

Mempertahankan garis dasar yang tepat membuat judul dua baris terlihat seperti hal-hal yang terpisah, tetapi mengubah spasi untuk memperbaiki yang merusak aliran (jika beberapa orang hanya memiliki judul satu-baris).

Mungkin saja saya masih belum cukup berpengalaman untuk tidak tahu bagaimana cara mendapatkan kue dan memakannya juga di sini. Tetapi saya menduga ini bisa menjadi skenario di mana aturan desain harus fleksibel untuk mengatasi prioritas yang berbeda.

Tetapi saya akan bertanya: Apa yang lebih penting - mempertahankan garis dasar dalam situasi seperti ini, atau mengkompromikan garis untuk mencapai keuntungan dalam keterbacaan?

Brendan
sumber
1
+1 Saya pikir saya tidak biasa memiliki masalah dengan grid garis dasar ini. Sesuatu yang sering saya lakukan, adalah memiliki garis dasar jaringan dua kali (atau kadang-kadang tiga kali) sehalus jarak garis normal, dan di mana saya perlu memimpin di luar jaringan yang lebih ketat, baik snap ke 2/3 dari yang biasa, atau, sejajarkan yang pertama garis setiap potongan ke grid dengan setengah garis memberikan fleksibilitas yang cukup untuk menghindari kesenjangan yang jelek. Itu hanya sesuatu yang kadang-kadang saya lakukan, tidak tahu apakah itu latihan yang baik atau tidak.
user56reinstatemonica8
1
Saya pikir mungkin lebih mudah untuk membandingkan suka-dengan-seperti dalam dua ilustrasi pertama Anda jika Anda tetap memimpin yang sama (saya akan menggunakan nilai dari yang kedua) dan menambahkan spasi paragraf.
e100
Juga, kepatuhan ketat terhadap kisi-kisi untuk satu kotak teks dalam isolasi sulit untuk diperdebatkan; tetapi Anda berbicara tentang lembar pemasaran yang mungkin memiliki elemen grid di kolom yang berdekatan, yang merupakan masalah yang lebih kompleks. Mungkin Anda perlu menampilkan lebih banyak halaman?
e100

Jawaban:

14

Masalah dengan kisi-kisi garis dasar lebih mudah untuk diselesaikan jika Anda mengingat aturan utama ini: satu-satunya tujuan desain grafis adalah untuk memfasilitasi komunikasi. Untuk itulah Anda disewa, untuk apa Anda dibayar, dan untuk apa Anda diandalkan. Kisi (atau elemen desain lainnya) hanya berguna dan sesuai jika mencapai tujuan itu.

Informasi pada suatu halaman lebih mudah untuk didekati dan berasimilasi jika memiliki hierarki visual yang baik (tajuk, subjudul, salinan tubuh, bilah samping), dikelompokkan dengan tepat (hal-hal yang menjadi satu adalah, pada kenyataannya, bersama), dan ditempatkan dengan tepat, termasuk margin dan ruang putih lainnya.

Kotak tata letak membawa urutan ke halaman dan memungkinkan ilustrasi, elemen grafis seperti spasi putih, tajuk utama dan teks untuk menyelaraskan secara tertib yang dapat meminjamkan otoritas atau perasaan "benar" ke halaman. Ada banyak cara untuk melakukannya; mereka tidak semuanya terdiri dari garis dan kolom yang diberi spasi sama.

Kisi dasar, seperti yang ditunjukkan DA01, berfungsi dengan baik dalam tata letak multi-kolom. Ini juga berguna dalam situasi di mana tampilan yang sangat formal, terkontrol, atau bersih dengan pembedahan sesuai. Di luar buku dan publikasi teks-berat lainnya, lebih sering daripada tidak, Anda memerlukan tampilan yang kurang formal.

Pertanyaan yang dapat Anda tanyakan dari setiap pilihan desain, terutama dalam tipografi, adalah "Apakah ini akan membuat komunikasi lebih mudah dipahami, lebih mudah ditemukan, atau lebih efektif?" Jika jawabannya "Tidak," itu salah.

Contoh Anda adalah contoh yang bagus: memaksa poin-poin ke dalam garis dasar merusak pembacaan teks. Komunikasi adalah bos, jadi Anda segera tahu bahwa berpegang pada grid itu salah. Satu item informasi, seperti alamat atau teks dari poin, juga harus berupa item visual tunggal pada halaman . Maka item informasi yang terpisah harus terpisah pada halaman.

Jadi bukan masalah apakah tidak apa-apa untuk mengkompromikan grid untuk mencapai komunikasi yang lebih baik. Anda tidak boleh kompromi dengan komunikasi, titik. Rancang untuk berkomunikasi. Gunakan aturan dan teknik desain sebanyak yang Anda inginkan, untuk membuatnya berkomunikasi dengan cemerlang. Tapi jangan pernah biarkan aturan atau teknik menghalangi komunikasi.

Alan Gilbertson
sumber
13

Gagasan 'garis dasar' cenderung disalahgunakan ... terutama di web.

Garis dasar benar-benar untuk digunakan dalam publikasi multi-kolom. Idenya adalah untuk memiliki 'garis' horisontal yang konsisten di semua kolom.

Dan itu harus digunakan secara default, tetapi Anda juga harus tahu kapan TIDAK menggunakannya.

Contoh daftar berpoin Anda adalah kasus yang bagus di mana mungkin baik untuk memecah kotak. Anda masih bisa men-tweak hal-hal yang agak melekat pada grid.

Misalnya, Anda mungkin memiliki tipe 12/14. Anda kemudian dapat membuat ruang di antara peluru 7. Itu masih akan menempel pada grid (setengah langkah).

DA01
sumber
8

Saya akan menyarankan memiliki gaya paragraf untuk daftar di mana hanya baris pertama yang menyelaraskan ke garis dasar. Dengan cara ini daftar tidak akan berantakan, semua garis dengan peluru masih akan berjalan di garis dasar, mempertahankan tampilan keselarasan secara keseluruhan, sedangkan garis berikut memiliki jarak yang berbeda. Menghasilkan tampilan yang sama seperti yang Anda gambarkan, Anda sering puas, tetapi dengan lebih banyak elemen menyelaraskan ke grid.

KMSTR
sumber
5

Anda dapat menghitung ulang garis dasar untuk mengelola angka dan subdivisi yang lebih kecil sehingga Anda dapat melakukan penambahan fraksional yang setiap interval akan bersamaan. jika unit grid dasar Anda adalah 9 pt itu berarti bahwa pembagian alami akan 3pt. Dalam teks yang diatur ke 8pt Anda dapat memiliki 9pt atau 12pt, dalam teks yang diatur ke 12pt Anda dapat memiliki ketinggian garis 15pt, 18pt ... memiliki satu set ukuran terkait Anda menjaga proporsi spasi baris.

Marcoslhc
sumber