“grid” - gunadarmaadha.staff.gunadarma.ac.id/downloads/files/16025/grid.pdf · dahulu sebelum...
TRANSCRIPT
![Page 1: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/1.jpg)
Mengenal Sistem
“GRID”
Dalam Desain
By Yudi Adha, ST. MMSI
Dalam Desain
![Page 2: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/2.jpg)
Apakah Anda pernahmendengarmendengar“GRID” ?
![Page 3: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/3.jpg)
GRID
Grid adalah susunan kerangka yang dibangun atas garis dengan posisi
vertikal dan horizontal, grid dipergunakan sebagai alat bantu untuk dipergunakan sebagai alat bantu untuk menyusun atau mengatur objek dalam
kontek perencanaan dalam ruang gambar dua dimensi.
![Page 4: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/4.jpg)
GRID
Sistem grid adalah kemampuan dasar yang harus dimengerti dan dipahami oleh seorang desainer.
Dahulu sebelum sistem grid web disediakan secara Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri menggunakan ruler dan guide pada Photoshop. Kini
template atau dasar dari Grid telah banyak disediakan untuk dapat segera dipergunakan.
![Page 5: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/5.jpg)
Mengapa Grid harus dipergunakan ?Mengapa Grid harus dipergunakan ?
![Page 6: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/6.jpg)
GRID
Grid dalam desain grafis dipergunakan sebagai alat bantu untuk menyusun, mengatur komposisi objek visual, dalam istilah lain dipergunakan untuk membantu pengaturan tata letak, objek tersebut terdiri dari elemen grafis, yakni; huruf dan image.
Biasanya susunan huruf terdiri dari penempatan judul (headline), naskah (bodytext), atau susunan lainnya yang menggunakan unsur huruf. Sedangkan penggunaan image terdiri dari ; gambar-gambar dalam bentuk foto, ilustrasi, clipart dan seterusnya.
![Page 7: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/7.jpg)
GRID
Fungsi grid, selain alat pengaturan komposisi dalam ruang dua dimensi, grid dapat menciptakan sifat-sifat yang berkaitan dengan penampilan (performance) dalam bentuk desain, penampilan (performance) dalam bentuk desain, atau bisa menciptakan kesan (impression) tertentu; seperti sifat formal, mahal, murah dan seterusnya.
![Page 8: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/8.jpg)
Pada dasarnya, semua yang kita lihat dan saksikan berdasarkan pada Grid, denah bangunan, bentuk gedung, layout majalah atau buku, tata ruang, bahkan desain Web berdasarkan pada Grid.
Perhatikan gambar dibawah ini:
Gambar diatas adalah contoh sebuah grid, yang dibangun dari garis-garis yang beraturan membentuk satu kesatuan. Grid diatas dapat kita tambahkan lebih banyak garis untuk lebih menambahkan detail pada karya kita nantinya.
![Page 9: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/9.jpg)
![Page 10: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/10.jpg)
Keberadaan grid pada dasarnya adalah membantu untuk
menempatkan berbagai elemen dalam sebuah desain agar nampak dalam sebuah desain agar nampak
beraturan, lebih harmoni, lebih memiliki alur. Perhatikan pada contoh
layout berikut:
![Page 11: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/11.jpg)
![Page 12: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/12.jpg)
![Page 13: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/13.jpg)
Bandingkan kedua layout diatas,
Mana yang lebih enak dilihat ? Mana yang lebih enak dilihat ?
![Page 14: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/14.jpg)
tentunya yang lebih enak untuk dilihat mata adalah yang kedua.
Ya tentu saja, grid memberikan patokan-patokan dan ukuran-ukuran
yang memungkinkan sebuah area yang memungkinkan sebuah area atau objek memiliki ukuran dan
posisi yang teratur.
![Page 15: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/15.jpg)
Examples : Denah Bangunan
![Page 16: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/16.jpg)
Examples : Denah Gedung
![Page 17: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/17.jpg)
Examples : Layout Majalah
![Page 18: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/18.jpg)
Examples : Layout Majalah
![Page 19: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/19.jpg)
Examples : detik.com
![Page 20: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/20.jpg)
![Page 21: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/21.jpg)
Dalam dunia desain cetak dan web, penggunaan Grid sebagai acuan desain akan sangat membantu
seorang desainer menyelesaikan seorang desainer menyelesaikan pekerjaannya.
![Page 22: “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum sistem grid web disediakan secara luas oleh para web desainer, biasanya Grid sendiri](https://reader031.vdocuments.site/reader031/viewer/2022011911/5f9568784d344b56997a49d4/html5/thumbnails/22.jpg)
Yudi Adha. ST. MMSI
Staff Laboratorium MultimediaGD.4 Lt. 4 Ruang 8UG Kampus D Jl. Margonda Raya No. 100 DepokPhone : (021) 78881112 Ext. 465Mobile : 0812-9573656 / 021-92624247Email : [email protected] : [email protected]