Pengantar desain bahan: Prinsip dan pendekatan
Desain material adalah seperangkat prinsip desain yang dikembangkan oleh Google. Ini juga merupakan bahasa desain berorientasi Android yang mendukung pengalaman sentuhan pada layar melalui gerakan alami.
Perancang yang digunakan untuk mengoptimalkan pengalaman pengguna dengan kilat realistis, fitur animasi, GUI yang konsisten platform, dan efek 3D. Desain material menggunakan warna-warna berani, banyak lapisan, dan letakkan bayangan untuk mengatur konten.
Desain material adalah evolusi yang sama antara desain datar dan skeuomorfik. Desain bahan Flat hadir dalam banyak pilihan warna, minimalis, preferensi untuk grafik besar, dll. Selain itu, dari desain skeuomorphic, dibutuhkan pendekatan digital dari objek dunia nyata.
Desain materi diperkenalkan sebagai bahasa visual yang mensintesis prinsip-prinsip klasik desain yang sangat baik dengan kemungkinan dan inovasi teknologi dan sains. Desain ini terinspirasi oleh studi kertas dan tinta.
Prinsip-prinsipnya
Ada banyak prinsip yang tersedia di Google. Mereka dibagi ke dalam konsep utama berikut:
- Material adalah Metafora
- Berani, Grafis, Disengaja adalah fokusnya
- Gerak memberikan makna
- Fondasi yang fleksibel
- Lintas-platform
Materi adalah Metafora:
Seluruh desain didasarkan pada dunia fisik dengan metafora material. Ini berarti bahwa desain material didasarkan pada kenyataan.
Desain ini membawa elemen realitas fisik ke realitas digital. Teknologi ini tetap maju secara teknologi dan terbuka untuk imajinasi. Ini terinspirasi oleh dunia nyata, termasuk tekstur dan nuansa pencahayaan.
Tepi dan permukaan material memberikan isyarat visual yang didasarkan pada kenyataan dengan tambahan fleksibilitas dari materi digital. Penggunaan atribut taktil yang dikenalnya membantu pengguna untuk memahami harga dengan cepat.
Berani, Grafik, Disengaja adalah fokus:
Desain material memanfaatkan semua dasar-dasar desain cetak, yaitu kisi, skala, dan penggunaan citra, ruang, tipografi, dll. Namun, desain tidak mengambil elemen-elemen ini, tetapi mengambil nilai nominal dan kualitas estetika. .
Ini menggunakan elemen untuk membuat fokus, hierarki, makna, dll. Ini memiliki ruang putih yang disengaja dan pilihan yang disengaja untuk membuat grafik serta antarmuka yang berani.
Ini digunakan untuk membuat tipografi skala besar dan citra ujung-ke-ujung yang memberikan pengalaman baru kepada pengguna. Pentingnya diberikan pada tindakan pengguna seperti fungsionalitas inti, yang segera memberikan titik jalan bagi pelanggan.
Gerak memberikan Arti:
Desain Material memberikan perhatian dan rasa hormat pada gerakan dan memperkuat pengguna. Itu dianggap sebagai pengguna utama.
Semua gerakan dan tindakan terjadi dalam satu lingkungan tanpa memutus aliran. Gerakan itu bermakna, melayani untuk fokus pada perhatian dan mempertahankan kontinuitas. Ini bekerja melalui umpan balik halus serta transisi yang masuk akal. Unsur-unsur mengubah dan mengenali lingkungan dengan menghasilkan transformasi baru.
Yayasan Fleksibel:
Sistem desain material tertentu dirancang sedemikian rupa sehingga memungkinkan ekspresi merek. Terintegrasi dengan basis kode khusus, dan memungkinkan penerapan komponen, elemen desain, dan plug-in yang mulus.
Lintas-platform:
Desain material menggunakan Antarmuka Pengguna yang sama di seluruh platform dengan menggunakan komponen bersama di iOS, Android, web, dan Flutter.
MaterialPro
Template dasbor admin desain material yang paling kuat dan elegan adalah MaterialPro. Ini memiliki banyak fitur yang dijelaskan di bawah ini.
Fitur:
- Sidebar Gelap dan Terang – Dengan ini, Anda bisa mendapatkan tampilan dan rasa yang diinginkan untuk dasbor Anda.
- Bootstrap 4x – Tema ini telah dibuat dengan Bootstrap 4 bersama dengan tata letak yang sepenuhnya responsif.
- Banyak Widget – Ini memiliki berbagai macam widget yang tersedia dengan paket admin MaterialPro.
- Multiple File Uploads – Di sini, Anda dapat mengunggah banyak file tanpa banyak penyeleksi.
- Opsi Galeri – Ini mencakup semua opsi untuk menampilkan variasi yang berbeda untuk galeri.
- Dukungan khusus – Karena dukungan tertinggi adalah kunci keberhasilan, grup kami menyediakan dukungan khusus.
- Dokumentasi Lengkap – Untuk memudahkannya, kami biasanya menyiapkan dokumentasi terperinci.
Hestia Pro
Ini diperkenalkan sebagai tema WordPress premium yang sangat baik. Dengan bantuan ini, Anda dapat menyesuaikan situs Anda dengan cara apa pun yang Anda inginkan. Tema ini juga ramah pengguna dan responsif. Ini mengatur dan mengatur konten submenu Anda dengan mudah.
Jika Anda mengalami kesulitan selama instalasi, maka Anda akan diberikan tutorial video untuk membantu Anda. Dengan bantuan berbagai pembuat gratis, Anda dapat membuat konten yang tampak luar biasa dengan cepat.
Fitur:
- SEO friendly
- Menu Besar
- Terjemahan siap
- Penyesuai Langsung
- Kecepatan yang Dioptimalkan
- Termasuk Konten Demo
- Video tutorial
- Latar belakang kustom
Mewujudkan
Ini adalah tema WordPress premium yang memiliki banyak koleksi widget dan animasi desain bahan. Ini dapat digunakan di semua jenis dasbor aplikasi web seperti dasbor admin, CMS, SAAS, situs web, dan panel admin.
Tema ini unik. Ini mendukung semua browser dan terlihat sama luar biasa pada semua perangkat. Ini memiliki desain bersih dan minimal yang membuat situs Anda ramah pengguna.
Fitur:
- Tata Letak Responsif
- Halaman Email Luar Biasa
- Siap Retina
- Kalender Acara
- HTML dan CSS3 yang valid
- Sepenuhnya Disesuaikan
- Sidebar yang Dapat Diperluas
- Dukungan Lintas Browser
Doko Pro
Ini dianggap sebagai salah satu tema desain bahan terbaik WordPress dan dirancang dengan konsep baru yang disebut desain bahan. Ini memiliki desain yang sederhana dan modern dengan tata ruang yang luar biasa.
Doko Pro didasarkan pada penyesuai langsung tempat Anda dapat melihat pratinjau semua perubahan yang Anda buat. Ada banyak widget canggih yang tersedia yang dapat membantu mendesain situs. Tema ini mendukung plug-in WooCommerce, yang memungkinkan Anda membuat toko online dalam waktu yang lebih singkat.
Fitur:
- Opsi yang Dimuat Sebelumnya
- Kompatibel dengan WooCommerce
- Dokumentasi terperinci
- Warna Tema Tidak Terbatas
- Pengaturan Tipografi Lanjut
- Impor Demo Satu-Klik
- Penyesuai Dibangun Sepenuhnya
- Kode Pintas Khusus
Angin barat
Ini adalah tema WordPress premium yang mengagumkan dengan desain luar biasa yang didasarkan pada tren terbaru, yakni desain material. Tema ini mudah digunakan dan juga instal. Ini memberikan dukungan pelanggan yang sangat baik.
Ada opsi warna tak terbatas yang tersedia di situs. Dengan tema ini, Anda diberikan banyak opsi penyesuaian lanjutan yang dapat membantu membuat situs yang Anda inginkan. Ini kompatibel dengan tema anak dengan beberapa fitur lain seperti cross-browser terintegrasi ikon, formulir kontak 7, dll.
Fitur:
- Sepenuhnya Disesuaikan
- Konten Demo
- Pilihan Warna Tidak Terbatas
- Opsi Portofolio Tingkat Lanjut
- Tema Anak Kompatibel
- Opsi Tipografi
- Slider Luar Biasa
- Opsi Blog Tingkat Lanjut
Meskipun pasar dasbor dengan desain material tidak begitu populer seperti templat lainnya, ada produk yang sudah terbukti dibuat dengan Materialpro yang banyak digunakan dan banyak situs web bisnis yang mapan memiliki ketertarikan terhadapnya.
Apa yang kamu pikirkan? Beri tahu kami di komentar di bawah atau di Twitter, atau Facebook. Anda juga dapat mengomentari kami Halaman MeWe dengan bergabung di jejaring sosial MeWe.
Posting tamu ini ditulis oleh Nirav Joshi, pengembang utama dan co-founder @WrapPixel
Nirav adalah Pengembang dan Desainer veteran front-end dengan hampir satu dekade pengalaman dalam kerangka kerja CSS seperti Angular, React Bootstrap Template. Sebagai pengembang dan desainer langsung, ia tahu bahwa dokumentasi yang tepat dapat membuat atau menghancurkan suatu proyek. Ia ikut mendirikan WrapPixel, pasar desain dan templat pada tahun 2016 untuk membantu pengembang dan perancang membuat pengalaman pengguna yang indah dengan mudah.
