Laman » Toolkit » Automate Your Design Grid Process dengan GridGuide

    Automate Your Design Grid Process dengan GridGuide

    Langkah utama pertama dalam setiap reka bentuk laman web adalah memilih grid. Ini biasanya mentakrifkan lebar maksimum halaman bersama dengan berapa banyak lajur dalaman dan selokan akan digunakan untuk membahagikan susun atur.

    Anda boleh cuba membina sendiri tetapi alat terbaik untuk tugas ini ialah GridGuide. Ia adalah webapp percuma sepenuhnya sepenuhnya mengautomasikan generasi grid untuk mana-mana laman web tanpa mengira saiznya.

    Cukup masukkan lebar maksimum yang diingini diikuti dengan jumlah lajur yang anda inginkan. Biasanya kedua-dua nombor ini harus dibahagikan, jadi ia adalah idea yang baik untuk mengelakkan nombor perdana. Berikut adalah beberapa lebar maks umum untuk laman web:

    • 1100px dengan 12 lajur
    • 1200px oleh 8/12 lajur
    • 1240px oleh 8/12 lajur
    • 1440px oleh 8/10/12 lajur
    • 1600px oleh 8/10/12 lajur

    Tidak semestinya tiada jawapan yang salah di sini. Awak boleh pilih mana-mana lebar dan selagi ia sama rata dengan bilangan lajur maka anda baik untuk pergi.

    GridGuide adalah webapp yang menyegarkan supaya ia kemas kini secara automatik apabila anda memasukkan nilai ke dalam medan input. Oleh kerana anda menyesuaikan nombor di bahagian atas, anda akan melihatnya pratonton grid berubah secara automatik.

    Saya digunakan untuk bergantung pada Photoshop untuk tugas ini dan ia membuatkan saya batty. Secara jujur ​​mewujudkan grid adalah salah satu langkah yang paling mengecewakan ketika merancang laman web baru, dan mendapatkan angka piksel-sempurna boleh menyebalkan.

    Tetapi GridGuide sepenuhnya automatik dan memberikan anda banyak pilihan grid berbeza berdasarkan saiz lajur yang berbeza dan lebar longkang.

    Anda juga boleh muat turun imej PNG penuh grid yang anda pilih untuk diimport ke dalam Photoshop. Ini akan menjimatkan banyak masa jadi anda tidak membuat semula grid dengan alat bentuk dari awal.

    Dan jika anda suka gaya grid tertentu, anda boleh menjana pautan saham untuk penanda halaman untuk kemudian atau untuk berkongsi dengan orang lain di web.

    Untuk alat yang benar-benar bebas dan begitu mudah untuk digunakan ini harus menjadi cadangan atas saya untuk setiap pereka web tunggal. Jika anda perjuangan dengan grid dan membenci anda sendiri maka GridGuide adalah sumber yang mesti ada dalam kotak peralatan anda.