Desain Material: Tampilan desain web saat ini

Sudah hampir dua tahun sejak Google dikembangkan dan diumumkan di konferensi Google I / O the Material Desain sebagai regulasi desain yang akan diterapkan dan meskipun pada awalnya difokuskan pada reproduksi konten di sistem operasi Android, hal itu dimaksudkan untuk menjadi tren di web dan di platform apa pun, sesuatu yang dapat kami konfirmasi hari ini. Meskipun kami telah menyebutkannya sesekali, kenyataannya adalah kami tidak pernah berhenti untuk melihat pengkodean ini secara mendalam, jadi hari ini kami akan meninjau prinsip-prinsipnya dan fitur-fiturnya yang paling khas.

Apa ciri-ciri yang menentukan dari desain material? Apa hubungannya dengan gerakan Desain Datar?

Apa yang harus dikatakan tentang tren desain web ini?

Namanya berasal dari pengertiannya yang paling praktis, materi atau bahan perlu diatur dan disusun seefisien mungkin dan Anda akan fokus padanya. Gerakan ini mengutamakan fleksibilitas, ergonomis, dan kemampuan melipat serta menyederhanakan konstruksi situs web. Namun dimensi spasial tidak hanya menempati tempat yang penting, tetapi juga waktu, karena sekarang unsur-unsur tersebut akan menempati posisi tertentu pada waktu-waktu tertentu, yaitu kedinamisan juga akan menjadi faktor kunci. Selain itu, faktor-faktor ini akan dipandu oleh intelek dan logika, yang akhirnya mengarah pada pencarian realisme dan representasi spasial materi fisik, pada kenyataannya ia memperhitungkan hukum fisika dan dengan itu elemen (gambar, tombol, panel ...) tidak dapat saling bersilangan karena memiliki bobot dan kepadatan visual yang lebih besar, sebaliknya yang akan mereka lakukan adalah saling tumpang tindih.

Keteraturan, kejelasan, keterbacaan

Semua prinsip ini berasal, tentu saja, dari cara komponen grafik dikelola dan didistribusikan, termasuk tipografi, yang terutama akan menjadi solusi yang dapat dibaca dengan jelas, struktur tekstualnya akan konvensional dan cair, hierarki visual dimotivasi oleh penggunaan nada yang lebih atau kurang kuat menghasilkan kontras yang juga akan diberi nuansa melalui ukuran dan urutan.

Pencahayaan dan realisme

Logikanya dimanifestasikan di atas segalanya dalam penggunaan efek pencahayaan dan pengelolaan cahaya dan bayangan. Pencahayaan adalah indikator yang bagus untuk kedekatan, relevansi, dan situasi, jadi ini akan menjadi alat fundamental untuk memengaruhi hierarki yang sedang kita bicarakan. Sekarang, tombol, gambar, dan semua elemen akan memiliki bayangan yang akan menunjukkan tingkat kedekatan dan akan membantu kita memposisikan diri di panggung web.

Gerakan adalah alat paling efektif untuk menangkap perhatian dan memandu pemirsa

Bahasanya akan terlihat jelas, grafis dan mencerahkan di mata pengguna. Saat memilih opsi atau alat, itu akan mendekati kita, memperluas dimensinya dan sebaliknya ketika kita berhenti menggunakannya. Selain itu, suatu barang akan berubah warna atau berkedip jika benar-benar perlu untuk menarik perhatian kita.

Irama, urutan, bahasa

Jangan lupa bahwa jauh di lubuk hati kita berbicara dalam mode wacana. Kami menelusuri sumber daya yang ditawarkan desain web kepada kami dan oleh karena itu semua parameter teknis-ekspresif memiliki arti: Dari urutan tampilan, misalnya pertama gambar dan kemudian tombol mengambang, hingga kecepatan kemunculannya, ke arah mana mereka melakukannya dan untuk tujuan apa mereka bergerak. Semua ini penting karena pengguna tidak hanya ditunjukkan dari mana informasi itu berasal, tetapi juga perjalanannya difasilitasi, elemen-elemennya diatur untuk membuat proses membaca menjadi intuitif, mudah dan menyenangkan. Tidak diragukan lagi animasi dan dinamisme adalah pilar dasar.

Pengkodean tidak terbatas

Semua prinsip atau standar yang kami tinjau ini dirancang dan dikembangkan untuk diterapkan pada media dan platform apa pun, terlepas dari sifat dan ukuran layar yang ditampilkannya. Dari ponsel, tablet, atau komputer. Semua dukungan dan tujuan yang memungkinkan mendukung bahasa visual ini dan pada kenyataannya transversitas dan kompatibilitasnya merupakan salah satu bahan dasarnya.

Desain datar tidak sama dengan Desain Material

Meskipun mereka memiliki banyak kesamaan, seperti komitmen terhadap minimalisme yang paling bergema, ada juga perbedaan besar antara kedua kode tersebut. Namun, keduanya tidak bertentangan dan pasti dapat dikombinasikan dengan sempurna untuk mendapatkan hasil akhir terbaik, tetapi kita akan membicarakannya di posting nanti.