Grid modular adalah templat khusus yang digunakan untuk membuat desain situs web. Pada dasarnya, ini adalah sistem untuk menyajikan informasi visual kepada pengunjung berdasarkan blok individual yang disebut modul. Situs web yang dikembangkan menggunakan templat seperti itu jauh lebih mudah dibaca dan dinavigasi.

Bagaimana jaring digunakan

Grid modular digunakan saat mengembangkan desain untuk buku, kartu nama, merek dagang, logo, dll. Juga wajib untuk digunakan saat membuat situs web. Kisi yang dibuat dengan benar secara harmonis menyusun lingkungan untuk semua elemen sumber daya - grafik dan teks. Ini membuatnya lebih mudah untuk memasukkan semuanya ke dalam halaman dan membuat batasan yang jelas di antara mereka. Dengan mengatur elemen dengan cara tertentu, Anda dapat membuat masing-masing elemen terlihat dan pada saat yang sama menyatukan semua informasi tentang situs itu sendiri.

Jenis jaringan modular

Grid modular yang paling umum dalam desain halaman adalah sel tiga kolom dasar. Dalam hal ini, header dan footer memiliki lebar yang sama dengan ukurannya. Opsi standar ini biasanya digunakan oleh para amatir saat membuat website. Terkadang lebar satu sel bertambah dengan mengorbankan lebar sel lainnya.

Membuat grid modular versi kedua - yang non-standar - hanya mungkin dilakukan oleh orang yang terlibat dalam desain web profesional. Dalam hal ini, hanya lebar kolom dan jarak antar elemen individual yang ditentukan secara tepat. Grid modular dalam desain berbagai jenis sumber berita dan majalah online biasanya dikembangkan sebagai berikut:

1. Header dan footer dibuat. Nama situs, menu navigasi, dan berbagai jenis materi video harus ditempatkan di sini.
2. Halaman ini dibagi menjadi tiga kolom. Apalagi keduanya memiliki dimensi yang sama. Kolom ketiga dibagi menjadi dua bagian dengan garis vertikal. Jadi, kami mendapatkan empat bagian (berita, galeri foto, ruang iklan, informasi terkini perubahan di situs).

Grid modular untuk toko online dengan spesialisasi berbeda dibuat agak berbeda. Dalam hal ini, sangat penting untuk menjamin kemudahan navigasi bagi pengunjung. Dalam hal ini unsur-unsurnya dikelompokkan secara baku dan seragam. Untuk setiap objek di grid, informasi penting yang mengkarakterisasinya disorot.

Penguasa di editor Photoshop

Situs web dibuat menggunakan raster atau vektor. Sangat mudah untuk membuat grid di dalamnya. Mari kita lihat bagaimana hal ini dilakukan di editor Photoshop yang populer. Membuat grid modular di Photoshop sangat sederhana.

Agar penggaris muncul di sekeliling jendela gambar kerja, buka item menu utama "Tampilan" dan klik pada baris "Penggaris". Di editor ini Anda dapat menggunakan berbagai elemen - dengan pembagian dalam sentimeter, milimeter, inci, atau piksel. Untuk membuat pengaturan yang diperlukan, buka item menu utama “Edit”. Selanjutnya, pilih baris "Pengaturan" (Preferensi) - "Unit & Penggaris". Setelah ini, sebuah jendela akan muncul di mana Anda dapat mengubah jenis penggaris. Di menu tarik-turun atas, pilih sentimeter, milimeter, piksel, dll.

Namun, biasanya ketika bekerja di editor Photoshop, mereka menggunakan metode yang sedikit berbeda dan lebih sederhana. Untuk mengubah satuan pengukuran, cukup klik kanan pada penggaris itu sendiri di jendela gambar. Setelah ini, Anda dapat melakukan tindakan yang diinginkan di menu yang muncul. Biasanya, saat membuat situs web, grid piksel digunakan.

Kotak Photoshop

Grid modular dari program Photoshop itu sendiri akan terlihat setelah Anda pergi ke item menu utama "View" - "Show" - "Grid". Jarak antar garis grid dapat disesuaikan. Untuk melakukan ini, jalankan perintah "Pengeditan" - "Pengaturan" - "Panduan, Kisi, Irisan". Di sini Anda tidak hanya dapat mengubah jarak antar garis, tetapi juga warnanya. Dengan menggunakan kisi-kisi ini, akan sangat mudah untuk menempatkan semua objek situs masa depan di bidang kerja dengan cepat dan akurat.

Bekerja dengan kursor

