''' GridKekisi''' <ref>{{Cite journal|last=Forte|first=Vincent J.|date=2010-01|title=Smart Grid at National Grid|url=http://dx.doi.org/10.1109/isgt.2010.5434729|journal=2010 Innovative Smart Grid Technologies (ISGT)|publisher=IEEE|doi=10.1109/isgt.2010.5434729}}</ref>adalah struktur yang terdiri dari serangkaian berpotongan lurus ( vertikal, horizontal, dan angular ) atau melengkung yang berguna sebagai panduan struktur konten. GridKekisi juga bisa bermanfaat dalam pembuatan buku, majalah, web, atau halaman aplikasi. ▼▲'''Grid''' <ref>{{Cite journal|last=Forte|first=Vincent J.|date=2010-01|title=Smart Grid at National Grid|url=http://dx.doi.org/10.1109/isgt.2010.5434729|journal=2010 Innovative Smart Grid Technologies (ISGT)|publisher=IEEE|doi=10.1109/isgt.2010.5434729}}</ref>adalah struktur yang terdiri dari serangkaian berpotongan lurus ( vertikal, horizontal, dan angular ) atau melengkung yang berguna sebagai panduan struktur konten. Grid juga bisa bermanfaat dalam pembuatan buku, majalah, web, atau halaman aplikasi.
== Jenis - Jenis Gridkekisi ==
Berikut adalah jenis - jenis gridkekisi dalam desain, yaitu :
# Garis dasar
# Baseline
# ColumnKolom
# Modular
# Naskah
# Manuscript
# PixelPiksel
# Hierarkis
# Hierarchical
=== 1. BaselineGaris dasar ===
Jenis gridkekisi ini merupakan garis tebal dengan garis horizontal dan menggunakan jarak yang sama. Dengan jenis ini bisa menentukan dimana teks akan diletakkan dan juga bisa digunakan untuk memastikan bahwa garis teks di setiap kolom sejajar merata di seluruh ''spreadsebaran.''
=== 2. ColumnKolom ===
Jenis ini berfungsi untuk membagi halaman menjadi kolom. Tipe ini merupakan jenis yang paling banyak desainer gunakan dalam membuat website, bahkan banyak majalah dan surat kabar yang menggunakan gridkekisi ini.
=== 3. Modular ===
ModularKekisi Gridmodular merupakan kisi kolom dan baris yang bisa memberitahukan bagaimana penempatan sumbu X dan sumbu Y pada formulir. Modular biasanya melibatkan pengambilan kisi kolom, kemudian menambahkan baris ke dalamnya.
=== 4. ManuscriptNaskah ===
ManuscriptNaskah adalah kisikekisi satu kolom yang menentukan pada bagian mana suatu teks akan diletakkan, Biasanya jenis ini bisa diterapkan pada buku klasik ' tradisional ' dengan tata letak halaman yang biasanya saling berhadapan.
=== 5. PixelPikssl ===
PixelPiksel adalah salah satu jenis sistem dalam desain yang biasanya berguna untuk melihat jumlah pixel suatu dokumen dan foto. Adapun caranya, yaitu memperbesar dalam jarak dekat sebuah dokumen pada saat menggunakan Photoshop. Cara lain yang bisa digunakan adalah dengan menggunakan ''tools''perkakas foto untuk mengetahui jumlah pixelpiksel.
=== 6. HierarchicalHierarkis ===
Jenis gridkekisi yang terakhir adalah Hierarchicalhierarkis. Sistem ini tidak memiliki spasi yang sama antar modul. Sistem ini merujuk pada setiap kisi yang tidak beraturan yang mengakomodasi kebutuhan suatu konten. GridKekisi ini mungkin sepenuhnya berbentuk bebas atau terdiri dari dua grid yang berlapis atau bahkan bisa berbentuk grid tambahan lainnya.
== Tips Menggunakan Gridkekisi ==
Sistem gridkekisi terdiri dari tiga elemen penting, yaitu kolom, ''glutters,''parit dan, sempadan''margin.'' Setiap material tersebut memiliki tips tertentu dalam penggunaannya.Berikut adalah beberapa tips dalam menggunakan sistem grid;
=== 1. Kolom ===
salahSalah satu tips penggunaan gridkekisi yaitoyaitu konten diratakan di area layar yang berisi kolom. Dalam menentukan lebar kolom bisa menggunakan persentase bukan nilai tetap. Hal ini memiliki tujuan untuk memungkinkan konten secara fleksibel dengan ukuran layar apa pun. Sedangkan, untuk jumlah kolom, sebaiknya tampilkan dalam petak rentang seukuran layar yang masih bisa terlihat baik untuk seluler, tablet, dan perangkat lainnya.
=== 2. GuttersParit ===
GuttersParit merupakan ruang antar kolom yang dapat membantu dalam memisahkan konten. Untuk rentang ''breakpointnilai-''nyarengkahnya bisa menyesuaikan dengan kebutuhan agar desain tampak lebih menarik dan rapi. GluttersParit yang lebih lebar akan cocok untuk perubahan yang lebih besar pada ''breakpoint''nilai rengkah yang berbeda. Selain itu, gutters yang lebih lebar bisa menciptakan ruang kosong yang lebih banyak antara kolom.
=== 3. MarginSempadan ===
MarginSempadan adalah ruang antara tepi kiri dan kanan layar. MarginSempadan yang lebih lebar untuk layar yang lebih besar. Hal ini untuk menghindari terlalu banyak ruang kosong pada konten yang malah akan membuat konten tampak tidak menarik.
== Manfaat Gridkekisi ==
Sistem grid juga diartikan sebagai serangkaian pengukuran yang bisa digunakan dalam desain grafis oleh desainer. Grid berfungsi untuk menyelaraskan dan mengukur objek dalam format yang sudah diberikan. Berikut adalah manfaat menggunakan grid untuk mendesain sebuah website.
=== 1. Tidak Perlu Membuat CSS ===
Dengan memanfaatkan sistem gridkekisi, tidak perlu untuk membuat CSS atau ''CascadingLembar Style Sheet''Gaya Pencegaran di awal. Hal itu terjadi karena sudah disediakan semua di sistem Grid.kekisi
=== 2. WebsiteLaman web Mudah Dipahami ===
Manfaat sistem gridkekisi selanjutnya adalah membuat websitelaman web yang di kelola mudah di pahami. Karena informasi yang sudah ada pada ''layout'' sudah sangat jelas dan terarah. Tidak hanya itu, penggunaan gridkekisi juga akan memudahkan pengguna dalam menemukan konten yang di inginkan.
=== 3. Mempermudah Kerjasama DesainerPerancang Dandan DepeloperPengembang ===
Grid memudahkan kerjasama desainer dan developer karena adanya tempale PSD. Grid juga akn memudahkan developer untuk mengidentifikasikan ''block'' yang desainer gunakan, karena semua sudah tertata sangat rapi.
=== 4. Konten Dan ElemenUnsur Tertata Rapi ===
Manfaat Gridkekisi selanjutnya adalah konten dan elemen bisa tertata dengan rapi. Hal tersebut dikarenakan adanya jarak antar konten. Sehingga, secara tidak langsung akan sangat bermanfaat untuk yang memiliki banyak konten. Tampilan website yang dikelolapun ajan menjadi lebih dinamis sehingga lebih menarik.
=== 5. Pengerjaan Lebih Cepat ===
Dengan sistem gridkekisi, tidak perlu membuat templatepola acu atau CSS karena semua yang dibutuhkan sudah tersedia. Sehingga, proses desain bisa dilakukan lebih cepat dan waktu tidak terbuang banyak dalam melakukan pekerjaan.
=== 6. Memudahkan PaginationPaginasi ===
PaginationPaginasi adalah pengaturan halaman. Dengan sistem gridkekisi bisa melakukan paginationpaginasi dengan mudah. Hal ini akan bermanfaat untuk menampilkan konten lebih tertata.
=== 7. Menaikkan ConversionNilai RateTukar WebsiteLaman Web ===
Manfaat sistem gridkekisi yang selanjutnya adalah bisa menaikkan conversionnilai ratetukar websitelaman web. Sistem ini bisa membuat websitelaman web lebih menarik dan pengunjung akan betah untuk berlama - lama melihat website dan akan bermanfaat untuk menaikkan trafiklalu lintas dan conversionnilai ratetukar websitelaman web.
[[Kategori:Grid Network]]
__PAKSADAFTARISI__
| 