Selamat Datang

Contoh Website Super Keren Berbasis Grid

Desain berbasis Grid sangat sederhana dan elegan, murni menggunakan bentuk-bentuk klasik seperti persegi dan persegi panjang dalam berbagai kombinasi. Kombinasi seperti itu jika digandakan akan membentuk layout yang sangat menarik dan juga unik, berbeda dengan kebanyakan layout. Grid adalah desain yang di organisasi untuk desain bergaya metro (Metro Style), tapi ini tentunya tidak eksklusif untuk Metro. Secara umum, sebagian besar layout website didasarkan pada struktur grid yang digunakan untuk menentukan dimana setiap elemen harus diletakan.

Desainer banyak yang menggunakan garis grid vertikal dan horizontal untuk mengatur semua elemen dalam tempat yang sesuai dan menciptakan tata letak yang menarik dan sangat fungsional. Grid membantu untuk melihat bagaimana unsur-unsur bentuk dan ukuran yang berbeda dapat menyatu dalam satu struktur dan membentuk harmoni yang sempurna. Gagasan untuk menciptakan tata letak grid ini sudah ada sejak lama, teori “Rule of Thirds” yang biasa digunakan di dunia fotografi atau teori Golden Ratio juga menjelaskan penggunaan yang tepat dari sistem grid dalam mendesain layout web.

Berikut ini beberapa contoh website super keren berbasis Grid yang bisa menginspirasi anda.

1. Orangina

orangina

2. Cheval Blanc

chevalblanc

3. 100 Years Of Design

100 years of design

4. La Vie La Fresh

la vie la fresh

5. Sismo Design

sismo design

6. Cyril Masson

cyril masson

7. Blocklevel

block level

8. Anthony Moor’s Template

anthony moor's grid layout

9. Good Morning

good morning grid layout

10. Lush

lush store grid

11. Canalsat

canalsat

Semoga contoh-contoh desain berbasis grid diatas bisa menginspirasi anda untuk membuat website keren lain dengan memanfaatkan grid.

Salam Web Design Indonesia





Penulis :

Website yang berisi Tutorial, Tips, Trik, Inspirasi, Opini, Cerita, Studi kasus, dan berbagai hal menarik tentang Web Design, Web Development dan Graphic Design untuk orang-orang kreatif di Indonesia. View all posts by TWD Editorial

Comments

5 thoughts on “Contoh Website Super Keren Berbasis Grid

  1. Rulli says:

    GIla Mantep mamen :D :v

  2. Wah mantep mantep nih web nya, coba ane bisa buat kayak gitu.. #ngarep

  3. Toni says:

    tadinya saya pikir loading dari contoh – contoh web berbasis grid diatas akan sangat berat, setelah saya kunjungi satu per satu ternyata cukup cepat. keren dah, nanti kalau buat web lagi jadi pengen seperti web2 diatas

  4. jenny says:

    jadi semangat belajar web design

Leave a Comment

XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


Klik Tombol Like / Suka ya kawan..

Klik tombol "Like" atau "Suka" untuk mendapatkan update tutorial, tips & tricks serta info terbaru seputar dunia web design & development