Grid situs modular dibuat dengan cara ini dengan sangat sederhana. Kursor menempel pada garis saat bekerja. Ini bisa berguna jika Anda perlu membuat balok dengan ukuran yang tepat dan spesifik. Jika karena alasan tertentu fungsi ini ternyata tidak diperlukan, fungsi ini dapat dinonaktifkan. Secara default, asal grid di Photoshop terletak di sudut kiri atas jendela. Jika diinginkan, dapat dipindahkan ke tempat lain di kanvas. Untuk melakukan ini, arahkan kursor ke kotak asal dan seret saja sambil menahan tombol mouse. Untuk mengembalikan titik awal ke tempatnya, klik dua kali pada kotak yang sama di sudut.

Antara lain, terdapat berbagai plugin untuk editor Photoshop yang membuat pembuatan situs web menggunakan grid modular menjadi lebih nyaman. Unduh secara online. Dengan menggunakan plugin ini Anda dapat membuat grid dengan parameter tertentu.

Grid di CorelDraw

Sekarang mari kita lihat cara membuat grid modular di editor vektor CorelDraw. Di sini dibuat dengan cara yang hampir sama seperti di Photoshop. Ikonnya terletak di panel atas (mata dalam kotak). Setelah mengkliknya, Anda dapat membuat semua pengaturan yang diperlukan. Anda dapat memilih jarak antar garis, mengubah satuan pengukuran, dll. Mereka membatasi area kerja di jendela gambar di CorelDraw dan menggunakan panduan. Mereka dapat dibuat terlihat atau tidak terlihat jika diperlukan.

Grid modular dalam desain situs web adalah elemen mendasar, yang pengembangannya harus didekati dengan tanggung jawab maksimal. Bagaimanapun, kenyamanan pengunjungnya, dan waktu yang mereka habiskan di halamannya, bergantung pada seberapa benar struktur sumber dayanya.

Apa rahasia logo yang bagus? Ide yang menarik? Atau mungkin dengan font yang tepat? Bagaimana cara menentukan proporsi keserasian angka-angka penyusunnya? Jika desainer sudah memiliki gambaran kasar tentang tampilan logo secara umum, disarankan untuk mulai mendesainnya dengan membuat grid modular. Ini akan dibahas dalam artikel.

Apa itu jaringan modular

Modular grid (MG) adalah seperangkat panduan yang membentuk “kerangka” logo masa depan. Unit minimum grid—sebuah “modul”—dapat memiliki bentuk dan ukuran yang sangat berbeda. Jadi, logo Twitter dibentuk oleh lingkaran dengan diameter berbeda:

Logo Twitter dan jaringan modularnya

Meskipun kisi-kisi pada gambar di atas, pada pandangan pertama, mungkin tampak seperti sekumpulan lingkaran yang letaknya kacau dengan ukuran berbeda, namun sebenarnya tidak demikian - Hanya tiga diameter yang digunakan:

• kecil - membentuk paruh, kepala dan bulu;
• tengah - bagian belakang, garis paruh dan bagian atas sayap dibuat atas dasar itu;
• besar - menentukan bentuk dada burung.

Berkat grid modular, logo situs Twitter terlihat rapi, benar, dan serasi.

Mengapa jaringan modular itu keren

Jika Anda melihat yang mudah diingat, Anda akan melihat bahwa mereka memiliki struktur tertentu. Penampilan logo Volkswagen, meskipun tidak memiliki modul “blok penyusun”, tunduk pada aturan geometris:

Grid modular digunakan dalam berbagai jenis desain. Sulit membayangkan website toko online tanpa panduan, grid umum dalam desain cetak dan web. Mari kita lihat halaman majalah yang ditata tanpa kisi-kisi.

Halaman yang tidak memiliki grid modular

Karena elemen grafisnya disusun secara kacau, komposisinya tidak ada rasa persatuan, gambar terlihat tidak profesional, jelek.

Jika menyelaraskan elemen relatif terhadap kisi modular vertikal, atau bahkan kisi diagonal,— dinamika dan ruang segera muncul di halaman.

Grid modular garis vertikal dan horizontal dengan interval yang sama

Anda dapat menempatkan elemen tidak hanya secara vertikal. Di bawah ini adalah contoh desain yang disusun secara diagonal dan semua elemen disejajarkan satu sama lain.

Tapi mari kita kembali ke logo. Mereka tunduk pada prinsip dan aturan desain yang sama seperti objek grafis lainnya. Jika Anda ingin membuat logo yang sederhana, ringkas dan tegas, grid modular akan sangat berguna. Ini akan memungkinkan Anda membuat "kerangka" logo, sehingga semua elemen akan mematuhi standar tertentu.

Kompleks atau sederhana - logonya bisa apa saja. Bahkan logo teks Gazprom memiliki gridnya sendiri. Di dalamnya, modul berbentuk persegi dengan lebar "x", dan semua elemen ditempatkan secara proporsional dengannya.

