İOS 7 hakkında bu ayın başlarında duyurulmasından bu yana pek çok konuşma yapıldı ve bunların çoğu tasarımın, özellikle de yeni ikonların etrafında toplandı. Şimdi, hepimiz değişikliklerin üstesinden gelmek için zamanımız olduğu için, kendi uygulamalarımızın tasarımını nasıl etkileyecekleri konusunda sorular sormaya başlıyor. Sonuç olarak, iOS 7'nin yeni UI'sinin ne kadar etkisi olması gerektiği konusunda bir tartışma çıktı.

Bazıları, uygulamaların kendi stilleri için doğru kalması gerektiğine ve tamamen iOS 7'nin görünümüyle eşleşmemesi gerektiğine inanırken, diğerleri uygulamaların kendilerini daha yerel hissettirmek için yeniden tasarlanması gerektiğine inanmaktadır. Buna eklemek için, ne kadar katı olduğuna dair bir kafa karışıklığı var gibi görünüyor. Apple'ın iOS İnsan Arayüzü Yönergeleri aslında.

Bir şeyleri temizlemek için, içindeki belgelere uzunca bir göz attım. Apple'ın iOS 7 Tasarım Kaynakları ve bu yazıyı bulgularımın bazılarını paylaşmak için kullanacağım.

Apple'ın yönergelerini anlama

Tüm uygulamaların artık “düz” bir estetik benimsemesinin gerekip gerekmediği konusundaki tartışmalarla ilgili olarak, bu tamamen bir fikir meselesi. Tasarımınızda özel UI öğeleri kullanırsanız, sonuçta stilistik kararlar sizinle ve ekibinizle birlikte kalır. Apple, alt gölgeler, degradeler ve çerçevelerin kullanımını tekrar gözden geçirse de, bunun katı bir gereklilik olduğunu gösteren hiçbir kanıt görmedim.

Aşağıdaki metinden alınan pasajdan iOS 7 UI Geçiş Kılavuzu Farklı özelleştirme düzeylerinde daha fazla ayrıntı verilir ve uygulamalarınızın geçiş için hazırlanabilmesi için her birinin yapmanız gereken iş miktarını nasıl etkileyeceği hakkında bilgi verilir.

