Apakah grid modular? Bagaimana hendak membuat grid modular?

Grid modular adalah templat khas, yang digunakan untuk reka bentuk tapak. Malah, ini adalah sistem untuk membentangkan maklumat visual kepada pengunjung berdasarkan blok individu, yang dipanggil modul. Sebuah laman web yang dibangunkan dengan menggunakan template sedemikian adalah lebih mudah untuk persepsi dan navigasi.

Bagaimana grid digunakan

Grid modular digunakan dalam pembangunan reka bentuk buku, kad niaga, tanda dagangan, logo, dan sebagainya. Ia juga wajib menggunakannya semasa membuat laman web. Betul membuat grid dengan harmoni menyusun persekitaran untuk semua elemen sumber - grafik dan teks. Dengan menggunakannya, lebih mudah untuk meletakkan mereka semua di halaman dan membuat sempadan yang jelas di antara mereka. Dengan menyusun unsur-unsur dengan cara tertentu, anda boleh membuat setiap mereka ketara dan pada masa yang sama menghubungkan semua maklumat mengenai tapak itu sendiri.

Jenis grid modular

Grid modular yang paling biasa dalam reka bentuk halaman adalah tiga ruang asas sel. Dalam kes ini, header dan footer mempunyai lebar yang sama dengan saiznya. Pilihan standard ini biasanya digunakan oleh amatur semasa membuat laman web. Kadang-kadang lebar satu sel meningkat disebabkan oleh lebar sel yang lain.

Penciptaan versi kedua grid modular - tidak standard - hanya mungkin untuk orang yang terlibat dalam reka bentuk web secara profesional. Dalam kes ini, hanya lebar lajur dan jarak antara elemen individu ditentukan dengan tepat. Grid modular dalam reka bentuk pelbagai jenis sumber berita dan majalah dalam talian biasanya dikembangkan seperti berikut:

1. Footer dibuat. Di sini anda harus mencari nama tapak, menu navigasi, pelbagai bahan video.
2. Halaman dibahagikan kepada tiga lajur. Dua daripada mereka mempunyai dimensi yang sama. Lajur ketiga dibahagikan kepada dua bahagian dengan garis menegak. Oleh itu, empat bahagian diperolehi (berita, galeri foto, tempat untuk pengiklanan, perubahan terkini maklumat di laman web ini).

Grid modular untuk kedai dalam talian kepakaran yang berbeza dicipta agak berbeza. Dalam kes ini, sangat penting untuk memastikan kemudahan navigasi kepada pelawat. Dalam kes ini, unsur-unsur dikumpulkan secara standard dan seragam. Untuk setiap objek dalam grid, maklumat penting yang menyifatkan ia diserlahkan.

Penguasa dalam editor "Photoshop"

Tapak dibuat menggunakan editor grafik raster atau vektor . Grid di dalamnya sangat mudah untuk dicipta. Pertimbangkan bagaimana ia dilakukan dalam editor Photoshop yang popular. Mewujudkan grid modular dalam Photoshop adalah sangat mudah.

Untuk mewujudkan penguasa di sepanjang perimeter tetingkap imej, pergi ke menu utama "Lihat" dan klik pada "Raja". Dalam editor ini, anda boleh menggunakan pelbagai elemen - dengan bahagian dalam sentimeter, milimeter, inci atau piksel. Untuk membuat penyesuaian yang diperlukan, pergi ke item menu utama "Edit" (Edit). Kemudian pilih baris "Keutamaan" ("Unit & Raja"). Selepas itu, tetingkap akan muncul di mana anda boleh menukar rupa pemerintah. Dalam menu lungsur atas, pilih sentimeter, milimeter, piksel, dan sebagainya.

Bagaimanapun, biasanya apabila bekerja di editor "Photoshop", gunakan kaedah yang sedikit berbeza dan mudah. Untuk menukar unit pengukuran, klik pada penguasa dalam tetingkap imej dengan butang tetikus kanan. Selepas itu, dalam menu yang muncul ia mungkin untuk membuat tindakan yang diperlukan. Biasanya, apabila membuat tapak, grid digunakan dalam piksel.

Grid Photoshop

Grid modular dari program "Photoshop" akan kelihatan selepas anda pergi ke menu utama "Lihat" - "Show" - "Grid" (Grid). Langkah antara garisan grid boleh dilaraskan. Untuk melakukan ini, jalankan arahan "Edit" - "Tetapan" - "Panduan, Grid dan Rempah" (Panduan, Grid, Rempah). Di sini anda boleh mengubah bukan sahaja langkah antara garisan, tetapi juga warna mereka. Menggunakan grid ini, dengan pantas dan tepat di tempat kerja semua objek tapak masa depan akan menjadi tidak rumit.

Bekerja dengan kursor

Grid modular di laman dibuat dengan cara ini sangat sederhana. Kursor di kerja melekat pada baris. Ini boleh menjadi mudah jika anda ingin membuat blok tepat, saiz tertentu. Jika fungsi ini tidak diperlukan untuk sebab tertentu, anda boleh mematikannya. Secara lalai, asal grid di Photoshop terletak di sudut kiri atas tetingkap. Jika dikehendaki, anda boleh mengalihkannya ke mana-mana tempat lain di kanvas. Untuk melakukan ini, gerakkan kursor ke dataran asal dan hanya seret dengan menahan butang tetikus. Untuk memulangkan titik rujukan ke tempatnya, klik dua kali pada dataran yang sama di sudut.

Antara lain, terdapat pelbagai pemalam untuk editor "Photoshop", yang menjadikan membuat tapak menggunakan grid modular lebih mudah. Muat turunnya dalam talian. Dengan menggunakan pemalam ini, anda boleh membuat grid dengan parameter yang ditentukan.

Grid di CorelDraw

Sekarang mari kita lihat bagaimana membuat grid modular dalam editor vektor CorelDraw. Di sini ia dicipta sama seperti di Photoshop. Ikonnya terletak di panel atas (mata di grid). Selepas mengklik padanya, anda boleh melakukan semua tetapan yang diperlukan. Anda boleh memilih jarak antara garisan, menukar unit ukuran, dan lain-lain. Mengasingkan medan kerja dalam tetingkap imej dalam CorelDraw dan menggunakan panduan. Jika perlu, mereka boleh dibuat kelihatan atau tidak kelihatan.

Grid modular dalam reka bentuk tapak adalah elemen asas, yang harus didekati dengan tanggung jawab maksimum. Lagipun, dengan seberapa baik sumber itu akan distrukturkan, kemudahan pengunjungnya bergantung, dan oleh itu masa yang dihabiskan di halaman mereka.