Logo Gazprom

Jaringan modular apa yang ada?

Semua jaringan modular dapat dibagi menjadi beberapa kelompok. Mereka bisa menjadi:

• persegi atau persegi panjang;
• berdasarkan lingkaran;
• gabungan (udara).

Kisi modular persegi untuk logo dipinjam dari desain web. Dasarnya adalah persegi panjang atau persegi, yang menentukan bentuk logo. Lebar huruf dan jarak antar huruf diatur secara ketat.

Logo Nudge didasarkan pada MC persegi panjang yang menggunakan pendekatan matematika yang dipersonalisasi. Jadi lebar bagian dalamnya sama dengan spasi huruf. “Ekor” simbol d dan g dipotong dengan sudut 45°.

Logo Nudge berdasarkan grid persegi panjang

Logo Toyota berbentuk persegi panjang dengan sisi a dan b. Ada 3 oval tertulis di kotak ini. Perpotongan garis oval bertepatan dengan perpotongan persegi panjang - garis tersebut membentuk pusat visual, yaitu tempat di mana seseorang akan melihat pertama kali.

Namun, struktur seperti itu lebih jarang terjadi daripada sebuah aturan. Yang lebih umum adalah logo berdasarkan MS, yang terdiri dari lingkaran atau kisi gabungan.

Grid modular berbasis lingkaran adalah jenis MC yang paling umum. Logo paling terkenal didasarkan pada mereka. Modul dasarnya adalah lingkaran, tempat logo dibuat. Di awal artikel ini kami menampilkan logo Twitter yang terdiri dari beberapa lingkaran dengan diameter berbeda-beda. Salah satu logo MC berbasis lingkaran yang paling jelas terlihat adalah logo Pepsi.

Grid modular ini memungkinkan Anda membuat logo yang berkesan dalam gaya minimalis.

"Rakun"

Apple juga menggunakan grid berbasis lingkaran modular untuk desain logonya. Logo tersebut terlihat sempurna berkat konstruksinya menggunakan lingkaran Fibonacci.

Rasio Fibonacci (“rasio emas”)- perbandingan kedua besaran tersebut adalah 1:1.618. Ini banyak digunakan di semua jenis desain, karena komposisi yang dibangun berdasarkan rasio ini paling baik dibaca oleh mata manusia.

Desain logo berdasarkan rasio Fibonacci diterima dengan baik oleh pemirsa. Berdasarkan “rasio emas” Anda dapat membuat logo yang cerah dan berkesan.

Grid modular gabungan (atau udara) biasanya tidak terlihat oleh mata. Logo berdasarkan mereka sangat ringan, indah dan serbaguna. Grid memainkan peran sekunder di dalamnya. Ini menentukan jarak dan jarak antar berbagai elemen, terkadang tinggi logo, namun bentuk logo tidak terikat pada MC. Contoh yang bagus adalah karya desainer Davit Chanadiri, yang membuat logo dari perpotongan lingkaran.

Proporsi Fibonacci dan penggunaan “ruang negatif” yang cerdik terlihat mengesankan dalam gabungan grid modular.

Simetri dan asimetri dalam jaringan modular

Simetri selalu indah. Keseimbangan simetris berarti bobot komposisi terdistribusi secara merata relatif terhadap sumbu simetri. Logo simetris terlihat lebih tenang dan dapat diandalkan.

Simetris dan asimetris susunan elemen terner

Komposisi asimetris menarik perhatian pada bentuk yang tidak seimbang, Oleh karena itu, logo asimetris menarik perhatian dan lebih diingat. Terlihat lebih dinamis, menyenangkan dan misterius, hal ini harus diperhitungkan saat mendesainnya. Asimetri selalu merupakan ritme dan gerakan, tetapi bukan stabilitas dan kepercayaan diri.

Logo simetris dan asimetris

Logo asimetris, yang konstruksinya menggunakan prinsip “rasio emas”, terlihat sangat seimbang. Ini memungkinkan Anda untuk mempertahankan simetri keseluruhan komposisi, tetapi pada saat yang sama memusatkan perhatian pada elemen tertentu, sedikit menggesernya.

Dalam kasus apa jaringan modular akan menjadi mubazir?

Grid modular tidak ada artinya jika elemen logo tidak saling berhubungan. Dalam hal ini, itu akan menjadi tidak logis, tidak dapat dipahami, dan merepotkan.

Logo terdiri dari unsur-unsur yang tidak berhubungan satu sama lain

Tidak perlu membuat “grid demi grid” dan mencoba memasang logo apa pun di dalamnya. Contoh di bawah ini menunjukkan mana MS yang tepat dan mana yang tidak masuk akal.