Uygulama özelleştirmeyi aşağıdaki üç türe ayırdığınız düşünün:

    • Standart. App UIKit tarafından sağlanan sadece standart, özelleştirilmiş UI öğeleri içerir.
    • Özel. Uygulama, herhangi bir UIKit UI öğesini içermeyen tamamen özel bir UI sunar.
    • Hibrid. Uygulama, UIKit renklendirme ve görünüm özelleştirme API'leri kullanarak özelleştirdiğiniz standart öğeler dahil olmak üzere standart ve özel öğelerin bir karışımını içerir.

    Standart bir uygulama için görsel ve kullanıcı deneyimi tasarımlarınızın iOS 7 ortamında hala anlamlı olup olmadığına karar vermeniz gerekir. Mevcut düzen ve etkileşim modelini kullanmaya karar verirseniz, işin çoğu küçük ayarlamalar yapmayı ve uygulamanın yeni sistem genelindeki hareketleri doğru şekilde gerçekleştirmesini sağlamayı içerir.

    Özel uygulamalar — yani, UIKit UI öğeleri kullanmayan uygulamalar — daha ayrıntılı bir yaklaşım gerektirir. Örneğin, geçerli kullanıcı arayüzünün ve uygulamanın deneyiminin hala uygun olduğunu düşünüyorsanız, yapacak çok az şey olabilir. Öte yandan, iOS 7 kullanıcılarını memnun etmek için uygulamanın kişiliği ve kullanıcı deneyiminin değişmesi gerektiğini düşünüyorsanız, yapacak daha çok işiniz var.

    Karma uygulamalar, yaptığınız özelleştirmelere ve özel ve standart öğeleri nasıl birleştirdiğinize bağlı olarak gerekli iş miktarında değişiklik gösterir. Bir hibrid uygulamasının genel tasarımını tekrar gözden geçirmenin yanı sıra, özelleştirmelerinizin hala iyi çalıştığından ve standart öğelerle entegre olduklarında iyi görüneceğinden emin olmanız gerekir.

    Ayrıca, yukarıda bahsedilen belgenin sonunda standart iOS 6 UI'yi tamamen özel bir şekilde taklit eden bir uygulamanın çok fazla iş gerektirmesi muhtemeldir, çünkü bu yalnızca bir tarihin görünmeyeceğidir. Bu kesinlikle düşünmek isteyeceğiniz bir olasılık.

    Ayrıca alınan iOS 7 UI Geçiş Kılavuzu iki listenin yer aldığı aşağıdaki metindir: her uygulamanın yapması gereken şeyler ve her uygulamanın yapması gereken şeyler. Dildeki değişim göz önüne alındığında, ilk olarak katı gerekliliklerin bir listesi ve ikincisinde en azından bazı düşüncenin verilmesi gereken şeylerin bir listesi olarak düşünülecektir.

    Her uygulamanın yapması gerekenler

    • Uygulama simgesini güncelleyin. İOS 7'de, uygulama simgeleri 120 x 120 pikseldir (yüksek çözünürlük).
    • Henüz başlamadıysa, başlangıç ​​çubuğunu dahil etmek için başlatma görüntüsünü güncelleyin.
    • Henüz yapmıyorsanız, tüm sanat eserlerinde ve tasarımlarınızda Retina ekranını ve iPhone 5'i destekleyin.

    Her uygulamanın yapması gerekenler

    • Uygulama içeriğinin saydam UI öğeleriyle (çubuklar ve klavyeler gibi) ve şeffaf durum çubuğunda görülebildiğinden emin olun. İOS 7'de, denetleyicileri tam ekran düzeni kullanır (daha fazla bilgi edinmek için bkz. Görünüm Denetleyicilerini Kullanma ).
    • Özel çubuk düğme simgelerini yeniden tasarlayın. İOS 7'de, bar düğmesi simgeleri daha hafiftir ve farklı bir stile sahiptir.
    • Düğme arka plan görüntüleri sağlayarak ve düzeninizi yeniden değerlendirerek kenar boşluksuz düğmeleri hazırlayın.
    • Uygulamanızı, kodlanmış UI değerleri için (boyutlar ve konumlar gibi) inceleyin ve bunları, sistem tarafından sağlanan değerlerden dinamik olarak türetilenlerle değiştirin. Düzen değişiklikleri gerektiğinde uygulamanızın yanıt vermesine yardımcı olmak için Otomatik Düzen'i kullanın. (Otomatik Düzen'de yeniyseniz, bunu okuyarak öğrenin. Kakao Otomatik Düzenleme Kılavuzu .)
    • UIKit kontrollerinin ve görünümlerinin metriklerinin ve stil değişikliklerinin düzeni ve görünümü etkilediği yerler için uygulamanızı inceleyin. Örneğin, anahtarlar daha geniştir, gruplandırılmış tablolar artık eklenmez ve ilerleme görünümleri daha incedir. Belirli kullanıcı arayüzü öğeleri hakkında daha fazla bilgi için bkz. Barlar ve Bar Düğmeleri , Kontroller , İçerik Görünümleri , ve Geçici Görünümler .
    • Dinamik Türü benimseyin. İOS 7'de, kullanıcılar uygulamalarda gördükleri metin boyutunu ayarlayabilir. Dinamik Tür'ü kabul ettiğinizde, kullanıcı tarafından belirlenen boyut değişikliklerine uygun şekilde yanıt veren bir metin alırsınız. Daha fazla bilgi için bakınız Yazı Tiplerini Kullanma .
    • Özellikle özel dokunmatik işlem gerçekleştiriyorsanız, uygulamanızın yeni Kontrol Merkezi hareketine veya bir gezinme denetleyicisinin hareketine geri dönmek için uygun olmayan şekilde yanıt vermediğinden emin olun.
    • Alt gölgeler, degradeler ve çerçevelerin kullanımını gözden geçirin. İOS 7 estetiği pürüzsüz ve katmanlı olduğu için - UI elemanlarının fiziksel görünmesi için görsel efektleri kullanmaya daha az önem vererek - bu etkileri yeniden düşünmek isteyebilirsiniz.
    • Gerekiyorsa, uygulamanızı iOS 6 için en iyi uygulamalara (Otomatik Düzen ve film tabelası gibi) güncelleyin ve uygulamanın kullanımdan kaldırılmış API kullanmadığından emin olun.

    iOS 7, ultra ayrıntılı uygulama simgesinin de sonu anlamına gelmez. Aşağıdaki metnin snippet'i iOS İnsan Arayüzü Yönergeleri , gerçekçilik için hala bir yer olduğunu gösterir. Ancak, yukarıda belirtildiği gibi, tüm uygulama simgelerinin güncellenmesi gerekir.

    Gerçek maddeleri tasvir etmek istiyorsanız, doğru şekilde yapın. Gerçek nesneleri temsil eden simgeler veya resimler, gerçek malzemelerden yapılmış ve gerçek kütleye sahipmiş gibi görünmelidir. Gerçekçi simgeler, kumaş, cam, kağıt ve metal gibi maddelerin özelliklerini doğru bir şekilde çoğaltır ve bir nesnenin ağırlığını ve hissini iletir.

    Özetle

    İçindeki belgelere çok daha fazla olmasına rağmen Apple'ın iOS 7 Tasarım Kaynakları ve bunların hepsini okumalarını tavsiye ederim, özellikle bu üç parçacığın çok fazla ihtiyaç duyulan netliği sağladığını hissettim. Apple'ın yeni yaklaşımı, alt gölgeleri, degradeleri ve çerçeveleri kesmek için elinden gelenin en iyisini yapabilir, ancak bu sizin takımınızı izlemeniz gerektiği anlamına gelmez ve sadece bir fikir meselesi olup olmamanız gerektiği anlamına gelmez.

    Hangi stilistik seçimlerden bağımsız olarak, yukarıdakilerin tümünü dikkatlice incelediğiniz sürece, uygulamalarınızı başarıyla iOS 7'ye geçirirken sorun yaşamanız gerekir.

    Bu, endişelerinizi giderdi mi? Geçiş yapmak için sabırsızlanıyor musunuz? Yorumlarda bize bildirin.