“GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum...

22
Mengenal Sistem “GRID” Dalam Desain By Yudi Adha, ST. MMSI Dalam Desain

Transcript of “GRID” - Gunadarmaadha.staff.gunadarma.ac.id/Downloads/files/16025/GRID.pdf · Dahulu sebelum...

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

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

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

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

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

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

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

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

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
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

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
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
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

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

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

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

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

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

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

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
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

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

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]