Tutorial Web Design Indonesia

Menyambung postingan saya mengenai Flat Design sekarang saya akan mempostingkan contoh-contoh desain website flat design  sebagai acuan atau referensi kalian dalam mendesain web. Untuk nuwbie ketika mendesain memang harus mempunyai acuan atau patokan dalam mendesain. itung-itung sebagai gambaran desain web kita. Jika kalian merasa hal seperti ini dianggap salah saya tegaskan disini anggapan itu SALAH BESAR , kenapa? dulu saya juga merasa bahwa mematok desain orang lain itu salah satu bagian dari menjiplak. Tidak bisa kita pungkiri bahwa hal ini benar, tetapi sekali lagi yang perlu ditekankan adalah notabane nya kita ini baru dalam dunia desain web. Kita hanya belajar cara mendesain website yang baik dari ahli nya. Coba misalkan jika kalian benar-benar baru dalam mendesain website dan mencoba membuat template dalam bentuk PSD atau HTML saya yakin hasil yang didapatkan tidak akan memuaskan. Awal-awal boleh kita menjiplak sama persis untuk belajar, tetapi masa iya selamanya kita mau menjiplak? kapan kita bisa menjadi orang yang kreatif nya kalo menjiplak terus. Ingat pepatah lama yang mengatakan kalau "Kita Bisa Karena Terbiasa" nah poin ini yang ingin saya tekankan ke teman-teman sekalian.

Kita perlu melihat-lihat hasil desain orang lain, tetapi hanya sebatas melihat sebagai acuan trend desain web sekarang. Bukan menjiplak ya :) , karena saya sangat-sangat malu sekali banyak orang indonesia yang melakukan plagiat atau jiplak desain orang lain. Bahkan di salah satu forum mengatakan bahwa orang-orang di indonesia tidak kreatif, jika ada kasus tentang plagiat negara-negara yang disalahkan antara lain india dan indonesia. Cukup membuat saya menarik nafas "hufffftttt".

2. Bandung Flat (Buatan Saya)

Hari ini saya akan memposting mengenai Trend Web Desain 2013 yaitu FLAT DESIGN. Apa sebenarnya flat design itu? menurut Lukas Clum flat design adalah pendekatan desain minimalis yang menekankan kegunaan. Ini fitur bersih, ruang terbuka, tepi tajam, warna-warna cerah dan ilustrasi two-dimensional/flat. Sehingga dapat kita simpulkan bahwa flat design website lebih menekankan terhadap permainan warna yang cerah juga tegas, konten yang minimalis tetapi tidak terlihat membosankan, ilustrasi / gambar 2 dimensi yang menarik dan juga permainan tipografi. Sebelumnya trend desain ke arah desain skeuomorphic , yang berusaha untuk membawa kehidupan nyata ke layar, dengan tekstur faux-realistis, bayangan dan karakteristik objek nyata. Lalu sekarang beralih ke trend flat desain. Sebagian orang termasuk saya , menganggap bahwa trend desain sekarang ini mengalami kemunduran ke masa lalu ketika tahun 1980 an. Sama halnya seperti trend fashion yang sering berganti mode memberikan inovasi baru bagi pecinta mode , atau jika para desainer mulai kehabisan akal terkadang akan menggunakan desain jaman dulu sebagai acuan untuk trend fashion. Bahkan tidak jarang hal seperti ini lah yang membuat barang dagangan mereka lebih laku dibandingkan membuat inovasi mode yang sangat sering terlihat norak. Begitu juga sama halnya dengan web desain, para front end atau web desainer melakukan remix desain dengan trend masa lalu. 

Contoh web tivix diatas menunjukan kesan simple tetapi memberikan informasi yang padat dan berisi, apa kesimpulan yang bisa kita ambil? boleh website itu simple tetapi harus tersampaikan juga informasi yang ditampilkan. Jangan sampai karena gambaran flat design  itu adalah simpel kita bisa seenaknya saja menampilkan informasi, sehingga malah terlihat seperti malas dalam membangun / mendesain web. 

 Tahu ebay kan? jika kalian masih bingung dengan flat design gambaran logo diatas akan sangat membantu untuk memahami flat design. Lihat logo ebay yang lama (kiri) bagi orang yang tidak suka dengan hal yang glamour atau rame pasti logo lama ebay akan tidak disukai oleh orang tersebut. Berbeda dengan logo ebay yang baru (kanan) , bagi orang yang menyukai desain yang wah, glamour atau rame pasti akan menyukai logo baru ebay dan begitupun sebaliknya orang yang menyukai hal simple sudah bisa dipastikan akan menyukai logo tersebut. Disini kita bisa mengambil garis besar bahwa flat design mudah digemari oleh siapa saja.

Dengan begitu banyak situs-situs baru dan start-up bermunculan setiap hari,, situs web berkualitas tinggi profesional tidak lagi opsional . Jika Anda ingin perusahaan Anda dianggap serius, apalagi menonjol, Anda harus memiliki desain yang baik mengesankan dan profesional.

Namun dalam kenyataannya memang sulit sekali untuk membuat desain website yang WOW banget itu, apalagi bagi yang masih baru mulai membuat website. 

Kiss, atau "Keep It Simple, Stupid" adalah prinsip suara dalam banyak hal tetapi ini sangat penting untuk merancang situs web pada anggaran. Desain sederhana yang mudah untuk dibuat, sehingga membuat mereka lebih murah dan lebih cepat, tetapi mereka juga lebih berani, lebih mudah diingat dan lebih mudah beradaptasi. Sebuah desain yang benar-benar sederhana akan bekerja sama dengan baik pada smartphone seperti halnya sebuah "monitor layar 24 inci dan akan menonjol dalam pikiran pengguna.

Daripada mencoba untuk menjejalkan segala sesuatu yang mungkin Anda inginkan ke dalam desain, mulai dengan berfokus pada salah satu elemen kunci yang ingin Anda sorot dan membangun sisa situs Anda di sekitar itu. Perlakukan desain Anda seperti Anda akan lampu neon, sesuatu yang menonjol dan hanya dapat membawa pendek, tapi kuat, pesan.

Setelah Anda punya pusat visual yang kuat, yang terbaik untuk juga menjaga sisa tata letak Anda di tempat yang bersih, format yang sederhana dan akrab. Tradisional tata letak dua kolom mungkin adalah format yang paling banyak digunakan dan paling-populer untuk melakukan hal ini. Sebuah tata letak dua kolom dengan sisi kanan bar dan bar navigasi di atas tidak hanya membuat jelas bagi pembaca , tapi merupakan desain yang akrab bagi hampir semua pembaca.

Setelah Anda punya pusat visual dan tata letak yang baik, jangan mendesain situs Anda dengan warna yang redup. Gunakan  warna-warna cerah yang menonjol dan mencoba untuk membatasi diri hanya satu primer dan satu warna sekunder. Menggunakan banyak warna kalem dan kontras halus akan membuat desain Anda sulit untuk dilihat dan membuatnya tampak "abu-abu".

Jika Anda memerlukan bantuan memilih skema warna yang baik, gunakan situs seperti

colourlovers.com untuk membantu Anda memilih skema yang dinamis dan menarik.

Singkatnya, menjaga segala sesuatu yang Anda lakukan efisien, dengan satu titik fokus, satu warna utama, satu warna sekunder, dan satu atau dua kolom layout sederhana untuk sisa konten Anda.