Logo di mana grid modular diperlukan dan tidak diperlukan

Lain halnya ketika kotak modular tidak diperlukan - logo di mana peran utama dimainkan oleh citra emosional karakter. Skema konstruksi yang dibuat-buat lebih cenderung merugikan dibandingkan menguntungkan proyek.

“Demonstrasi skema apa pun tidak ada artinya ketika gambaran emosional akhir dari logo mengaburkan keseluruhan geometri. Pada contoh di bawah, beruang di sepeda dibaca terlebih dahulu. Inilah yang mempunyai makna emosional. Penonton tidak akan peduli dengan seberapa bulat sempurna pantat beruang itu dan berapa diameternya.” — Ivan Bogdanov, Biro Gorbunov.

Kasus ketika geometri adalah nomor dua

Jika bentuk geometris dipadukan dengan garis atau ruas yang halus, fleksibel dan melengkung, maka penggunaan MS juga tidak tepat. Dalam tanda kualitas Uni Soviet, keselarasan elemen didasarkan pada dimensi, sudut, dan perpotongan, dan bukan pada hubungan bentuk geometris.

7 alasan menggunakan grid modular saat mendesain logo

1. Grid membantu mengatur alur kerja Anda.
2. Mempercepat.
3. Memungkinkan Anda membuat desain simetris atau asimetris.
4. Berguna untuk mengatur jarak antar huruf.
5. Memungkinkan Anda menentukan "zona aman" - jarak dari logo ke elemen lainnya.
6. Memfokuskan perhatian pada bagian tertentu dari logo.
7. Membantu mencapai harmoni visual.

Kesimpulan

Grid modular adalah alat yang berguna saat mengembangkan logo situs web. Sejak penerbitan buku Josef Müller-Brockmann "Modular Systems in Graphic Design" pada tahun 1981, minat terhadap grid telah surut dan mengalir. Mereka digunakan di mana-mana: untuk mengembangkan desain toko online, untuk menentukan lokasi berbagai elemen desain situs web, dalam logo, bahkan saat mendesain antarmuka. Meskipun banyak logo hebat dimulai dengan sketsa di selembar kertas, cara paling pasti untuk mendapatkan logo yang efektif adalah dengan menghubungi.

Jaringan modular - e pola, pola, ukuran atau proporsi yang diulang beberapa kali. Ingat gambar Escher. Kadal, ikan, burung dalam beberapa karya - ini adalah modulnya. Setiap pengguna Internet melihat modul dalam bentuk latar belakang.

Opsi pertama untuk menggunakan modul dalam desain sama seperti di Internet, yaitu gambar latar belakang. Dalam berbagai bentuk, baik secara mandiri maupun dalam berbagai kombinasi. Dan ilustrasi yang sama oleh Escher.

Pilihan kedua, dimensi, sangat dekat dengan pilihan ketiga, proporsional. Pada dasarnya, ini adalah grid modular untuk berbagai jenis tipografi produk cetakan.

Pilihan ketiga memang lebih sulit untuk dipahami, namun justru inilah yang mendasari semua desain, arsitektur, dan hal-hal lain yang diciptakan oleh alam dan manusia. Manusia selalu membentuk lingkungan, secara intuitif dipandu oleh rasa proporsional, yaitu hubungan.

Phidias (pencipta Acropolis) dan Ictinus (Parthenon) juga menunjukkan pengetahuan tentang hukum rasio emas. Inti dari hukum ini adalah bahwa ruas yang lebih kecil berhubungan dengan ruas yang lebih besar, demikian pula ruas yang lebih besar berhubungan dengan keseluruhan panjangnya. Saya tidak ingat apakah hukum ini dipelajari di sekolah, tetapi di sekolah seni, lembaga seni dan arsitektur seperti “Bapa Kami…” Dalam satu bilangan nilai ini dinyatakan sebagai 1,618..... secara aljabar terlihat seperti a : b=b:( a+b). Intinya adalah rasio seperti itu bermanfaat bagi mata karena karakteristik mental dan fisik dari struktur mata, frekuensi kerja otak dan banyak lagi... (Gambar 4.2.)

Elemen aktif kedua dalam membangun hubungan yang menguntungkan secara visual adalah persegi. Dengan membangunnya mudah untuk mendapatkan rasio 1:2, 2:3, 3:4.

Gambar 4.2.

Gambar 4.3.

Untuk web, konstruksi halaman modular dapat diatur menggunakan tabel. Sebagai modul, Anda dapat mengambil rasio aspek layar (pada 800x600 adalah 4:3) (Gambar 4.3.). Ukuran standar selembar kertas A4 juga merupakan modul dalam menggambar dan tipografi

