Gelecekteki ürünlerin ana akımı "karanlık mod" olacak
Apple tarafından piyasaya sürülen yeni iOS 13 sisteminde, Apple yeni bir karanlık mod işlevini tanıttı. Yeni karanlık mod seçeneği, iOS sistemine ve çeşitli uygulamalara mükemmel bir koyu renk şeması getiriyor.Kullanıcılar ayrıca bu modu düzenli aralıklarla manuel veya otomatik olarak açarak kullanıcıların Apple cihazlarını daha dostane bir ortamda kullanmalarına olanak tanıyor. Bu makalenin orijinal başlığı Gelecek karanlıktır Yazar İlke Verrelst, karanlık modun günümüzde ürün tasarımının gelişme trendi haline geldiğinin altını çizdi. Ayrıca ilke yazısında karanlık mod ve tasarım konularını da tanıttı, umarım sizler için faydalı olur.
2018'de karanlık modun giderek daha popüler hale geleceğini zaten öngörmüştük. Artık 2019 neredeyse yarı yolda olduğuna göre, karanlık modun geldiğini ve çeşitli ürünlerde bulunabileceğini öngördüğümüzü doğrulayabiliriz.
Geleneksel siyah ekran yeşil ekran. Görüntü kaynağı: oldcomputers
Aslında karanlık mod tamamen yeni bir kavram değil, uzun zamandır var.
Uzun zaman önce, o zamanki ekran yeşil harflerle siyah bir ekrana sahipti. Metnin yeşil olmasının nedeni, ekranın içindeki fosfor katmanının ışığa ve ısıya maruz kaldıktan sonra soluk yeşil bir ışık yayacak olmasıdır.
Renkli ekranların ortaya çıkmasından sonra, karanlık mod hala var. Öyleyse merak ediyor olabiliriz, neden yeryüzünde?
Her zaman ekranı kaydır
Günümüzde herkesin dijital cihazlarını karanlık moda ayarlamak istemesinin iki ana nedeni var.
Öncelikle bilgisayar penetrasyon oranı günümüzde çok yüksek, hemen hemen herkesin kendi bilgisayarı var. Etrafa bakınca kesinlikle ekranı olan bir dijital cihaz bulabilirsiniz. Sabahtan akşama kadar her zaman elimizde dijital bir cihaz tutuyoruz.
Cihazınız karanlık moda ayarlanabiliyorsa, gece yatmadan önce telefonunuzla oynadığınızda gözleriniz o kadar rahatsız olmayacak (eğer benim gibiyseniz, yatmadan önce telefonunuzla neredeyse 3 saat oyun oynuyorsunuz, kesinlikle ihtiyacınız olacak Karanlık mod!).
Diğer bir neden, ekran teknolojisinin sürekli yenilenmesi ve ilerlemesi ile ilgilidir. Ana teknoloji şirketlerinin (Apple, Google, Samsung, Huawei vb.) Amiral gemisi telefonları temelde OLED ekranlar kullanıyor. LCD ekranların aksine OLED ekranlar, pil ömrü için son derece iyi olan arkadan aydınlatma gerektirmez.
Telefonunuzun tüm ekranında kara kutuların görüntülendiğini hayal edin. Bu bir LCD ekran ise, arka ışık tüm ekranı aydınlatacaktır, ancak ekran temelde siyahtır; ancak bir OLED ekran ise, siyah çerçeve alanı temelde ışıksızdır, bu nedenle enerji tüketimi temelde sıfırdır.
Bu nedenle, OLED ekranların özelliklerine ve performansına bağlı olarak, kullanıcılar karanlık mod işlevini daha çok bekliyor olabilir. Karanlık modu kullanabildiğiniz sürece, pil ömrünü büyük ölçüde uzatabilirsiniz. Geçen yıl Kasım ayında düzenlenen Android Küresel Geliştiriciler Konferansı'nı izleyerek belirli parametreler ve işlevler hakkında bilgi edinebilirsiniz.
Tabii karanlık mod ile uyumlu olmak istiyorsanız kullanıcı arayüzünün de buna göre ayarlanması gerekiyor. Şimdi, esas olarak kullanıcı arayüzünün tasarımını tartışacağım.
Karanlık mod nedir?
Birincisi, "koyu renk", "siyah" ile aynı şey değildir. Beyaz arka planı siyah arka planla değiştiremezsiniz, aksi takdirde arayüzdeki öğeler gölgeler aracılığıyla işlenemez. Bununla birlikte, tasarımda temel gölgeleme tasarım ilkelerinin benimsenmesi gerektiğini belirtmekte fayda var.
Nispeten öne çıkan arayüz öğeleri için, gerçek hayattaki ışık ve gölgeler taklit edilmeli, böylece gölgeler çok ağır olmamalıdır. Bu şekilde tasarım, arayüzün farklı unsurlarını ve bunların hiyerarşik ilişkilerini daha iyi ayırt edebilir.
Kontrast görüntüleme efekti garanti edilebildiği sürece, karanlık mod da yaygın olarak kullanılan ana renklerle uyumlu olabilir.
Yukarıdaki resimde, ana harekete geçirici mesaj düğmesi, arayüzün altındaki mavi düğmedir. İster açık renkli, ister karanlık bir arka plan olsun, bu kontrast görüntüleme etkisi çok açık, mavi düğme yine de kolayca dikkat çekebilir, düğme de çok net, kısacası büyük bir ekran sorunu yok.
Ancak bu iki zıt renk kullanılmaya devam eder ancak metin içinde kullanılırsa yeni sorunlar ortaya çıkacaktır. Örneğin, metin rengi aynı zamanda daha koyu bir tonda kullanılıyorsa, karanlık modda ekran etkisi çok zayıftır.
Daha koyu tonlara ek olarak, aşırı doygun tonlar kullanılırsa (uyarı isteminde veya hata istemi arayüzünde) benzer sorunlar da ortaya çıkabilir.
Google'ın Materyal Tasarımı kılavuzunda, Google karanlık mod tasarlamak için varsayılan hata istemi arayüzünü tanıttı.% 40 şeffaf beyaz bir katman ekleyerek orijinal rengi değiştirdi. Arayüzdeki hatalar ana rengi gösterir.
Bu tasarım yöntemi öğrenmeye çok değer, arayüzün kontrast etkisini anında geliştirebilir. Elbette tasarım sürecinizde gerçek duruma göre farklı renkler de kullanabilirsiniz, ancak esas olan kontrast etkisini sağlamaktır.
Farklı renkteki iki katmanın kontrast görüntüleme efektini anlamak için Sketch'in Stark eklentisini de kullanabilirsiniz.
Metin tasarımıyla nasıl başa çıkılır?
Aslında, metin tasarım kuralları söz konusu olduğunda, dikkat etmeniz gereken tek şey, saf siyah metni saf beyaz bir arka planda görüntülememek ve tabii bunun tersi de geçerlidir.
Beyaz, ışığın dalga boyunu vurgularken, siyah ışığın dalga boyunu absorbe eder. Saf siyah bir arka plan üzerinde saf beyaz metin kullanılırsa, metin ışığı yansıtır ve belirli metin içeriğini ayırt etmeyi zorlaştırır ve dolayısıyla arayüz metninin okunabilirliğini etkiler.
Benzer şekilde, saf beyaz bir arka plan üzerinde saf siyah metin kullanılırsa, metnin çok açık olması nedeniyle metnin okunabilirliği de etkilenecektir.
Beyaz bir arka planı açık gri bir arka planla veya beyaz metni açık gri bir metinle değiştirmek gibi arabirimin beyaz kısmını yumuşatmayı deneyebilirsiniz. Bu şekilde, okuma işlemi sırasında gözler çok yorulmaz, bu da göz yorgunluğunu önleyebilir veya rahatlatabilir.
Karanlık mod geliyor
Günlük hayatta daha uzun ve daha uzun süre çeşitli ekranlar kullanırız. Gece uyanmaktan yatmaya kadar, gün boyunca sık sık çeşitli ekranlara dokunacak ve bunları kullanacaksınız.
Özellikle geceleri, gözlerimiz güçlü ekran ışığına çok fazla adapte olmuyor, bu yüzden karanlık modun çözmek istediği acı noktası da bu.
Gittikçe daha fazla işletim sistemi karanlık modu sunmaya başladıkça, tüm dijital cihazlar için fabrika ayarı işlevi haline gelmesi şaşırtıcı değildir.
Karanlık mod işlevini kullanmak istememenizin tek nedeni, yalnızca gün içinde dijital cihazlar kullanmanız olabilir, ancak bu çok mutlak bir durumdur.
Karanlık modu tasarlarken, yukarıda bahsedilen temel tasarım ilkelerine ek olarak, dikkat edilmesi gereken başka hususlar da vardır.
Erişilebilirlik söz konusu olduğunda, karanlık moddaki genel kontrast etkisi düşük olduğu için, arayüz içeriğinin okunabilirliğini gerçekten iyileştiremez, bu yüzden en kolay tasarım değildir.
Resim kaynağı: Tenor
Ancak gece ise, zaten uykunuz var ve yatmaya hazırsınız, ancak yatmadan önce bir arkadaşınıza ertesi güne kadar ertelenemeyecek önemli bir mesaj göndermeyi unutmayın. Böylece telefonu elinize aldınız ve iMessage arayüzünün arka plan ışığı sizi uykusuz bıraktı ve sonunda 3 saat daha telefonla oynadınız.
Karanlık moddaki metin ekranda tam olarak okunamasa da, doğru zamanda ve yerde kullanılabilirliği büyük ölçüde artırabilir. Bu nedenle, asıl belirleyici faktör aslında kullanıcının kullanım senaryosudur.
Bu nedenle, karanlık modu otomatik olarak açmanın (veya kapatmanın) çok dostane bir tasarım olduğunu düşünüyorum.
Bu tasarımda karanlık mod gece otomatik olarak açılacak ve ertesi sabah otomatik olarak kapanacaktır. Kullanıcıların karanlık modu kullanıp kullanmayacaklarını düşünmeleri gerekmez ve bu, ürünün kullanılabilirliğini büyük ölçüde artırır.
Twitter'ın bu alandaki tasarımı daha iyidir. Bu, OLED ekranları kullanan cihazlar için daha fazla güç tasarrufu sağlayacaktır.
Bu nedenle, bir ürünü tasarlarken kullanıcıların kişisel tercihlerine göre karanlık modu etkinleştirip etkinleştirmemeyi seçmelerine izin vermek en iyisidir. Aksi takdirde, arayüz rengi otomatik olarak etkinleştirilir ancak kapatılamazsa, kullanıcı kesinlikle çok çılgın olacaktır.
Ayrıca arayüzdeki bazı öğelerin koyu renklerde tasarlanmaması gerektiğini de belirtmekte fayda var.
Örneğin, Apple'ın kelime işlem ve sayfa düzeni aracı Pages'da, arka planı karanlığa çevirebilirsiniz, ancak taslak arka planı yine de beyaz olmalıdır, böylece insanlara gerçek bir kelime işlem duygusu verecektir.
Dark Mode Pages arayüzünü açın
Elbette bu ilke, Sketch veya Illustrator gibi diğer içerik oluşturma yazılımları için de geçerlidir. Arka plan rengi koyuya çevrilebilmesine rağmen, resim oluşturma bölümü arayüzü varsayılan olarak beyaza ayarlanmalıdır.
Eskizin karanlık modu
Sonunda yazın ...
Bu nedenle, dijital ekipmanı açıklıyor olsun, hangi yazılım veya uygulama olursa olsun, karanlık mod tasarımın gelişme trendi olmaya mahkumdur. Yapabileceğimiz tek şey, her şeyi karanlık yapmaya hazır olmaktır.
