Apa logika di balik kisi yang longgar?

14

Saya mencoba memahami logika di balik sistem grid "longgar" yang sering digunakan untuk menampilkan foto. Saya telah mencoba mendekonstruksi jenis kisi-kisi ini tetapi sepertinya tidak dapat menemukan penjelasan yang masuk akal tentang bagaimana penentuan posisi dan skala gambar. Silakan lihat contoh di bawah ini.

masukkan deskripsi gambar di sini


masukkan deskripsi gambar di sini


masukkan deskripsi gambar di sini


masukkan deskripsi gambar di sini


masukkan deskripsi gambar di sini

gmorissette
sumber
4
Mungkin ini dokumentasi tentang "Pembuatan dan Breaking the sandang" mungkin bisa membantu ... :)
elegent
2
Tidak semua tata letak mengikuti kisi matematika. Terkadang itu hanya hubungan ruang estetika murni. 'Logika' di sini bisa berupa apa saja kecuali kemungkinan sepanjang garis 'menyeimbangkan ruang putih'.
DA01
"Ide publik 2010" jelas merupakan perangkat ubin, sehingga kisi-kisi adalah kerangka kerja berulang dari garis trim.
Yorik

Jawaban:

7

Contoh pertama tampaknya lebih didasarkan pada tata letak klasik daripada pada kotak yang kaku. Tampaknya didasarkan pada versi "diperas" dari bagian emas. Alasan mengapa itu "diperas" mungkin banyak:

  • bagian itu diterapkan ke halaman yang lebih besar yang dipangkas sesudahnya
  • foto mungkin sedikit terdistorsi
  • sang desainer berkata "apa-apaan" dan mendorong bagian itu sedikit agar sesuai dengan halamannya
  • alasan editorial

masukkan deskripsi gambar di sini

Perhatikan bagaimana "kotak" yang dihasilkan oleh bagian emas (yang menjadi persegi panjang karena saya harus squish) digunakan sebagai unit untuk menentukan lebar kolom salin dan dengan dan dengan tinggi foto.

Foto-foto tampaknya disusun mengikuti ritme diagonal yang sejajar dengan diagonal barok (dari kiri bawah ke kanan atas). Ini menciptakan gelombang yang bagus sepanjang diagonal yang menyeramkan (dari kiri atas ke kanan bawah), yang memandu mata ke arah salinan.

masukkan deskripsi gambar di sini

cockypup
sumber
5

Umumnya sebuah jaringan digunakan untuk persamaan membuat dan perbedaan lebih jelas - dan dengan demikian lebih dikenali.

Ini juga mendorong aksesibilitas, sehingga pemirsa tahu secara otomatis ke mana harus mencari elemen karena " persimpangan dari divisi horizontal dan vertikal bertindak sebagai rambu untuk mencari informasi " [1].

Yang mengatakan, hal yang menarik tentang kisi adalah mendistribusikan dan menyesuaikan elemen-elemennya sementara pada saat yang sama membantu untuk memilah dan memahami mereka dan hubungannya satu sama lain seperti yang dapat Anda lihat dalam ilustrasi berikut (dari en.wikipedia.org ) .

Ilustrasi kotak multi-kolom dari en.wikipedia.org

Seperti yang dikatakan Timothy Samara, " setiap kotak berisi bagian dasar yang sama, tidak peduli seberapa kompleksnya. Setiap bagian memenuhi fungsi tertentu" . Elemen-elemennya bisa saja

  • digabungkan menjadi kelompok yang kohesif
  • atau dihilangkan dari seluruh struktur

Bagaimana dan kapan elemen-elemen kisi digabungkan atau dihilangkan sesuai dengan kebijaksanaan perancang, tetapi harus bergantung pada interpretasi pemirsa terhadap informasi tersebut.

Melihat contoh-contoh Anda, dapat juga terjadi bahwa konten memiliki struktur sendiri dan bahwa kisi sebagai sistem pemesanan dan eksplorasi tidak akan berfungsi, karena itu mengklarifikasi apa pun. Kadang-kadang juga mungkin bahwa konten perlu mengabaikan struktur untuk membuat yang baru dan membangkitkan reaksi emosional di antara audiens - yang disebut longgar-grid . ;-)

[1] Membuat dan Memecah Kotak oleh Timothy Samara , Penerbit Rockport Mei 2005

anggun
sumber
1

Sejauh pemosisian, banyak dari gambar-gambar ini tampaknya sejajar dengan tepi setidaknya satu gambar lain, beberapa di antaranya tengah disejajarkan dalam kolom baik secara vertikal maupun horizontal dengan gambar dengan ukuran yang berbeda. Saya pikir tata letak pada ini lebih tentang hubungan antara objek dan keseimbangan daripada kotak yang ketat.

Sarah Lynch
sumber
2
Hai, Sarah! Selamat datang di GD.SE! Jika Anda memiliki pertanyaan tentang cara kerja situs ini, lihatlah pusat bantuan atau jangan ragu untuk melakukan ping ke salah satu dari kami di Obrolan Desain Grafis begitu reputasi Anda mencapai 20. Sampai jumpa!
Vicki
Saya setuju: Saya pikir OP menganggap "grid" telah diberlakukan. Saya tidak melihatnya, kecuali jika Anda menyertakan garis trim halaman (seperti talang-tengah). Saya memang melihat beberapa selaras di tengah (halaman kanan), yang lain selaras pada misalnya palang "A". Terkadang Anda hanya melihat koneksi dan kemudian menjatuhkan sesuatu di garis imajiner di antara mereka.
Yorik