Sebagian besar kisi-kisi tipografi didasarkan pada format selembar kertas yang dijadikan dasar publikasi. Desain grid bergantung pada konten dan maksud proyek, serta gaya individu seniman tertentu. Dan jika perancangannya dilakukan dengan menggunakan komputer, maka prosesnya menjadi cukup cepat terutama pada tahap implementasi. Sebagian besar program grafis (terutama penerbitan) memiliki opsi bawaan untuk membuat grid modular, dan hampir semuanya memiliki kumpulan templat grid modular yang cukup besar dengan nama yang cukup umum “Buku”, “Kalender”, dll.

Pada Gambar 4.4. disajikan grid modular dari strip pertama. Ini sedikit berbeda dari grid modular umum di blok atas. Untuk persepsi logo yang lebih jelas, logo harus disorot dengan jeda yang sangat signifikan. Namun tidak ada masalah dalam membaca dan menyorotnya.

Gambar 4.4.

Gambar 4.5. Grid modular dari garis-garis yang tersisa

Seperti yang Anda lihat, selain blok atas yang jelas, jalur ini juga memiliki “ruang bawah tanah” yang jelas - inilah yang disebut oleh para pembuat surat kabar sebagai bagian bawah jalur. Ini membantu untuk membagi informasi pada halaman ke dalam zona tematik. Rangkaian modulasi pita terlihat dalam dua diagram warna.

Grid modular tidak selalu seragam dan simetris. Ini bisa sepenuhnya abstrak, dengan penempatan elemen yang sewenang-wenang, tetapi bagaimanapun juga, tugasnya adalah memastikan kesinambungan dalam penyajian materi.

Modul digunakan oleh arsitek, perancang furnitur, dan pengembang mobil; modul mereka terikat pada proporsi dan dimensi tubuh manusia.

Gambar 4.6.

Dalam desain web, grid modular lebih sering digunakan daripada yang terlihat pada pandangan pertama. Jika Anda menggunakan

untuk membentuk elemen pada halaman - Anda sudah menggunakan grid modular, terutama jika Anda mengulangi grid ini tidak pada satu halaman, tetapi pada beberapa halaman. Terkadang grid bisa disembunyikan, terkadang bisa eksplisit (bila Anda menggunakan warna berbeda sebagai latar belakang sel, berbeda dari latar belakang utama) (Gambar 4.6.)

Perlu ditambahkan bahwa esensi grid adalah sama, kecuali bahwa grid web mungkin berisi parameter sel dinamis (dapat diubah). Tinggi halaman dapat berbeda-beda, bergantung pada jumlah teks dan gambar di dalamnya, dan secara otomatis diperluas (atau tidak diperluas) tergantung pada resolusi monitor yang digunakan.

Ukuran layar

DENGAN

Lebar kanvas

Anda harus menghindari ukuran layar yang dikodekan secara keras, namun jika Anda menyetel ukuran layar yang dikodekan secara keras, Anda perlu mengingat bahwa menyetel parameter keras ditentukan oleh ukuran kanvas.

Resolusi layar
Ukuran kanvas

Ukuran layar dapat ditentukan dengan menggunakan program sederhana (lihat praktik laboratorium).

Mari kita lihat contoh grid modular dan penentuan dimensinya, yang disusun menggunakan tabel

Dalam HTML, Anda dapat menandai seluruh isi tabel dengan tag . Kemudian header tabel ditandai dengan tag dan kesimpulan dengan tag .Ketiga tag tersebut merupakan tag penutup dan memiliki atribut. Sel header tabel menggunakan tag .

Namun, cara termudah untuk tidak bergantung pada ukuran kanvas adalah dengan menggunakan ukuran relatif, yaitu mengatur ukuran dalam%.

Apa itu jaringan modular.

Grid modular adalah sistem untuk membangun informasi visual berdasarkan blok – modul.

