Materyal Tasarım: Günümüz web tasarımına bir bakış

Google'ın geliştirip Google I / O konferansında duyurmasının üzerinden neredeyse iki yıl geçti. Materyal Tasarımı uygulanacak bir tasarım yönetmeliği olarak ve ilk başta içeriğin Android işletim sisteminde yeniden üretilmesine odaklanmış olmasına rağmen, web'de ve herhangi bir platformda bir trend haline gelmesi amaçlandı, bugün onaylayabileceğimiz bir şey. Zaman zaman bahsetmiş olsak da, gerçek şu ki, bu kodlamayı derinlemesine görmeyi asla bırakmadık, bu yüzden bugün onun ilkelerini ve en karakteristik özelliklerini gözden geçireceğiz.

Materyal tasarımın tanımlayıcı özellikleri nelerdir? Flat Design hareketiyle ne alakası var?

Web tasarımındaki bu trend hakkında ne söylenmeli?

Adı en pratik anlamından geliyor, madde veya materyallerin mümkün olduğunca verimli bir şekilde organize edilmesi ve yapılandırılması gerekiyor ve siz ona odaklanacaksınız. Bu hareket her şeyden önce esneklik, ergonomi ve bir web sitesinin yapımını katlama ve basitleştirme becerisini arıyor. Ama sadece mekansal boyut değil, zamanın da önemli bir yeri olacak, çünkü artık unsurlar belirli zamanlarda belirli pozisyonları işgal edecek, yani dinamizm de önemli bir faktör olacak. Ek olarak, bu faktörlere kaçınılmaz olarak akıl ve mantık rehberlik edecek, bu da gerçekçilik arayışına ve fiziksel maddenin mekansal temsiline yol açacak, aslında fizik yasalarını ve onunla birlikte elementleri (görüntüler, düğmeler, paneller ...) daha fazla ağırlık ve görsel yoğunluğa sahip oldukları için birbirlerini geçemezler, bunun yerine yapacakları şey birbiriyle örtüşmektir.

Düzen, netlik, okunabilirlik

Tüm bu ilkeler, elbette, her şeyden önce net bir şekilde okunabilir bir çözüm olacak olan tipografi de dahil olmak üzere grafik bileşenlerinin yönetilme ve dağıtılma biçiminden türemiştir, metinsel yapı geleneksel ve akıcı, görsel hiyerarşi olacaktır. aynı zamanda boyut ve düzen açısından da farklılaştırılacak kontrastlar oluşturan az çok güçlü tonlar.

Aydınlatma ve gerçekçilik

Mantık, her şeyden önce aydınlatma efektlerinin kullanımında ve hem ışıkların hem de gölgelerin yönetiminde kendini gösterir. Aydınlatma, yakınlığın, alaka düzeyinin ve durumun harika bir göstergesidir, bu nedenle bahsettiğimiz hiyerarşiyi etkilemek için temel bir araç haline gelecektir. Artık düğmeler, resimler ve tüm öğelerin yakınlık derecesini gösteren ve web sahnesinde kendimizi konumlandırmamıza yardımcı olacak gölgeleri olacak.

Hareket, dikkati çekmek ve izleyiciye rehberlik etmek için en etkili araçtır

Dili, kullanıcının gözünde açık, grafik ve aydınlatıcı olacaktır. Bir seçenek veya araç seçerken, bize yaklaşacak, boyutlarını genişletecek ve onu kullanmayı bıraktığımızda tersine dönecektir. Ayrıca, bir öğe kesinlikle dikkatimizi çekmesi gerekiyorsa renk değiştirecek veya yanıp sönecektir.

Ritim, düzen, dil

Derinlerde bir söylem tarzında konuştuğumuzu unutmayalım. Web tasarımının bize sunduğu kaynakları gözden geçiriyoruz ve bu nedenle tüm teknik-ifade edici parametrelerin bir anlamı var: Görünüş sırasından, örneğin önce görüntüler ve sonra yüzen düğmelerden göründükleri hıza, hangi yönde bunu yaparlar ve ne amaçla hareket ederler. Tüm bunlar önemlidir, çünkü sadece kullanıcının bilginin nereden geldiğini belirtmekle kalmaz, aynı zamanda yolculuk kolaylaştırılır, öğeler okuma sürecini sezgisel, kolay ve eğlenceli hale getirmek için düzenlenir. Şüphesiz animasyon ve dinamizm temel bir dayanaktır.

Sınırsız kodlama

İncelediğimiz tüm bu ilke veya standartlar, niteliği ve sunduğu ekran boyutu ne olursa olsun, herhangi bir ortamda ve platformda uygulanmak üzere tasarlanmış ve geliştirilmiştir. Cep telefonlarından, tabletlerden veya bilgisayarlardan. Mümkün olan tüm destekler ve destinasyonlar bu görsel dili destekler ve aslında çaprazlığı ve uyumluluğu onun temel bileşenlerinden biridir.

Düz tasarım, Materyal Tasarım ile aynı değildir

En çok yankılanan minimalizme bağlılık gibi birçok ortak noktayı paylaşsalar da, iki kod arasında muazzam farklılıklar da vardır. Bununla birlikte, uyumsuz değillerdir ve en iyi bitişleri elde etmek için kesinlikle mükemmel bir şekilde birleştirilebilirler, ancak bunun hakkında daha sonraki bir yazıda konuşacağız.