Tasarım Eğilimleri: Düz Tasarım 2.0
Düz tasarım, tasarım dünyasını birkaç yıl içinde fırtına ile almıştır, ancak tasarım hareketi hiçbir zaman köklerine ve ideallerine% 100 saf kalmamaktadır. Düz tasarımla olan şey tam olarak budur: Yavaş yavaş, orijinal yinelemesinde ince-anlamlı anlamlı değişiklikler görülüyor.
Bu değişiklikler, izleyicileri ve uzmanları, Flat Design 2.0 olarak yeni iterasyona ayırmak için yeterliydi. 2.0 çok ilginçtir çünkü kullanıcı deneyimini değiştirmek ve orijinal ilkelerine sadık kalmak için yeterli değişiklik arasında ince bir dengeyi vurmaktadır.
Yine de, Flat'in 2.0'a evrimi kaçınılmazdı: Tasarımcılar Flat ile daha rahat edindikçe, tüm popülaritesi için bazı sorunlar düzgün bir şekilde ele alınmıyordu . Ve şimdi bu eksikliklerden bazılarını ele almak için 2.0 var.
Düz Tasarımın Kökeni
O zamana kadar popüler tasarım stiline karşı bir tür isyan olarak düz tasarıma bakın skeuomorphism . 3D nesnelerin gerçek yaşam özelliklerini kopyalamak için 3D efektlere güveniyor ve kullanıcı deneyimine yardımcı olmak için aşinalık kullanmanın bir yolu. Örneğin, Amazon'un Kindle Fire'unun ilk iterasyonlarında, tabletin okuma amacını pekiştirmek için arka planda bir 3B kitaplık vardı.
Skeuomorphic tasarımın devasa bir destekçisi olan Apple, 2012'de skeuomorphism'i terk etmeye karar verdiğinde, son birkaç yıldır çok popüler olan daireye tam bir dönüşü müjdeledi. Minimalizm üzerindeki vurgusu, onu mevcut her zamanki haline getirmeye de yardımcı olmuştur.
Düz, olmamasıyla karakterizedir:
- Kullanıcılara tıklanabileceklerini belirten yükseltilmiş öğeler;
- Kullanıcılara doldurulabileceklerini gösteren içi boş veya batık öğeler (arama alanlarını ve diğer giriş alanlarını düşünün).
2.0'a geçiş
Flat'in başarısına rağmen, bazı tasarımcılar tasarım topluluğunda ele alınmayan meşru kusurları fark etmeye başladılar. Hoşgeldin minimalizminden dolayı çok fazla buhar kazandığında, sert yönde çok uzağa gitti. Bazı 3D efektlerin özellikleri aşırıya kaçmış ve kullanıcı deneyimini olumsuz yönde etkilemiştir.
Böylece başka bir değişimin gerçekleşmesi kaçınılmazdı. Düz tasarım 2.0'ın şafağı ile bugün buradayız.
Flat Design'ın kullanılabilirlik sorunları
Tüm dairenin kullanılabilirlik problemleri aşağıdaki ifadede özetlenebilir: Düz tipik olarak bir kullanıcının kalça estetiği ihtiyaçları için geçerlidir.
Başka bir deyişle, bir arayüzün “düz” olması için tasarlayan tasarımcılar, kullanıcı deneyimini ilk önce koymak yerine, en az 3 boyutlu ve canlı / kalın tutmaya daha fazla önem verecektir. Genellikle tasarım dünyasındaki tüm kötü şeylerin başladığı yer budur ve bu yüzden daire 2.0'a evrilmiştir.
Düz ile ortak kullanılabilirlik sorunları şunlardır:
- tüm önemli göstergelerin yokluğu (degradeler, gölgeler, alt çizgiler, vb.);
- tanıdık kalıpların olmaması (bağlantılar için mavi, altı çizili metinler);
- bağlamsal göstergelerin yokluğu (CTA yerleştirme, eyleme geçirilebilir kopya, vb.).
Belki de tüm dairenin kullanılabilirlik sorunlarının son hafızasındaki en kötü örnek, Microsoft'un sözde Metro UI'sı olan Windows 8'in piyasaya sürülmesiydi. Bu tasarım, düzlük gibiydi, çünkü her şey aşırı derecede düzdü.
user experience was so bad kullanıcı deneyimi çok kötüydü Tamamen düz bir tasarıma sahip olmak, kullanıcıların neyin tıklanabileceğini ve bir arayüzde nelerin bulunamadığını söylemek için gerekli ipuçlarına sahip olmadıkları anlamına gelir. Sonuç olarak, kullanıcılar deney yaparak bunu anlamaya daha fazla zaman ayırmak zorunda kalıyorlar ya da daha da kötüsü, ilk etapta istemedikleri hatalardan uzak eylemler gerçekleştiriyorlar!
Gördüğünüz gibi, Windows 8 ekranı o kadar düz ki, insanların neyin tıklanıp neyin tıklanmayacağını söylemek imkansız. Kullanıcılar temel site navigasyonunu zaten biliyor olsalar bile, bu, tüm işaretleyicileri (kullanıcılara sayfa öğeleriyle etkileşimde bulunabileceklerini belirten ipuçları) ve ekonomik ipuçları (kullanıcıların nasıl etkileşimde bulunabileceğine dair göstergeler) kaldırmanın iyi bir fikir olduğu anlamına gelmez. sayfa öğeleri).
Flat Design 2.0'ın harika örnekleri
2.0, düz üzerinde ince bir değişiklik ya da iyileştirme olduğundan, web sitelerinde ve arayüzlerde gerçek 2.0 değerini belirlemek için daha fazla konsantrasyon gerektirebilir. İşte bu yüzden, tam olarak faaliyette olan 2.0'ın güncel ve büyük örneklerinden size yol göstereceğiz.
Dropbox Kılavuzu
Dropbox'ın kılavuzu İlk bakışta gerçekten düzgün görünebilir, ancak daha yakından bakarsanız, bazı öğelerin diğer kullanıcılara aktarıldığını açıkça bildiren 3D önerileri görürsünüz. Bu öncelikle çocuğun kafasının (sol tarafta) ve tornavidaların (sağ tarafta) görüntülerinde görülür. Her iki imgenin de, derinlikle iletişim kuran güçlü, siyah sınırlar ve derinlikle iletişim kurması yerine arka planın üstünde oturdukları izlenimi vardır.
Tolia Dondurma
Tolia'nın sitesi Genel tasarım hala düz ve minimal olsa da, 3D'nin farklı izlenimini veren ince, yükseltilmiş efektlerle doludur. Kaldırılmış izlenim, başlık, alt başlık ve açıklamada (yani, sayfa kopyası) bulunur. Ayrıca, harekete geçirici mesaj düğmesi ve düğmenin içindeki CTA kopyası içinde bulunur. Bu yükseltilmiş izlenimi vermek için bu öğelerin kenarlarına ince gölgelerin ince kullanımına çok teşekkür ederiz.
Google Santa Tracker
Beklenmedik bir şekilde, Google 2.0 bandwagon ve onun Santa Tracker sayfa, 2.0'ı nasıl eğlenceli ve kullanışlı bir şekilde entegre edebiliyor. 2.0'ın incelikleri, sayfanın üst kısmındaki 3D izlenimine çeşitli binalar ve pop-up kabarcıkları (kullanıcılar herhangi bir binada gezinirken) üzerindeki gradyanlardan ve gölgelerden her şeyde sayfanın üstünde yer alıyor.
Publicis Groupe
Publicis Groupe’ler 90'ıncı yıldönümü sayfası, oldukça etkileyici bir şekilde 2.0 etkisine sahip. Sayfanın sol tarafına bakarsanız, soluk daireden ve altındaki mavi bölümden dışarıya doğru uzanan gölgeler ve degradeler kombinasyonunu görürsünüz. Stark minimalizm aynı zamanda tasarım estetiğinin hala güçlü bir şekilde düz bir şekilde köklendiğini gösterir.
Jumeirah
Bu site Birleşik Arap Emirlikleri'nde lüks bir otel için çoğunlukla arka planda dev bir video hakimdir, ancak sizi 2.0 katkısının inceliğini almanızı engelleyemez. “Jumeirah Inside” başlığı, genel olarak düz görünümünü korurken, 3D izlenimini başarılı bir şekilde veren, çok ince bir gölgelendirmeye sahiptir.
Talebe göre evrim
Tasarım dünyasında işler genellikle değişiyor çünkü bunun için bir talep var. Birisi bir şeyin eksik olduğunu ve bir şeyi iyileştirmenin bir yolunu bulduğunu fark edecek, ya da başkası bir kavramı ele alacak ve belli bir konsepte mantıklı bir şekilde dayanan bir başka düzeye çıkaracaktır.
2.0'a gelindiğinde, kesinlikle ikisinin bir kombinasyonu, düzlemin kullanılabilirlik eksiklikleri, orijinal konsepti, dairenin tanımladığı minimalizm ilkelerini onurlandıracak şekilde genişleterek sabitleniyor.