(fungsi(w, d, n, s, t) ( w[n] = w[n] || ; w[n].push(function() ( Ya.Context.AdvManager.render(( blockId: "R-A -269783-9", renderTo: "yandex_rtb_R-A-269783-9", async: true )); )); t = d.getElementsByTagName("script"); s = d.createElement("script"); s .type = "teks/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true;, ini.dokumen, "yandexContextAsyncCallbacks");

Modul.

Dasar dari grid modular adalah modul. Modul berasal dari kata Latin modulus - “ukuran kecil”. Modul dapat berupa ukuran panjang, luas, atau volume apa pun yang diambil sebagai satuan jaringan modular.

Dari sejarah.

Arsitek Romawi, Vitruvius, pada abad ke-1 SM. menulis tentang pentingnya proporsi dalam membangun keseluruhan.

Apakah layak membicarakan usia jaringan modular? Dia benar-benar setua waktu. Kita dapat melihat pembagian modular proporsional dalam arsitektur Yunani kuno, ketika radius atau diameter kolom diambil sebagai dasar dan candi serta bangunan dibangun berdasarkan pembagian ini, beberapa di antaranya masih bertahan hingga hari ini.

Mengapa Anda memerlukan jaringan modular?

Grid modular memungkinkan Anda menyusun informasi secara logis, sehingga memudahkan persepsinya. Kisi yang dibangun dengan benar memudahkan Anda mengatasi tata letak publikasi multi-halaman dan tata letak iklan satu halaman kecil.

Biasanya, tata letak yang jelas dan terkumpul meninggalkan kesan yang benar dan positif. Penyajian informasi yang komposisinya jelas dan lengkap, secara estetis lebih logis daripada kacau. Menggunakan grid modular memungkinkan Anda untuk fokus sepenuhnya pada informasi.

Konstruksi jaringan modular.

Modul dapat berukuran 2 meter persegi, 3 kali 3 milimeter, atau 12 kali 12 piksel. Itu semua tergantung pada sistem pengukuran yang kita gunakan.

Dalam desain web, modul berukuran 12, 16 atau 24 px terutama digunakan. Beberapa merekomendasikan penggunaan spasi baris sebagai dasar, yang pada prinsipnya juga logis.

Jaringan modular bisa sangat berbeda. Yang paling primitif adalah kisi-kisi yang terdiri dari kotak-kotak identik yang berjajar rapat.

Grid modular yang lebih kompleks menggunakan lebih banyak elemen. Misalnya, kita mengambil modul X sebagai dasar dan mendapatkan grid dengan langkah 3X secara horizontal dan 4X secara vertikal. Dalam hal ini, blok vertikal dan horizontal dipisahkan satu sama lain oleh modul X.

Tidak sulit menebak opsi mana yang Anda sukai; Saya pribadi menyukai opsi pertama, opsi di sebelah kiri. Ini memiliki struktur yang lebih jelas dan jelas. Kebanyakan orang akan menganggapnya lebih menarik dan benar. Meskipun informasinya sama, namun disajikan secara berbeda, sehingga kesan setelah apa yang Anda lihat tetap sangat berbeda.

Grid modular dalam identitas.

Penggunaan grid modular dalam identitas telah lama menjadi standar. Konstruksi modular digunakan mulai dari pengembangan kartu nama dan diakhiri dengan pengembangan papan reklame. Menggunakan jaringan modular yang sama di berbagai produk periklanan menciptakan rasa konsistensi dan kesatuan di seluruh merek.

Kisi tipografi di majalah dan surat kabar

(fungsi(w, d, n, s, t) ( w[n] = w[n] || ; w[n].push(function() ( Ya.Context.AdvManager.render(( blockId: "R-A -269783-10", renderTo: "yandex_rtb_R-A-269783-10", async: true )); )); t = d.getElementsByTagName("script"); s = d.createElement("script"); s .type = "teks/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true;, ini.dokumen, "yandexContextAsyncCallbacks");

Kisi tipografi lebih merupakan jenis kisi modular karena fitur tipografi yang spesifik.

Majalah tidak bisa berjalan tanpa grid. Struktur yang jelas dan ringkas menarik perhatian dan memudahkan membaca informasi dalam jumlah besar.

Grid modular bukanlah sesuatu yang wajib dan penggunaannya juga tergantung pada preferensi dan selera pribadi. Ini dapat digunakan dengan berbagai cara.

Pada Gambar 5 Anda melihat contoh yang sangat baik dari penggunaan grid modular dan pelanggaran yang disengaja terhadap batas-batasnya, yang pada gilirannya terlihat cukup menarik dan secara signifikan meramaikan seluruh penyebaran.

Editor surat kabar termasuk orang pertama yang menghargai semua keindahan tata letak modular, dan seiring berjalannya waktu, tampilan surat kabar sedikit berubah. Kita bisa mengambil surat kabar seabad yang lalu dan membandingkannya dengan surat kabar modern, menurut saya ciri-ciri umumnya tidak banyak mengalami perubahan.

Konstruksi jaringan modular diCorelMenggambar.

Ada beberapa pilihan untuk menggunakan grid di Corel.

Yang pertama adalah menggunakan grid standar. Ditandai dengan ikon nomor 1. Dengan mengklik ikon ini kita mengaktifkan grid. Anda juga dapat mengambil grid ini atau menyesuaikannya sesuai keinginan.

Cara kedua adalah membuat mesh menggunakan pemandu. Kita dapat membuat panduan terlihat atau tidak terlihat menggunakan ikon nomor 2.

Contoh grid modular berdasarkan panduan di Corel pada Gambar 4.

Di sini modulnya berukuran 5 milimeter. Dengan menggunakannya, kami membuat jaring yang lebih kompleks.

Anda dapat menemukan metode Anda sendiri, yang utama adalah membantu Anda mengatur informasi.

Menggunakan grid modular diAdobephotoshop.

Grid dibuat dengan cara yang sama di Photoshop. Namun di sini para desainer telah melangkah lebih jauh dan sekarang Anda dapat mengunduh berbagai plugin untuk membangun grid modular dengan parameter yang ditentukan. Ini membuatnya lebih mudah dan sederhana untuk membuat tata letak desain yang ringkas.

(fungsi(w, d, n, s, t) ( w[n] = w[n] || ; w[n].push(function() ( Ya.Context.AdvManager.render(( blockId: "R-A -269783-11", renderTo: "yandex_rtb_R-A-269783-11", async: true )); )); t = d.getElementsByTagName("script"); s = d.createElement("script"); s .type = "teks/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true;, ini.dokumen, "yandexContextAsyncCallbacks");

Kesimpulan.

Grid modular digunakan di mana-mana. Signifikansinya sangat besar, dan kemungkinannya tidak dapat diremehkan.

Meskipun banyak proyek dapat diselesaikan dengan penyelarasan sederhana, ini adalah alat yang harus dimiliki di gudang senjata Anda jika Anda ingin membuat desain berkualitas.

Apa yang dibungkam oleh percetakan?

22 November 2015 Minggu Grid modular: alat untuk desain cerdas

Apa itu jaringan modular?

Ini adalah kerangka desain Anda yang tidak terlihat - sistem pemandu horizontal dan vertikal (dan terkadang diagonal dan busur) yang membantu mengarahkan dan mengoordinasikan masing-masing elemen komposisi.

Apa gunanya?

Pertama, jaringan modular menghadirkan keteraturan, integritas, dan koneksi ke seluruh bagiannya ke dalam desain. Ini memungkinkan Anda mengatur ruang grafis apa pun secara rasional, baik itu kop surat, kartu nama, poster, buku, situs web, atau interior, dengan tetap menjaga kesatuan gaya di semua elemennya.

Dan kedua, ini secara signifikan mempercepat pelaksanaan pesanan, karena, Anda tahu, bekerja sesuai template jauh lebih mudah daripada menciptakan kembali roda setiap saat.

Manusia telah lama mencoba memahami hakikat keindahan, untuk “menguraikannya” menjadi komponen-komponen yang terpisah, untuk “memverifikasi keselarasan dengan aljabar”. Contoh tertua penggunaan grid modular adalah kanon abad pertengahan, yang digunakan oleh juru tulis buku saat menandai halaman buku.

Penyebaran naskah Latin. 1555

Fondasi desain modular modern diletakkan oleh kaum konstruktivis pada tahun 1920-an.

Sampul majalah. Desain oleh El Lissitzky. 1922

Poster. Desain oleh Herbert Bayer. 1926

Namun konstruksi abstraknya tidak serta merta dikenali sebagai metode yang memiliki sistem aturan dan pola tersendiri. Baru pada tahun 1940 desainer Swiss Max Bill pertama kali menggunakan grid modular dalam desain buku.

Penjilidan buku. Desain oleh Max Bill. 1944

Poster. Desain oleh Max Bill. 1945

Pada tahun 1961, rekan senegaranya Josef Müller-Brockmann memperkenalkan istilah pertama dari pendekatan modular untuk merancang dan menerbitkan 28 contoh jaringan yang dikembangkannya sendiri. Itu adalah sekolah desain Swiss, yang sangat fungsional dan singkat, yang meningkatkan dan memperkenalkan alat ini kepada dunia - jaringan modular.

Halaman kisi dan buku. Desain oleh Josef Müller-Brockmann

Poster. Desain oleh Josef Müller-Brockmann. 1959

Poster. Desain oleh Josef Müller-Brockmann. 1972

Harus dikatakan bahwa desainer Rusia tidak jauh tertinggal dari rekan-rekan Barat mereka dalam desain modular. Sudah pada tahun 1960-an, sekelompok orang yang berpikiran sama muncul di Uni Soviet, menggunakan prinsip-prinsip desain publikasi cetak yang ketat (kemudian Sergei Serov dengan bercanda menyebut sekolah ini "Soviet Swiss"). Asal usul pendekatan modular dalam negeri terhadap desain adalah otoritas yang diakui saat ini seperti Maxim Zhukov, Mikhail Anikst, dan Arkady Troyanker.

Penjilidan buku. Desain oleh Maxim Zhukov dan Arkady Troyanker. 1970

Penyebaran buku. Desain oleh Mikhail Anikst. 1979

Jaket debu. Desain oleh Maxim Zhukov. 1977

Hanya dalam beberapa dekade, pengalaman unik telah dikumpulkan dan mahakarya desain grafis telah tercipta. Meskipun demikian, saat ini, seperti 30-40 tahun yang lalu, jaringan modular di negara kita tampaknya masih dipromosikan hanya oleh para peminat tunggal.

Sampul buku. Desain oleh Evgeny Grigoriev. Sankt Peterburg, 2009

Berikut adalah beberapa contoh pendekatan desain modular dari portofolio penerbit kami.

Untuk katalog artis Evgeny Zhurov, format buku klasik dalam kuarto dengan rasio aspek 3 banding 4 dipilih.

Untuk mengorientasikan gambar lukisan pada penyebarannya, sebuah garis horizontal disorot, membagi halaman secara vertikal dengan perbandingan 1 banding 3. Selama tata letak, setiap gambar diposisikan sedemikian rupa sehingga dibagi secara vertikal oleh garis ini secara sama. perbandingan.

Teknik ini memungkinkan untuk dengan mudah dan harmonis memadukan lukisan dalam format apa pun - baik panorama, memanjang horizontal, maupun tinggi, memanjang vertikal. Saat Anda membuka-buka katalog, rangkaian gambar ini memperoleh ritme yang hidup dan berdenyut.

Tak perlu dikatakan lagi, susunan halaman judul dan judul, kumpulan artikel pengantar dan data keluaran, serta posisi nomor kolom pada margin luar halaman juga dibuat dengan memperhatikan garis horizontal ini.

Kami hanya menambahkan bahwa caption pada lukisan tersebut justru sengaja dibuat statis. Mereka berada di tempat yang ditentukan secara ketat dan hidup seolah-olah terpisah, tanpa mengalihkan perhatian pemirsa dari gambar.

Tampilan katalog kalender tematik kami terinspirasi dari materi itu sendiri. Katalog ini ditujukan untuk kategori klien yang ingin memesan kalender korporat. Setiap topik diwakili oleh 12 gambar (sesuai dengan jumlah bulan dalam setahun) dan ditempatkan pada spread terpisah. Kisi modular brosur ternyata sangat sederhana, jelas dan terbuka sehingga tidak perlu disajikan secara terpisah di sini.

Desain kartu pos dari set “Dinasti Romanov” (Museum Kremlin Moskow), meskipun komposisinya asimetris, sepenuhnya didasarkan pada pembagian bidang yang konsisten sesuai dengan rasio emas. Menggabungkan prinsip-prinsip klasik yang telah teruji oleh waktu dengan tren modern terkadang dapat memberikan hasil yang menarik.

Desain modular tidak tergantikan saat mendesain publikasi serial. Grid yang dibangun sekali, namun dipikirkan dengan matang akan sangat memudahkan pekerjaan pada terbitan baru sebuah buku, majalah, buklet, atau surat kabar. Dengan bebas mengubah teks, gambar, dan warna, Anda dapat dengan mudah mendapatkan desain yang mudah dikenali dan diidentifikasi secara akurat dalam satu seri.

Namun perlu diingat bahwa penggunaan jaringan modular bukanlah jaminan 100% keberhasilan desain. Dengan menggunakan template yang sama, Anda dapat membuat karya seni dan kerajinan biasa-biasa saja. Tidak peduli seberapa tepat, halus dan serbagunanya alat mesh modular, itu hanyalah alat yang akan tetap mati tanpa imajinasi dan kreativitas.

Selain itu, ketika memulai desain modular, penting bagi desainer untuk memiliki setidaknya pemahaman umum tentang proporsi, bentuk, warna, kontras, ritme...

Namun lebih lanjut tentang ini di artikel kami berikutnya.

Sastra untuk pendidikan mandiri:
1. Laptev V. Grid modular: Desain publikasi multi-halaman. M.: RIP-holding, 2007.
2. Samara T. Membuat dan memutus grid. M.: RIP-holding, 2005.
3. Hurlbert A. Grid: Sistem modular untuk desain dan produksi surat kabar, majalah, dan buku. M.: Buku, 1984.
4. Bosshard H. R. Der tipografische Raster. Z?kaya: Niggli, 2000.
5. Elam K., Elsener R. Gestaltungsraster: Ordnungssysteme f?r Schrift. New York: Pers Arsitektur Princeton, 2006.
6. Sistem Miller-Brockmann J. Grid dalam desain grafis. Z?kaya: Niggli, 1981.

Semua tentang tirai. Desain, dekorasi, ide
2024 provolp.ru

judul
menu	modul 1		Modul 2	modul3	modul4
	kesimpulan