Setting Grid Bootstrap di Sketch App

0
240
setting grid bootstrap di sketch app

GarudaPixel.com – Sebelum memulai sebuah design website, baiknya kita mengatur sebuah Grid terlebih dahulu. Karena, Grid ini lah yang membantu developer untuk menjadikan design kita menjadi tampilan HTML atau Template Website.

Sebenarnya, Grid ini hanya sebagai patokan saja pada saat pembagian sebuah kolum pada design content. Well, kalian tentunya boleh dong design selepas dari Grid ini dan bila bertemu dengan design yang membutuhkan pembagian kolum. Baru deh kalian pake Grid tersebut untuk sebagai Guide.

Setting Grid Bootstrap

Hal pertama adalah kalian perlu pergi ke menu View di pojok kanan atas lalu klik saja maka akan keluar dropdown seperti gambar di bawah lalu pilih Layout Setting.

setting grid bootstrap di sketch app

Setelah itu, kalian bisa atur deh beberapa pengaturan yang telah Garuda siapkan untuk kalian. Jadi, kalian hanya perlu ikutin saja gambar di bawah ini dan jangan sampai salah ya.

setting grid bootstrap di sketch app

Finish! kalian telah mendapatkan sebuah Grid dengan jumlah 12 kolum yang siap digunakan untuk membuat sebuah tampilan website dengan baik dan rapih. Itulah fungsi utama Grid, jangan sampai dilupakan ya.

setting grid bootstrap di sketch app