Selasa, 22 September 2015

Antara flat design dan skeuomorphism

Tidak ada komentar



Semenjak 2013, flat design seakan menjadi trend design modern dan menggantikan trend sebelumnya yang mengutamakan bentuk yang terlihat realistis. Microsoft bisa dibilang sebagai perusahaan besar pertama yang menerapkan trend ini pada bahasa design Metro yang digunakan sebagai design interface untuk Windows 8. Meskipun awalnya mendapat respon negatif, baik dari segi performa yang dianggap lebih buruk dari Windows 7 dan tampilan interface yang sangat simpel, Windows 8 menjadi pionir pertama yang menerapkan design ini dan kemudian menyebar ke berbagai design yang digunakan untuk produk lain. Bahkan, Apple yang biasanya menerapkan design skueomorphic pun mengikuti trend ini pada iOS 7 dan OS X Yosemite.
 
Meski begitu, sampai saat ini masih terdapat pro dan kontra akan penggunaan flat design yang semakin menyebar luas. Hal ini dapat dibuktikan dengan beberapa kritikan yang datang kepada iOS 8 dan iOS 9 yang tetap mempertahankan design flat-nya dibandingkan design sebelumnya yang dianggap lebih familiar oleh pengguna iPhone. Namun manakah yang lebih baik diantara flat design dan skeuomorphism?

Sejarah Flat Design



Flat design diawali pada tahun 1940 - 1950an dari sebuah konsep design bernama Swiss Style yang berasal dari Swiss. Design ini berfokus pada penggunaan tampilan kisi (grid), typografi sans-serif serta tampilan yang bersih (clean) pada konten maupun tata ruangnya.

Selain itu, flat design juga berasal dari konsep minimalis yang telah berkembang sejak dahulu kala. Konsep minimalis memiliki sejarah yang luas dan mencakup berbagai media, tapi di mana flat design mengambil pengaruhnya  terutama dari desain dan ekspresi seni visual minimalis. Konsep minimalis dikenal dengan tindakan menghapus segala sesuatu yang tidak diperlukan, meninggalkan hanya elemen yang diperlukan dan dibutuhkan. Bentuk geometris, beberapa elemen, warna-warna cerah, dan garis yang bersih adalah hal yang paling mendominasi gaya desain minimalis.
 


Microsoft telah membuat tampilan konsep flat bahkan sebelum 'Metro' dinamakan Metro. Microsoft menggunakan konsep ini berawal dari Zune yang dikeluarkan pada 2006 untuk menyaingi iPod yang sedang naik daun di kala itu.
 


Tampilan Zune hadir dengan konsep design yang unik dengan berfokus pada ukuran huruf kecil yang besar dan latar belakang yang tergantung pada lagu atau konten yang sedang dijalankan / diputar. Software bawaan Zune untuk desktop pun memiliki konsep design yang sama yang menimbulkan kesan terintegrasi. 


Sementara Microsoft telah menerapkan flat design sebelumnya, Apple memiliki sesuatu yang lain diatas kebiasaan mereka. Apple mulai mengisyaratkan untuk meninggalkan tampilan skeuomorphic dan benar-benar meninggalkan tampilan ini dengan merilis iOs 7 pada 2013 dengan konsep design yang lebih datar (flat).

Dengan dirilisnya iOs 7 yang telah menerapkan flat design, popularitas yang dimiliki oleh flat design pun meroket dibandingkan dengan sebelumnya. Estetika desain yang digunakan oleh Apple banyak mempengaruhi desain website dan aplikasi karena banyak designer yang menganggap desain baru ini memiliki tampilan yang menarik dan modern.

Flat Design



Kelebihan:
  • Konten yang dimuat lebih mudah untuk dicerna
  • Navigasi dan kegunaan situs lebih jelas
  • Tampilan yang lebih modern
  • Tampilan design yang lebih responsif dengan pembentukan skala yang lebih mudah (ease to scaleable)
  • Membutuhkan waktu memuat (loading) yang lebih cepat

Kekurangan
  • Tidak adanya efek bayangan (drop shadow) yang membuat tidak jelasnya bagian dari website yang besifat interaktif atau yang bersifat statis
  • Pilihan tampilan, warna dan bentuk bidang yang terbatas


Skeuomorphic


Kelebihan:
  • Membuat atmosfir yang membuat pembaca dapat mengetahui dengan jelas tujuan dari website tersebut
  • Lebih familiar untuk sebagian orang

Kekurangan:
  • Penggunaan tekstur yang berlebihan dapat menjadi berantakan dan mengganggu
  • Hilangnya kegunaan fungsional
  • Konten website menjadi terabaikan
  • Bergantung pada gambar dibandingkan CSS
  • Illustrasi yang tampak nyata dapat menghambat waktu untuk desain maupun pengembangan
  • Berkas (file) yang besar memiliki waktu untuk dimuat yang lama
  • Tampilan yang kuno

Tidak ada komentar :

Posting Komentar