Perbedaan Flat Design dengan Material Design

5/07/2016

PERBEDAAN ANTARA FLAT DESIGN DENGAN MATERIAL DESIGN


Susah membedakan FLAT DESIGN dengan MATERIAL DESIGN ?
Oke jujur saja memang susah untuk membedakan antara kedua desain atau style yang banyak diminati ini. flat dan material memang lagi tenar sekarang setelah jamannya Metro UI dan yang sebelumnya Realism. perjalannya seperti ini 2013 (Realism), 2014 (Metro), 2015 (Flat), 2016 (Material). tanpa menunggu waktu lama langsung kita lihat berikut ini. eh, sebelum melangkah lebih jauh mari kita simak apa sebenarnya flat design terlebih dahulu



Apa itu Flat Design ?
Flat Design muncul, Awalnya pertama kali diimplementasikan bersamaan oleh perusahaan ternama Microsoft pada Start Screen Windows 8-nya dan juga desain antarmuka iOS 7 pada iPhone. Keduanya menyajikan desain antarmuka yang sangat rapi, user-friendly dan nuansa minimalis. Di dalam menampilkan gaya Flat Design, mengkombinasikannya dengan elemen hiasan-hiasan seperti gradasi dan efek glow justru mengacaukan khas desainnya. Karena kembali lagi, Flat Design itu minimalis, simple, dan bernuansa natural sesuai khasnya.
Kutipan : (http://badangsanak.com/artikel/pengenalan-flat-design/)

Flat Design, menurut laman situs Wikipedia mengenai Flat Design:
“Flat design is a minimalist UI design genre, or design language, commonly used in graphical user interfaces (such as Web applications and Mobile app), especially in graphical materials as posters, arts, guide documents, publishing products.”
(Flat Design adalah jenis genre desain dengan tampilan antarmuka yang simple dan minimalis, sering digunakan oleh pengguna antarmuka grafis terutama pada bagian aplikasi web dan mobile selain itu juga sering diaplikasikan ke media poster, seni, dan produk brand andalan lain).

Benar sekali Flat Awalnya muncul dengan perambaan Metro UI Design salah satu design yang pertama mentenarkan dengan konsep simple dan minimalisnya yang banyak orang minati. berikut sedikit contoh Metro UI Design



Ciri-ciri umum Flat UI/UX Design :
  • Warna yang digunakan terkesan simple
  • Lebih menekankan ke shading warna
  • Tampilan Minimalis dan super simple
  • Jika itu Animasi, Transisi Animasinya Smooth
  • Soft style object
  • Colorful dan warna lain yang lebih komplex
Berikut video animasi Flat design :




Apa itu Material Design ?
MD (Material Design) adalah material sederhana – dari kertas dan tinta. Kertas dianggap sebagai elemen antarmuka, sedangkan tinta ialah warna, animasi adalah riak, dinamika ialah gerak, dan bakat dalam desain.

Desain Material (quantum paper) / aslinya dalam bahasa inggris bernama Material Design adalah bahasa desain yang dikembangkan Google dan diumumkan pada konferensi Google I/O pada 25 Juni 2014. Memperluas pada motif "kartu" yang pertama kali terlihat pada Google Now, adalah desain dengan peningkatan penggunaan layout berbasis grid, animasi dan transisi responsif, padding, dan efek kedalaman seperti pencahayaan dan bayangan.


Google resmi menggunakan Material Design.
Material Design Google palet ui terdiri warna primer dan aksen yang dapat digunakan untuk ilustrasi atau untuk mengembangkan warna merek Anda. Mereka telah dirancang untuk bekerja secara harmonis satu sama lain. Palet warna dimulai dengan warna primer dan mengisi spektrum untuk membuat palet lengkap dan dapat digunakan untuk Android, Web, dan iOS. Google menyarankan menggunakan 500 warna sebagai warna utama dalam aplikasi dan warna lain sebagai aksen warna.
Google membuat bahasa visual untuk pengguna yang mensintesis prinsip-prinsip klasik desain yang baik dengan inovasi dan kemungkinan teknologi dan ilmu pengetahuan. Ini adalah material design .
Transisi animasi


Ciri-ciri umum Material Design :
  • Warna yang digunakan terkesan Flat
  • Terkesan seperti kertas
  • Lebih menekankan ke shadow object
  • Tampilan Minimalis
  • Jika itu Animasi, Transisi Animasinya super adaptive
  • Jika itu template app maupun web pasti responsive
  • fast object

Berikut video animasi transisi Material Design, warna, dan lainnya :

Jadi kalian sudah tahu apa perbedaan antara Flat Design dengan Material Design. ngomongin soal kedua design trsebut menurut saya material design yang paling banyak diminati di tahun ini meskipun flat juga baru dikenal oleh beberapa orang namun keduanya lebih disukai apalagi dengan perambaan UI / UX yang terdapat pada transisi animasinya. juga responsive di semua tempat ukuran di media layar. jadi kalian pilih yang mana?

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

15 comments

ane kiraa flat design sama material design itu samaa kwkw
ternyata bedaa XDD *blogwalkingKEYZEEShared =D

Balas

penjelasannya panjang banget mantap infonya gan ijin bookmark buat dipelajari perbedaannya

Balas

Akhir-akhir ini desain flat banyak digemari, saya termasuk penggemar desain flat

Balas

nice artikel gan thanks :)

Balas

Akhirnya dapat Pencerahan

Balas

Okeh juga nih infonya sangat bermanfaat sekali.

Balas

sip gan mantap neh infonya...
jadi lebih mengerti mana yang fiat & mana yang material....

Balas

penjelasannya keliatannya bagus nih tentang perbedaannya

Balas

makasih udah di jelaskan min

Balas

cahayanya terang yah?

Balas

ane malah baru tahu ada istilah material design. Tahunya Flat ajah. Dan memang baru-baru ini nyoba ngedesain beberapa materi untuk blog atau brosur dan sejenisnya menggunakan flat design. Ternyata material desain sedikit lebih kompleks dengan memadukan satu warna tapi terdiferensiasi berdasar tingkat kepekatan dan keterangannya.

Oke lah gan... makasih infonya

Balas

Kalau menilai Sebuah Gambar itu Flat atau Material, tanpa membaca keterangan ini, bisa gagal paham nih... Heheee....
|o|

Balas

Kalau ane sih gampangnya material design itu flat design ditambah depth

Balas

hehe jadi tau nih bedainnya. agak mirip emang flat design sama material. nice inpoh

Balas

Pengunjung Yang baik adalah pengunjung yang selalu sempat memberikan komentar.
Berkomentarlah dengan bijak dan sopan, Dilarang menggunakan Link Aktif, Link Mati, Promo, dll.
Dan Berbagilah Jawaban atas apa kesulitan yang sobat-sobat lainnya dapatkan.
Mohon maaf jika ADA komentar atau pertanyaan tidak bisa cepat saya respon,
DIkarenakan Saya tidak selalu online selama 24 Jam.