İOS 7 öncesi bir iPhone'dan herhangi bir ekran görüntüsüne bir göz atın ve bu kadar korkunç bir arayüzü yıllardır nasıl kullandığımızı merak edeceksiniz. Skeumorfik tasarım dili o kadar çok sahte ahşap, parlak plastik ve gri gradyan içeriyordu ki, uygulamanın gerçek içeriğini koyacak neredeyse hiçbir yer yok.
iOS 7 gitti ters yönde çok uzak, düz beyaz sayfalar ve ince metin ile. Bu bir düğme mi? Bu sadece bir etiket mi? basabilir miyim? Kim bilir? Bugün, iOS 13'te hala bu UI belirsizliğinden muzdaripiz. Metin kalınlaştı, ancak neye basılacağını ve neyin okunacağını bilmek hala zor.
Açıkçası, bu iki aşırı uç arasında bir boşluk var. iOS 7 kadar temiz ve aynı zamanda iOS 6 ve önceki sürümler kadar açık ve kullanışlı bir şey. Ama bu nasıl görünürdü? ne olduğumu biliyorum istek gibi görünmek için. Buna "nömorfizm" deniyor ve harika görünüyor.
nevmorfizm
Nömorfizm bir yükselen tasarım trendi. Söz bir karışımıdır yeni (veya “yeni”) ve skeuomorfizm.
![David ofia top sürme yeni Spotify](/f/91b62376542b91e3414c505f516c8c76.jpg)
Fotoğraf: David Ofiare/Dribbble
Fiziksel dünyayı absürt, aşırı gerçek bir dereceye kadar taklit eden skeuomorfizmden farklı olarak, neumorfizm günümüzün düz UI paradigmasına fiziksel bir unsur ekler. Bu yazıdaki resimlere bir bakış size her şeyi anlatacaktır. İnce ışık efektleri veya gölgeleme, düz bir düzleme doku ve derinlik katar. Renk, gezinmeyi kolaylaştırmak için idareli ve makul bir şekilde kullanılır. Bir daha asla gri, etiket benzeri bir "düğmeye" bakıp açık mı yoksa kapalı mı olduğunu merak etmeyeceksiniz. Anında bileceksiniz, çünkü büyüyecek (ya da olmayacak) ya da renklenecek (ya da olmayacak).
Bu makaleyi yazarken buradaki diğer ekran görüntülerini iPad'imden biriyle karşılaştırın:
![SürüklenmişResim 3 Bir harf yazdığımda ne olur?](/f/c49af2e18699cda2ae73d46937d58244.jpeg)
Fotoğraf: Mac Kültü
Bu ekran görüntüsü, Safari'nin yanında çalışan Ulysses'i gösterir. Şu anda bu uygulamalardan hangisine odaklanılıyor? Yazarken Ulysses'te harfler görünecek mi görünmeyecek mi? Bilmiyorum ve aslında bu makaleyi şimdi yazıyorum. Bunun yerine, bir pencerenin hafifçe yükseltildiğini veya etkin olmayan pencerenin düğmeleri düz kalırken etkin pencerenin 3B düğmelerinin olup olmadığını düşünün.
Nömorfizm zaten burada
tasarımcı David Ofiare notları Dribbble'daki tasarım konseptlerinden bahsediyor gibi görünse de bu trendin Kasım 2019'da başladığını söyledi. Ancak bu tasarım dili, Klevgrand's gibi App Store uygulamalarında zaten burada. Stark amfi simülatörü.
![Resim 16 02 2020 12 33 Adı ve doğası gereği Stark.](/f/5eca59e1a1af0559c870ba8e60900183.jpeg)
Fotoğraf: Klevgrand
Bu biraz düz ama durumu göstermek için renk kullanıyor. Bayıldım. Şimdi kontrol et Dağlı, aynı geliştiriciden eski bir synth uygulaması. Bu, neumorfizmin bir ders kitabı örneğidir.
![Resim 16 02 2020 12 38 Bu ne güzellik! Klevgrand'ın Hillman vintage synth uygulaması, neumorfizmin bir ders kitabı örneğidir](/f/245eb09771f272883d4343cc4d4e6750.jpeg)
Fotoğraf: Klevgrand
Ve bu uygulamalar şu anda iPad veya Mac'inizde mevcuttur.
Karanlık Mod neden kafa karıştırıcı?
Apple tarafından benimsenen yeni bir UI trendi, aslında net UI tasarımını zorlaştırıyor. MacOS ve iOS'ta bulunan Karanlık Mod, gölgeleri kullanmayı imkansız hale getirir, çünkü siyahta bir gölgeyi nasıl görürsünüz? Mobil işletim sistemi derinlik ipuçları sunmadığı için iOS'ta çok az fark yaratır. Ancak, ince alt gölgelerin pencerelerin yığılma düzeyini gösterdiği Mac'te, Karanlık Mod üstte ne olduğunu görmeyi zorlaştırıyor. Nömorfizm yardımcı olabilir, çünkü ince 3 boyutlu gölgelendirmesi, gölgelerin yanı sıra vurguları da kullanır.
Apple nemorfizmi benimseyecek mi?
Bu neumorfizm eğiliminin büyük bir hayranıyım. Görsel olarak zengin olmasına ve durum hakkında birçok bilgi aktarmasına rağmen gözleri yormaz. Ve bunun nedeni gerçek dünya ipuçlarını kullanmasıdır. Biz insanlar, gerçek dünya hakkında ince ayrımlar yapmakta harikayız ve bu tasarım dili - ister buna neumorfizm deyin, yumuşak kullanıcı arayüzü veya başka türlü - aynı ince, gerçek dünya ipuçlarını kullanır. Temiz ve kolay, çünkü onu deşifre etmek için neredeyse hiç çaba sarf etmemiz gerekmiyor.
![iOS7 iOS 7, çok ileri giden skeumorfizme karşı bir panzehirdi.](/f/01324d7900e8105d8ab478f05f300474.jpg)
Fotoğraf: Elma
Bu tür bir gerçek dünya/karikatür melezi, Game Center'ın yeşil çuha arka planı veya GarageBand'in arka planı kadar eski görünebilir. ahşap yanaklar. Ancak şu anda, hem estetik hem de kullanılabilirlik açısından sahip olduklarımıza göre çok büyük bir gelişme.
Apple, mevcut iOS tasarım dilinden memnun görünüyor, bu nedenle, bunu tek başına yapan uygulama geliştiricilere dayanmak zorunda kalabiliriz. Sonra tekrar, ilk işaretler gösteriliyor. Web sitesi yorumcularından biri olan tasarımcı Michael Malewicz terimi icat etti neumorfizm, Apple'ın işaret ettiği kendi iOS 13 işaretleme araçları:
![Resim 22 10 2019 09 22.eace41c4c8524ad19084561a1091beee iOS 13'teki renkli yeni ekran görüntüsü işaretleme araçları](/f/35adffaddc988ac66afb621c47583858.jpg)
Fotoğraf: Andrea Nepori
eğer elma NS iOS veya macOS'u böyle görünecek şekilde değiştirin, hemen hemen her iyi geliştirici bunu takip ederdi. Ve tüm iPhone veya iPad'iniz bu şekilde görünüp çalışsaydı nasıl görüneceğini hayal edin. Sadece menü ekle, ve çoklu görevi düzeltve iPad neredeyse çözülecekti. Neumorfik bir yaklaşım, erişilebilirlik konusunda da yardımcı olabilir ve iPhone ve iPad'in herkes için kullanımını kolaylaştırabilir.
Nömorfizm yapışacak mı? Kim bilir. Ama umarım gerçekten çıkar.