TREND FLAT DESIGN

Ngomongin desain adalah salah satu alasan terciptanya blog ini sob. Jadi yang suka tentang desain silahkan aja berkunjung kesini. Gue akan sharing ilmu dan pengalaman deh, apalah arti sebuah ilmu jika nggak dibagikan. Lha wong, yang punya ilmu aja bukan kita kok. Kalo nggak berbagi ntar diambil yang punya ilmu loh.

Sob, sering memperhatikan desain nggak? Minimal desain web deh buat yang sering browsing di internet. Apalagi kalo buka Google. Halaman utamanya pasti didesain seminimalis mungkin tanpa menghilangkan tujuan utamanya. Yang minimalis begitu bisa dibilang flat desain sob.

Trend sekarang menunjukkan bahwa flat desain sangat digandrungi oleh desainer. Coba aja jalan-jalan ke Behance, Dribble, App Store dan lain sebagainya. Disana bakal ditemuin desain-desain simpel mulai dari logo sampau UI (User Interface).

Sebenarnya trend flat design sendiri udah ada sejak dulu. Tau aja kan pengolah grafis saat itu masih terbatas. Dan perkembangan teknologi hardware mulai dari kapasitas RAM, clockspeed CPU sampai pada pixel display membuat trend skeumorphism. Ini diterapkan di icon-icon iPhone contohnya.

Nah akhir-akhir ini semenjak Windows Mobile milik Microsoft datang ke ranah mobile phone membawa nuansa flat lagi. Entah ini ada hubungannya sama Microsoft atau nggak gue gak tau.

Jadi kalo diliat dari beberapa cerita diatas maka Flat Design memiliki ciri sebagai berikut:
- Flat design itu flat!
- Flat design itu simple banget gapake ribet

- Flat design gak ada gradasi
- Flat design untuk sudut biasanya lancip, contoh persegi. Tapi sekarang udah banyak juga yang round.
- Flat design kalo pake warna sangatlah kontras dan terlihat bedanya
- Flat design gak ada shadow, bevel, tekstur, efek 3 dimensi. Kalo shadow ya flat shadow
- Flat design itu 2 dimensi
- Flat design pokoknya minimalis dan simpel
- Flat design gak pake efek macem-macem
- Flat design yang ditonjolin tipografinya

Paham kan? Nah yang nggak termasuk Flat Desain tentu kebalikannya.

Entah kenapa Flat Desain sekarang lebih disukai. Mungkin karena simpel dan gapake ribet untuk menemukan maksud dari desain yang diberikan.

Hal yang paling mudah kalo kita lihat perkembangan smartphone nih. Bandingin aja user interfacenya Android mulai dari Cupcake, Donuts, Eclair, Froyo dan Ginggerbread versus Honeycomb, ICS dan JellyBean. Mulai dari versi Honeycomb dan ICS, Android memperkenalkan istilah Holo UI. Dimana background hitam dan navigasi berwarna biru jadi andalan.

Holo UI (Android Headlines)

Kenapa Flat Desain begitu disukai?

Menurut teori nih sob, sebuah desain sudah seharusnya simpel dan to the point. Kalo di dunia desain ada istilah namanya whitespace dimana nggak ada elemen yang bikin ribet mata. Disini whitespace bisa digunakan mata untuk beristirahat. Karena to the point dan simpel tadi maka makna desain langsung ditangkep oleh mata. Bukankah itu yang diinginkan dari desain?

Kalo mau lebih jelas lagi dengan Flat Desain, loe bisa liat UI dari WindowsPhone atau MetroUI dari Microsoft. Desainnya tegas dan berbeda dari Android maupun Apple.

Entah direncanakan atau nggak, yang jelas semenjak WindowsPhone dirilis maka Flat UI semakin berkembang. Ada kecenderungan setiap orang memilih sesuatu yang sederhana, gak pake ribet dan berguna.

Selanjutnya apa?

Diatas gue sudah sedikit ngebahas tentang long shadow deh kayaknya. Nah kalo longshadow itu kayak Flat Desain ditambah dengan shadow. Mungkin orang-orang udah kangen sama skeumorphism tapi belum bisa ninggalin flat ya gini. Shadownya ikutan dibuat flat.

Flat Desain sering jadi topik hangat di dalam UI dan Web Design. Tapi nggak gitu juga, dalam dunia advertising dan lainnya juga dipake. Contohnya adalah Dakwah Visual dari Al Fatih Studio, rata-rata juga pake Flat Desain. FYI, Al Fatih Studio ada hubungannya sama Ustadz Felix Siauw.

Selanjutnya adalah trend long shadow

Software untuk Flat Desain?

