tutorialswb

TutorialsWB hadir sebagai wadah bagi teman-teman yang ingin "Belajar PHP Dasar". Sehingga kami yakin bahwa TutorialsWB akan menjadi Pusat "Belajar Bahasa Pemrograman PHP" Disamping PHP website ini menyediakan berbagai tips dan trik Blogger. Kami menerima Pemasangan iklan banner atau artikel.

Hubungi Saya

Apa itu Desain Google's Material Design?




Kembali di tahun 2014, Google memperkenalkan Material Design. Pedoman desain ini harus diterapkan pada semua perangkat mereka dan menghubungkannya dalam satu sistem eko desain dengan tampilan dan konsep kerja yang serupa. Namun, sekarang baru 3 tahun melewati pengumuman dan saya masih bertemu orang-orang yang tidak tahu apa ini dan apa pedoman utama yang harus diikuti saat menerapkan prinsip Desain Material Google dalam proyek desain Anda. Jadi mari kita lihat bagaimana cara kerjanya dan apa yang seharusnya Anda ketahui sekarang di tahun 2017.

Pengantar singkat

Prinsip-prinsip desain ini telah terinspirasi oleh materi nyata dan dipanggil untuk menciptakan desain yang paling intuitif dan sederhana untuk aplikasi dan situs web.

Pada dasarnya, ini adalah sistem perancangan terpadu yang bekerja dengan semua perangkat yang tersedia, dan ini tidak berarti jenis perangkat yang sedang kita bicarakan: tablet, smartphone, atau bahkan PC desktop. Sistemnya tidak masalah juga, bisa macos, Android atau Windows, yang peduli dengan apa yang Anda kerjakan, jaga agar tetap nyata dan 'material'.

Apa prinsipnya?
Setiap sistem perancangan harus memiliki prinsip tersendiri, dan Google Material Design tidak terkecuali. Hanya ada beberapa di antaranya, dan ini adalah salah satu bukti bahwa keseluruhan sistem perancangan dirancang sederhana dan intuitif.
  • Di Google Material Design properti dari kertas asli diterjemahkan langsung ke layar pengguna. Artinya tipografi, skala, ruang, grid dan citra lainnya harus disajikan seperti pada desain berbasis cetak.
  • Pada dasarnya, alasan mengapa desain 'material' disebut sederhana. Prinsip utamanya adalah mengambil pengalaman interaksi dengan layar ke tingkat yang baru dimana Anda merasakannya seperti Anda berinteraksi dengan materi sebenarnya (kertas).
  • Gerak harus jelas dan halus. Saya percaya bahwa ini adalah salah satu prinsip yang paling jelas di sini, karena ketika kita berbicara tentang kertas asli dan materi sebenarnya, kita semua tahu bagaimana cara berinteraksi dengannya dan kita semua tahu hasilnya untuk menyentuhnya. Itulah pengalaman yang harus Anda bawa kepada pengguna saat merancang aplikasi atau situs web.

Komponent

Semua komponen dalam sistem Desain Google Material memiliki deskripsi lengkap dan pedoman ketat tentang cara membuatnya dan penggunaannya. Pada dasarnya, mereka memberi Anda pengetahuan dan perpustakaan aktual tentang elemen yang mungkin dan sebaiknya Anda gunakan dalam desain Anda.

Ini mencakup semua hal kecil dan besar seperti tombol, toggles, slider, menu dan bahkan pre-loader atau lencana.

Bagian yang terpisah menjelaskan prinsip-prinsip desain tata letak dan memberi Anda pemahaman singkat tentang prinsip-prinsip utama yang diterapkan saat membuat tata letak aplikasi atau situs web masa depan Anda yang mendekatinya dengan mengingat Desain Material.

Warna Desain Material

Warna dalam Material Design memainkan peran yang sangat besar. Ini adalah salah satu bagian favorit saya dari itu, sebenarnya.

Masalahnya, warna UI dari perpustakaan Desain Material tidak akan membuat Anda merasa tidak nyaman atau terlihat tidak nyata.

Semua warna ini telah diambil dari kehidupan kita sehari hari: dari rambu-rambu jalan, warna bus atau peta kereta bawah tanah, ini semua tentang warna yang kita lihat setiap hari.

Ada apa dengan ikonnya?

Jika Anda mengembangkan Android Apps sebelumnya, Anda mungkin tahu bahwa untuk beberapa waktu Google memberikan ikon untuk pengembang secara gratis, namun perpustakaan ikon sebenarnya sangat kecil! Pengembang harus mencari beberapa ikon mereka di Google dan menyetelnya untuk penggunaan di aplikasi mereka, yang tidak begitu mudah saya akui.

Dengan pengumuman Google Material Design, Google membawa sekumpulan besar ikon bagi para pengembang dan membuat hidup mereka menjadi lebih mudah.

Read More:
Semua ikon ini telah dipersiapkan untuk memenuhi persyaratan Desain Material dan menggunakannya juga memberi Anda nuansa material yang nyata.

Animasi - fitur paling keren dari Desain Material
Saya menyukai prinsip animasi yang dibawakan Google dengan pedoman Desain Material mereka. Mereka terlihat sangat nyata dan merasa sangat hebat!

Gerakan dalam desain material sangat halus dan memberi Anda perasaan bahwa Anda sedang membaca buku atau menggeser halaman majalah favorit Anda.

Ini memberi perasaan bahwa semua yang Anda sentuh di layar itu nyata dan memberi Anda umpan balik yang sama seperti materi aslinya.

Saya akan mengatakan bahwa dengan gagasan Material Design Motion, Google membuat langkah besar untuk membawa kita menjauh dari konsep futuristik internet, aplikasi, dll dan menendang pantat kita berteriak: semuanya nyata, sial!

Bagaimana Anda menerapkannya?
Ada banyak cara untuk menerapkan Desain Material ke dalam proyek Anda.

Jika Anda seorang pengembang dan perlu menggunakannya di aplikasi atau situs web Anda, Anda dapat menggunakan Kerangka CSS (ada beberapa di antaranya). Sebagai contoh:
  • Mewujudkan
  • Material UI
  • Polimer
Saya akan menyarankan Anda menguji masing-masing dan memilih yang Anda sukai dan yang sesuai dengan kebutuhan Anda. Aku akan pergi dengan Materialize, tapi itu hanya aku, hai!

Apakah Anda ingin menerapkan desain Material tanpa kerangka kerja dan sepenuhnya sendiri? Tentu saja, Anda bisa melakukannya

Read More:
Dalam hal ini, yang perlu Anda lakukan hanyalah memeriksa pedoman desain Material dan mengikutinya. Mereka memberi Anda pemahaman yang sempurna tentang tindakan dan larangan yang harus Anda pertimbangkan saat mendekati desain Material.

Membungkus sesuatu
Saya harap saya memberi Anda pemahaman singkat tentang apa itu Desain Material Google. Bagiku, itu memberi nafas baru dan sekumpulan inspirasi besar. Saya menggunakan desain material di sebagian besar proyek saya sampai hari ini dan jika Anda belum pernah mencoba untuk mendekatinya, apa alasan Anda? Tinggalkan comment dibawah supaya kita bisa saling berbagi.



Baca Juga

closed