Sebenernya untuk memunculkan ide dari Flat Desainlah software yang paling ampuh, yakni otak kita. Karena dengan Microsoft Word pun kita bisa bikin Flat Desain. Saran gue bagi mahasiswa yang kuliah ada baiknya pake Flat Desain dalam slide presentasi yang dibawakan. Usahakan font terlihat jelas dan clear, nggak nabrak gambar dan pergunakanlah flowchart atau bagan dengan baik. Balik lagi ke software, sebenarnya apapun bisa. Kalo gue milih CorelDraw karena basisnya vektor. Disaat butuh tambahan efek atau memperhalus gue lariin ke Photoshop biar lebih mudah.

Ada banyak software yang bisa kita pake buat Flat Desain. Diantaranya CorelDraw, Adobe Ilustrator, Adobe Photoshop dan lain sebagainya. Mulai dari yang open source kayak Inkscape.

Dan Flat Desain berkembang juga karena perkembangan smartphone sob. Loh apa hubungannya?

Ada!

Jadi gini, smartphone jaman sekarang pasti layar sentuh kan. Udah jadi rahasia umum kalo smartphone layar sentuh dengan ukuran layar 3 inchi bikin pegel jari. Untuk mensiasati hal tersebut maka Flat Desain bisa jadi pilihan user interface yang ditawarkan.

Kenapa?

Pertama karena fungsionalitas dari flat itu sendiri memperluas objek. Bayangin aja kalo sebuah tombol UI di smartphone tampilannya ribet. Jangan heran kalo banyak typo. Kedua karena tampilan lagi, tapi ini masalah di mata. Kalo tadi kan masalah di sentuhan. Dengan Flat Desain, mata lebih mudah mengenali objek karena banyaknya whitespace tadi. Ketiga karena ringan. Kalo flat desain menonjolkan warna untuk membedakannya, tentu objek atau elemen yang digunakan dikit. Berbeda halnya dengan skeumorphism.

Ada tool yang ngebantu?

Banyak sob! Contohnya kalo kita bingung sama pemilihan warna buat flat desain yang rata-rata menggunakan warna pastel yang ramah lingkungan, eh bukan.. maksudnya ramah di mata. hehe..

Loe bisa pake flatuicolors.com. Di sana ada banyak warna yang biasa digunakan dalam Flat Desain.

Berarti bikin Flat Desain gampang dong?

Nggak juga sob. Kalo banyak praktek sih gampang, tapi kalo jarang ya tebak aja sendiri. Alih-alih desain semakin bagus harapannya tapi realita sebaliknya. Karena Flat Desain sendiri perlu modal cerdas dan kreatif sob, nggak sesimpel kayak kedengarannya 'flat' itu.

Bahaya gimana?

Jadi gini. Biar gue jelasin per poin ya!

1. Jangan lupakan tujuan Flat Desain

Kalo dalam skeumorp kita bisa menggunakan gradien, tekstur dan dropshadow maka di Flat Desain kita gak bisa make. Kenapa? Karena flat. Tapi tantangannya disini. Kita nggak menghilangkan efek-efek tersebut diatas melainkan mengganti efek-efek diatas sesimpel mungkin dan mewakili dari efek diatas. Artinya kita nggak ngelupain maksud dari apa yang kita buat sob..

2. Warna

Warna adalah poin penting dalam Flat Desain. Jangan sampai istilah Flat Desain jadi Fat Desain karena 'menggemuknya' warna. Kesalahan beberapa desain adalah menggunakan warna berlebihan hingga menyebabkan perbedaan makna sampai semakin kacau dan rancu. Kok bisa? Iya karena warna sendiri memiliki efek psikologis yang berbeda-beda antara satu dan lainnya. Warna adalah informasi, informasi adalah warna.

3. Typografi

Typoaejojgrafie adalah... Maaf tulisan ini typo. Hehehe.. Buakn begitu sob tapi Typografi disini adalah estetika informasi dari sebuah font. Bukan seni kesalahan pengetikan atau penulisan. Perlu diketahui bahwa font juga memegang peranan penting dalam sebuah desain. Kurangnya pemahaman akan font akan menyingkirkan keindahan dari flat desain itu sendiri. Disadari atau tidak, hampir semua font dari Microsoft menggunakan Segoe UI. Perhatikan font Segoe, enak dilihat simpel dan tegas. Itulah Flat Desain.

4. Flat

Ada dua hal yang dapat dihasilkan dari Flat Desain. Yakni Desain yang Flat atau Flat yang berwujud dalam desain. Bedanya adalah jika Desain Flat maka hasil yang ada akan benar-benar sepi. Itu kesalahan! Karena inti dari Flat Desain bukan sepi, melainkan singkat padat dan jelas.

Begitulah ilmu yang gue punya tentang Flat Desain. Jika ada kesalahan mari kita diskusikan. Tidak ada keberhasilan tanpa kegagalan karena practice makes perfect. Jangan lupa kritik atau saran di kolom komentar. Terimakasih banyak sudah berkunjung!