Google'dan Material Design Lite'a uygulamalı bir giriş. Her şeyi tam olarak ürününüzün ihtiyaç duyduğu şekilde değiştirin: Google tasarımcılarının kendilerinin Materyal Tasarımı yönergelerini nasıl uyguladıkları. Yüzeyler, özellikleri ve işlevleri

Bugün herkes büyük miktar kurumsal müşteriler, sitenin oluşturulması için özette "Tasarım İsteği" sütununda belirtir - " Malzeme Tasarımı”. Aynı zamanda kurumsal kesimin dikkatini çeken şey görsel bileşenden çok tarzın trend olması ve duyulması.

Örneklere geçmeden önce basit bir gerçeği açıklayalım:

Materyal Tasarımı, Google şirketinin kurumsal kimliğidir. Onu taklit etmek, örneğin hazır erişte üreticisinin Ferrari markasını taklit etmeye çalışması kadar aptalcadır.

Materyal Tasarımı kılavuzu, Google'ın kendisine ek olarak, ortak şirketlerin ürünleri ve özellikle Android platformu uygulamaları için de geçerlidir. Google ile ilgisi olmayan herkes ve Android platformu Materyal Tasarımına ilgi tamamen eğitici olmalıdır.

Kurumsal bir web sitesi, “ben böyle istiyorum” demekten daha anlamlı bir yaklaşım gerektirir. Site markanın web üzerindeki yüzü ise, bireysel özelliklere sahip olmalı ve görsel olarak şirketin genel imajına uygun olmalıdır.

Materyal Tasarımı henüz gelişiminin zirvesine ulaşmadı ve bugün yalnızca Google'ın marka kitabının yönergelerine tam olarak uygun olarak yürütülen değil, aynı zamanda kendi görsel markalarına uyumlu bir şekilde entegre edilen pek çok site yok. Yine de, Materyal Tasarımı sitelerinin bazı iyi örneklerini bulmayı başardık.

Materyal Tasarımı tarzında site örnekleri

Kiosk Tarayıcı web sitesi yalnızca Materyal Tasarımı tarzında yapılmamıştır, aynı zamanda mobil cihazlar için de iyi bir şekilde optimize edilmiştir.

Büyük ölçüde iyi karar Materyal Tasarım yönergelerinden (gölgeler, düğmeler, düz tasarım, renkler ve JS etkileri) ve uluslararası okullar ISoE grubunun kurumsal kimliği.

Lifeaweso platformu, Materyal Tasarımının temel ilkelerine uygun olarak yapılmıştır: basitlik, netlik, netlik. Site hala yapım aşamasındadır, ancak Material Design görsel entegrasyonu oldukça iyi görünüyor.

Tanınmış geliştirme şirketi dijital çözümler ve çevrimiçi hizmetler Futurice sadece kötü bir site yapamazdı. Pastel renkler, akıcı gezinme ve işlevsel öğeler, harika bir kullanıcı deneyimi oluşturmak için bir araya geliyor.

Bu site, Materyal Tasarımına özgü basitlik ilkesini kullanır ve onu canlı, yüksek kaliteli fotoğraflarla tamamlar. Özellikle etkileyici arka plan resimleri kaydırırken.

Burada ana Materyal Tasarımı öğesini görüyoruz - kartlar. Site çok hafif ve basit: burada dağınıklık yok gereksiz unsurlar, ve anahtar bilgiler ayrı bloklarda görüntülenir.

Materyal Tasarımı konseptindeki diğer özelliklere ek olarak, burada önemli bir kontrol öğesi vardır - sitenin üzerinde gezinen bir düğme. Kartlardan sonra, bu belki de Google'ın tasarım yönündeki en akılda kalan unsurlardan biridir.

Ve elbette orijinal kaynağı da unutmayalım. Google Alerts hizmet arayüzü, yakın zamanda, görsel özelliklerini ve kullanılabilirliğini önemli ölçüde iyileştiren Materyal Tasarımı'na güncellendi.

• öğretici

Düğmeler altıgen olabilir mi?

Google I/O 2018 kaldı büyük miktar anlamak için malzeme. Ne var ne yok? Nasıl yaşanır? Başvurum güncelliğini yitirdi mi? Düğmeler altıgen olabilir mi? Tasarımcılara artık ihtiyaç kalmadı mı? Yavaş ve küçük porsiyonlarda anlamak daha keyifli. Bu kısım tasarımla ilgilidir.

Dört yıldır Materyal Tasarımı bundan bıktı. Tarafından Google verileri, 1,5 milyon uygulama bu tasarım sistemi temelinde oluşturulmuştur. Niye ya? Sonuçta, başlangıçta Google'ın dahili ihtiyaçları için oluşturuldu.

Android için heterojen tasarım sorunlarını ve herhangi bir sistemin eksikliğini çözdü.
- Farklı cihazlar için evrenseldi: tabletler, akıllı telefonlar, web.
- Kullanıcının bakış açısından düşünülmüştür ve sezgiseldir.

Sistem esnek olmamakla ve sonuç olarak bir plan tasarımı almakla suçlandı. Hizmeti kesinlikle kılavuzlara göre tasarlarsanız, görsel olarak uygulamaların gerçekten karaktersiz olduğu ortaya çıktı. Öte yandan, neden sistemi suçluyorsunuz? Yönergeler asla İncil olmadı, onlardan sapabilirsiniz. Belki de uygulamanız için yalnızca Google Renk paletinde bir renk seçtiniz? Umarım değildir.

Öte yandan, özel öğeler ekleyerek, beklentilerinizi karşılama riskini aldınız. Android Geliştiricileri karanlık bir sokakta ve neden ve ne kadar yanıldığınız hakkında uzun bir konuşma dinleyin. Tehlikeli zamanlardı.

Tüm Materyal Tasarım Ödülü kazananları aynı riski aldı. Bu projelerin ne kadar özel kullanıcı arayüzüne sahip olduğunu fark ettiniz mi? Ancak Google onları teşvik etti ve herkes şaşırdı.

Artık Google'ın uygulamalarımızı özelleştirmemizi istediği açık. Ürünler güzel ve farklı olmalıdır. Güncellenen MD, tasarımcılara ve işletmelere, geliştiriciler tarafından azarlanma korkusu olmadan kullanıcı arayüzünü nasıl özelleştirebileceklerini gösterme girişimidir.

materyal.io - Tasarım, Geliştirme, Araçlar

Tasarım sistemini siteden incelemeye başlayabilirsiniz - sadece içeriğin bir kısmı değil, aynı zamanda görsel stil de güncellendi. Şimdi 404 ekranı bile size öğretecek ve kılavuzlardan bir öğeye tıklayarak, tüm mesafeleri, yazı tiplerini ve Google kitaplığından indirme bağlantılarını içeren özelliklerini göreceksiniz.

Sonuç henüz etkileyici değil. En büyük artısı şu olmalıydı hazır kod yerel öğeler için, ancak GitHub bağlantısı o kadar harika değil. Geliştiricilerden uygulamanıza yeni öğeler eklemelerini istemek için henüz çok erken - onlar için kod henüz sağlanmadı.

Ya öğeleriniz yerel değilse? İşaretlemeyi görebilirsiniz, ancak kesme simgelerini alamayacaksınız. Yani Zeplin'i değiştirmekten bahsetmek için çok erken.

• öğretici

"Bu sıkıcı diyalog gerçekten gerekli mi?"

Bu yazıda Materyal Tasarımının temel ilkelerini ortaya koydum ve bunların nasıl uygulanacağı konusunda tavsiyeler verdim. Metin, biz Robotların Google'ın Rusya ofisi (Think Mobile) ile birlikte düzenlediğimiz geliştiriciler için bir ana sınıfın izinde yazılmıştır.

Bir zamanlar, tüm Google ürünleri farklı şekilde kötü görünüyordu. Hatta tek ürün farklı platformlar tutarsız görünüyordu.

Google, ürünlerinin ekosisteminin görsel kısmını birleştirmek için çok çalışmaya başladığında ve hepsine Proje Kennedy adını verdiği 2011'de her şey değişmeye başladı.

Kennedy'nin bununla ne ilgisi var?

Efsane şudur: Başkan Kennedy, aya insanlı bir uçuş programını başlattı (bu uçuşun gerçekten olduğuna inanıyorsanız). Ve Google'ın büyük patronu Larry Page, ürünleri %10 iyileştirmenin bir anlamı olmadığı ilkesine bağlı kalıyor - ürünlerin rakiplerinden 10 kat daha iyi olması gerekiyor. Bir ürünü piyasaya süreceksek, hemen aya. Yani burada her şeyi aniden yeniden yapmaya karar verildi.

Sonuç öncelikle web'e dokundu, ancak bazı mobil ürünleri de etkiledi. Aynı zamanda, eski Android'in estetik açıdan hoş olmayan arayüzlerinin yerini alan Android - Holo'nun tasarımı üzerinde ayrı bir çalışma vardı.
Ancak bir sorun vardı: Holo, Kennedy Projesi'nden hâlâ farklıydı.


Kullanıcılar uyum sağlamak zorunda kaldı yeni arayüz geçiş yaparken, görünüme alışma, kontrollerin düzeni vb.
Bu nedenle, bir noktada, Google'ın farklı bölümlerinden bir grup tasarımcı bir araya geldi ve bir kez ve herkes için çözmek için bu sorunla savaşmaya başladı.

2014 yılında I / O konferansında Materyal Tasarımı adı verilen bir yaklaşım olan yeni bir tasarım sistemi sunuldu. Yeni tasarım sistemi, tüm ekranlarda tutarlı bir kullanıcı deneyimi oluşturmanıza olanak tanır: masaüstü, akıllı telefon, tabletler, saatler, TV'ler, arabalar. Android uygulamaları için Materyal Tasarımı, Holo'nun görsel dilinin ve tasarım yönergelerinin gelişimini temsil eder. Birçok yönden, diğer tasarımcıların kullanacağı varsayımıyla oluşturulmuş daha esnek bir sistemdir - Google yalnızca ilk kullanıcıydı.

Materyal Tasarımı, tasarım kararlarına daha objektif yaklaşmanızı sağlar: bir şeyin nasıl göründüğü, bir şeyin nasıl çalıştığı, animasyonun nasıl yapıldığı vb. Makul bir çerçeve sağlar, ancak gereksiz kısıtlamalar sağlamaz.

Materyal Tasarımının 4 ilkesi

Materyal Tasarımı dört ana prensibe dayanmaktadır:

1. Dokunsal yüzeyler. Materyal Tasarımında arayüz, "dijital kağıt" denen somut katmanlardan oluşur. Bu katmanlar farklı yüksekliklerde bulunur ve birbirlerinin üzerine gölgeler düşer, bu da kullanıcıların arayüzün anatomisini ve arayüzle nasıl etkileşimde bulunacaklarını daha iyi anlamalarına yardımcı olur.
2. Baskı tasarımı. Katmanları "dijital kağıt" parçaları olarak düşünürsek, "dijital mürekkep" ("dijital kağıt" üzerinde gösterilen her şey) ile ilgili olarak, grafik dizayn: örneğin, dergi ve poster.
3. Anlamlı animasyon. Gerçek dünyada, nesneler bir anda ortaya çıkmazlar veya hiçbir yerde kaybolmazlar - bu sadece filmlerde olur. Bu nedenle Material Design'da, kullanıcılara arayüzün nasıl çalıştığı hakkında ipuçları vermek için katmanlarda ve dijital mürekkepte animasyonun nasıl kullanılacağını her zaman düşünüyoruz.
4. Uyarlanabilir tasarım.Önceki üç kavramı şu şekilde uygularız: farklı cihazlar ile birlikte farklı izinler ve ekran boyutları.

Öyleyse sırayla hareket edelim.

dokunsal yüzeyler

Dokunsal yüzeylerle başlayalım. Bunlar, sıradan kağıdın aksine süper güçlere sahip olan aynı "dijital kağıt" parçalarıdır - esneyebilir, bağlanabilir ve şekillerini değiştirebilirler. Aksi takdirde, fizik yasalarına ve Rusya Federasyonu mevzuatına tam olarak uygun davranırlar.

Yüzey

yüzey nedir? Temel olarak, gölgesi olan ve başka hiçbir şeye sahip olmayan bir "konteyner" dir. Ancak bu, bir nesneyi diğerinden ayırt etmek ve birbirlerine göre nasıl konumlandıklarını göstermek için oldukça yeterlidir. Materyal Tasarımı felsefesi sadelik ve temiz tasarım için çaba gösterir.

Çok uzağa gitmeye ve bir doku kullanmaya, ışık gölgesini tasvir etmek için degradeler uygulamaya gerek yok. Büyükannenin apartman kapısındaki gibi cildin görsel özelliklerini vermeye gerek yok - düzgün bir gölge çok şey ifade edebilir. Ancak her yüzeyin kendi yüksekliği vardır - Z eksenindeki konumu ve yüzeylerin her biri, tıpkı gerçek dünyada olduğu gibi, altta bir gölge oluşturur.

Derinlik

Geleneksel "düz tasarım"da, herhangi bir hacmin tezahürü olarak gölgelerden kaçınılır, ancak ekrandaki öğelerin yapısını ve hiyerarşisini belirtmek gibi önemli bir işlevi yerine getirirler. Örneğin, bir elemanın kaldırma kuvveti daha büyükse, gölgesi daha büyük olacaktır. Bu artan derinlik, kullanıcının dikkatini kritik konulara odaklamasına ve bunu zarif bir şekilde yapmasına yardımcı olur.

Derinlik ayrıca etkileşim ipuçlarını tanımlar. Burada, kullanıcı kaydırdıkça yeşil katı üst katmana yapışır ve bir alt gölge eklenir. Bu, yalnızca "mürekkebin" hareket ettiğini değil, aynı zamanda Beyaz arkaplan aşağıdadır ve tamamen hareket eder.

Derinliğin bir “dip” olduğuna dikkat etmek önemlidir. Mobil cihazın kendi kalınlığı ile sınırlı olduğu varsayılmaktadır. Yani, bir akıllı telefonda camdan arka duvara bir santimetre ise ve arayüzde bir kredi kartınız varsa, onu ters çeviremezsiniz - cama ve arka duvara yaslanacaktır.

Dikkat!

1. Derinlik mantıklı olmalı. Kendinize şu soruyu sorun: "Neden bu ve başka türlü değil?" Cevap yoksa, başka bir çözüm aramak mantıklıdır.
2. Lojistikle ilgilen. Kayan düğmeler, araç çubukları ve iletişim kutuları belirli bir yüksekliktedir. Bazen bir şey olduğunda çarpışmaları önlemek için Z ekseni boyunca hareket etmeleri gerekir. Bu koreografiye son derece dikkat etmelisiniz.
3. Düğmeyi zorlamayın. Yüzen düğme çok belirgin bir unsurdur. Birçok kişi onu arayüze eklemeye değer olduğunu düşünüyor: hemen Materyal Tasarımı olur. Ama sadece bunun için kullanılmalıdır. anahtar eylem uygulamanızda. Bir pencereyi kapatmanız veya bir eylemi onaylamanız gerekiyorsa, kayan düğmeyi kullanmanıza gerek yoktur. Bunun için başka unsurlar da var.
4. Her şey kartta olmamalı. Bir nesnenin birçok formu varsa ve birçok farklı içerik sonra kart uyuyor. Ve değilse, düz metin veya metin listesi olarak yapmak daha iyi olabilir mi?
5. Bu sıkıcı diyalog gerçekten gerekli mi? Google tasarımcıları diyalogları daha iyi hale getirmeye çalıştı, ancak yine de Alt Sayfalar çoğu görev için daha uygundur. Snackbarlar da var. Diyalog kutuları sadece kullanıcıya soru sormak için gereklidir.
6. Liste genişletmeyi kullanın. Bu hafife alınmış bir kalıptır, ancak oldukça Malzemedir ve iyi bir iş çıkarır.

Baskı dizaynı

Materyal Tasarımında yüzeylere " dijital kağıt", Sonra üzerine yerleştirilen her şey - metin, resimler, piktogramlar - " dijital mürekkep " ile uygulanır. Ve Materyal Tasarımı, arayüz tasarımında klasik baskı tasarımı ilkelerini kullanır.

Şık tipografi

Baskı tasarımında tipografi temel olarak önemli rol... Herhangi bir dergiyi alın ve tipografinin iki tane olduğunu fark edeceksiniz. önemli işlevler... İlk olarak, yazı tipinin seçimi ve bileşimi, yayının markasının stil oluşturan öğesidir. İkincisi, tipografi içeriğin yapısını tanımlar.


Bu ekranda oldukça fazla metin var. Ancak simgeleri atar ve metni gri bloklara dönüştürürsek, yapının oldukça ayırt edilebilir olduğu ortaya çıkar.

Bizden önce büyük başlık ve doygunluklarında farklılık gösteren bir dizi daha küçük öğe - daha önemli olanlar daha koyu. Aynı zamanda, bazı dikdörtgenlerin yakın olması ve bloklar arasında önemli bir girinti olması nedeniyle gruplama arasında net bir ayrım yapıyoruz. Genel olarak, her şey en iyi geleneklerde!

Yazı Boyutu

Google.com/design/spec, güvenle kullanabileceğiniz standart bir yazı tipi paletine sahiptir. Palet, Roboto yazı tipini kullanır, ancak markayı desteklemek için bunu kendi markalı yazı tipinizle değiştirebilirsiniz. Yazı tipi oluşturma farklı cihazlarda farklı çalışabileceğinden, her şeyi dikkatli bir şekilde test etmek önemlidir. Genellikle OTF yazı tipleri, TTF yazı tiplerinden daha iyi çalışır.

Kontrast tipografi

Matbaa dünyasının Materyal Tasarımı ile iyi anlaşan bir başka ilkesi de kontrast tipografidir - başlığın yazı tipi boyutları ile dizgi metni arasında gerçekten göze çarpan bir karşıtlık. Bu güzel ve iyi ana şeyi vurgular.

Modüler ızgara ve kılavuzlar

Şimdi ekrandaki içeriğin düzenine. Baskı tasarımında modüler ızgaralar kullanılır; ekran tasarımında bunlar çok küçük modüllere sahip daha temel ızgaralardır. Örneğin, Materyal Tasarımı bir 8dp ızgara kullanır. DP, iOS'taki nokta birimine çok benzeyen bir birim olan yoğunluktan bağımsız piksel anlamına gelir.

Ama asıl ayırt edici özellikİçeriğin Materyal Tasarımı ilkelerine uygun olarak yerleştirilmesi - temel kılavuzların yeri. Ekranın kenarlarından dolguyu ayarlar, bilgileri yapılandırır ve kullanıcının bakışını kontrol ederler. Çok sayfalı yayınların tasarımına aşinaysanız veya Tschichold'u okuduysanız, muhtemelen ızgara ve kenar boşlukları hakkında çok şey biliyorsunuzdur ve bacakların buradan nerede büyüdüğünü anlıyorsunuzdur.

Aslında ortada bir metin sütunu ve solda büyük bir kenar boşluğu görüyoruz, bu da ana içeriğe odaklanmayı ve kenar boşluklarında yardımcı öğeler vermeyi mümkün kılıyor.

geometrik ikonografi

İkonografi açısından, Android'de bir süredir basit simgeler kullanılıyor, ancak Materyal Tasarım'da daha da basit ve dostça hale geldiler. Açık resmi olmayan kaynak Materialdesignicons.com tasarımcıları amaçlarına uygun simgeler bulabilir ve mümkün olduğunca katkıda bulunabilir.

Renk

Baskı tasarımında olduğu gibi, arayüz tasarımında da renk önemli bir ifade aracıdır. Eski Android'de renk tamamlayıcıydı, ancak şimdi daha belirgin bir rol oynuyor. Materyal Tasarımında standart Renk paleti uygulama ana ve vurgu renklerinden oluşur.

Ana çubuk, eylem çubuğu gibi geniş alanlar için kullanılır ve durum çubuğu, daha koyu varyasyonunda renklendirilir. Kontroller, düğmeler, şeritler, göstergeler ve daha fazlasındaki noktalarda daha parlak bir vurgu rengi kullanılır. Vurgu rengi, kullanıcının dikkatini şu noktalara çekmek için tasarlanmıştır. anahtar unsurlar yüzen bir düğme gibi.

Ne kadar renk kullanmalısın? Vurgular küçük miktarlarda noktasal olarak yerleştirilir. Arayüzün geri kalanını renklendirmek için basit bir temel kural vardır. Çok fazla metin olduğunda, örneğin bu bir posta listesidir, uygulama çubuğundan çıkmalısınız. Standart boy ve kullanıcının içeriğe odaklanmasını sağlamak için renklendirin. Çok fazla içerik yoksa, örneğin ayrıntılı görünüm bireysel eleman, fotoğraf veya hesap makinesi, o zaman bu, büyük renkli kalıpları kullanmak için harika bir fırsattır - 2x veya 3x uygulama çubuğu yükseklikleri.

Android, fotoğraflardan renk çıkarmanıza izin veren Palet adlı bir kitaplığı destekler. Yani uygulamadaki fotoğraf illüstrasyonlarına göre arayüzü dinamik olarak boyamak mümkündür.

Bir fotoğraf çektik ve algoritma fotoğraftan farklı özelliklere sahip 6 renk çıkardı:
- 3 sulu ve 3 sessiz renk vardır;
- açık, standart ve koyu tonlara ayrılırlar;
- her arka plan rengi için, aynı zamanda kullanılabilen kendi metin rengi tanımlanır.

Güzel fotoğraflar

Son olarak, baskı tasarımında olduğu gibi, Materyal Tasarımı da tüm ihtişamıyla fotoğraf ve illüstrasyon kullanımını teşvik eder. Resimler genellikle çerçevesiz, genellikle "tam" olarak yerleştirilir. Durum çubuğu bile müdahale etmemek için bilinçli olarak şeffaf hale getirilmiştir. Üstelik ekrandaki her damla "dijital mürekkebin" bir işlevi var, sadece dekorasyon için neredeyse hiçbir şey yok.

Dikkat!

1. Markalaşmanın tadını çıkarın. Google kullanmak için daha iyi bir konumda parlak renkler markalı ama bu bir sorun olarak algılanmamalı. Kurumsal marka defterinden renkleri seçip genel olarak logoyu kullanabilirsiniz.
2. Doldurmayı ve “hadi biraz hava alalım” demeyi unutmayın. 8dp'lik bir temel ızgara ve 72dp'lik bir sol kenar boşluğu pratikte kuraldır. İçeriğin iyi ve özgür olmasına izin verin.
3. Etkileyici fotoğraflar havayı güzelleştirir.İfade araçları olarak fotoğraf ve illüstrasyonlar bizim seçimimizdir.

anlamlı animasyon

Gerçek dünyada, nesneler bir anda ortaya çıkamaz veya hiçbir yerde yok olamazlar. Bu, kafa karışıklığına ve kafa karışıklığına neden olacaktır. Bu nedenle, Materyal Tasarımında, tam olarak ne olduğunu göstermek için anlamlı animasyon kullanılır.

Örnek 1. Animasyon, bu belirli kartın tıkladıktan sonra öne çıktığını, genişlediğini ve daha fazla bilginin görünür hale geldiğini gösteriyor.

Örnek 2. Takvimdeki olay, bastırdıktan sonra yüzeyden ayrılır, ayrı bir "kağıt" tabakasına dönüşür, dönüşmeye başlar ve olayla ilgili ayrıntılı bilgiler şeklinde ortaya çıkar.

İlginç bir nokta, aktif hareketin göze hitap etmesidir - bu bizim görüşümüz için doğaldır. Animasyon yardımıyla kullanıcının dikkatini kontrol ediyoruz.

asimetri

Arayüzün derinliği cihazın kalınlığı ile sınırlı olduğundan, tüm nesne dönüşümleri düzlemde yapılmalıdır. Bu aynı zamanda dönüştürme animasyonunun asimetrik olmasına neden olur - yani, nesnenin genişliğini ve yüksekliğini değiştirmek bağımsız olmalıdır. Aksi takdirde, izleyiciye yaklaşma veya ondan uzaklaşma yanılsaması ortaya çıkar ve çok uzun mesafe.

Reaksiyon

Başka bir çok önemli ilke Materyal Tasarımındaki animasyonlar, kullanıcı eylemlerine verilen tepkilerdir. Mümkün olduğunda, cihaz ekranına dokunmak, arayüz değişikliklerinin merkez üssü olmalıdır. Örneğin, parmağınızla temas ettiğiniz noktadan çıkan ve giden bir dalga. Bu efekt, Android L'de kolayca uygulanır.

mikroanimasyon

Android L'de, içerik veya küçük eylem simgeleri arasındaki geçişler olsun, uygulamanın her öğesini canlandırabiliriz. Uygulamanın her ayrıntısı önemlidir ve mikro animasyonlar, her kullanıcı eylemi için uygulamaya daha fazla ayrıntı ve yanıt verir.

Netlik ve keskinlik

Ve animasyonun son temel ilkesi: hareket hızlı ve net olmalıdır. Başlangıçtaki banal hızlanmanın ve sonundaki yavaşlamanın aksine, Material Design'daki animasyon eğrisi daha doğal ve ilginç. Nesneler daha hızlı tepki verir ve hedef duruma ulaşır, daha keskin bir şekilde geri gelir, ancak sonunda dinlenme durumuna biraz daha uzun süre gider. Sonuç olarak, kullanıcının daha az beklemesi gerekir (bu daha az can sıkıcıdır). Aynı zamanda, nesne zaten kullanıcıların ilgi alanını terk ettiğinde, daha doğal davranmasına izin verir.

Dikkat!

1. Animasyonu sona bırakmayın. Animasyonu en sona bırakmayın - bu önemli bir faktör olabilir. kullanıcı deneyimi ve önceden düşünülmesi gerekir.
2. Ne zaman duracağını bil.Çok fazla animasyon da kötü. Kendinizi kontrol edin ve bunun anlamlı olması gerektiğini unutmayın.

Uyarlanabilir tasarım

Materyal Tasarımının son önemli yönü konsepttir. sorumlu tasarım... Yani, ilk üç kavramı farklı form faktörlerinde farklı cihazlara ve ekranlara nasıl uygulayabiliriz.

Genelden özele

En yaygın teknik, daha küçük bir ekranla birlikte ekranda görüntülenen bilgi miktarını azaltmaktır. Büyük ekranda hem listeyi hem de detaylı bilgi seçilen öğe için, ardından akıllı telefonlarda önce bir liste görüntülenir ve ihtiyacınız olan ayrıntılar için ayrı ekran... Tabletler söz konusu olduğunda, uygulama çubuğu bazen en azından biraz fazla boş alanla başa çıkmak için genişletilebilir.

Girinti

İçeriği blokları kullanarak yerleştirmek, büyük ekranlarda boş alanla çalışmayı çok daha kolaylaştırır. Her bloğun içeriğini biliyoruz, okunabilirliği kaybetmemek için ne kadar geniş olabileceğini ve çok kalabalık olmamak için ne kadar dar olabileceğini anlıyoruz. Açık geniş ekranlar bloklar okunabilirlik sınırlarına kadar uzatılır ve daha sonra kenarlardan büyük olabilecek kenar boşlukları eklenir. Kayan bir düğme ve renkli bloklarla doldurulabilirler.

Beyaz çerçeveler

Alan düzenleme ve dolgu için fikirler farklı ekranlar google.com/design/spec adresinde Beyaz Çerçeveler altında casusluk yapılabilir. Başlamak için harika bir yer, anlamak Genel anlam ve sonra kendi deneylerinize devam edin.

Kılavuzlar

Kılavuzlar bize üzerindeki "mürekkep" için girintiyi verir. ayrı sayfalar"Kağıt". Bir akıllı telefonda, solda bir sayfa ve bir iyi girinti var ve bir tablette iki tane var ve her iki durumda da bir girinti var. Bu iki form faktörü için girintinin farklı olması önemlidir. Bir tablette 80dp ve bir akıllı telefonda 72dp'dir. Ekranın kenarlarından ofsetler de farklıdır.

Boyutlar (düzenle)

Tüm elementler için çoklu oranlar alınması tavsiye edilir. Özellikle, uygulama çubuğunun boyutunu 1x, 2x, 3x'in katı olarak seçerseniz çok daha uygundur. Bu boyut akıllı telefonlarda ve tabletlerde farklıdır, ancak uygulama sorunsuz bir şekilde uyum sağlar.

Bloklar

Bloklar halinde düşünmek genellikle yardımcı olabilir. bunu sorarsan modüler ızgara 8dp'nin katları olan bloklardan mükemmel görsel ritim elde edecek ve karar vermek için daha uygun olacaksınız. Beyaz çerçeveli web sitesine gidin ve malzemelere bakın.

araç çubuğu

Eylem çubuğu, arayüzün en önemli parçalarından biridir. Başlığı, işlem düğmelerini ve gezinmeyi barındırır. Android Lollipop'ta, eylem çubuğu üstte zincirlenmiş bir şeritten tam teşekküllü bir widget'a dönüştü - işlevsel ve güzel blok uygulama kontrolü. Bu, artık araç çubuğuna daha önce hayal bile edemediğiniz birçok işlevsel öğe koyabilmeniz nedeniyle mümkün oldu:
- giriş alanları, formlar;
- ana eylemin kayan düğmesi;
- araç çubuğu genişletilmiş gezinme tarafından gizlenir, ancak burada bile tamamen işlevsel bir widget görüyoruz;
- gerekirse araç çubuğunu çalıştırmak uygundur.

Dikkat!

1. Her zaman bir gezinme çekmecesine ihtiyacınız yoktur. Google, uygulamalarında kaydırmalı gezinmeyi çok kullanır, böylece onu şurada görebilirsiniz: farklı örnekler... Ancak Google'ın yardımı ile çözülebilecek birçok görevi vardır: yardım gönderme, ayarlar, giriş/çıkış, kullanıcı bilgileri vb. Benzer görevleriniz varsa, her şey yolundadır, ancak basit bir araç yapıyorsanız, buna değmez.
2. Araç çubuklarıyla daha akıllı ve daha akıllı. Araç çubuğunun boyutunu dinamik olarak değiştirme, ikili ve üçlü hale getirme yeteneği çok havalı ve kullanışlıdır. Çoğu tasarımcı buna dahil olmaktan ve bir kez ve herkes için bir beden seçmekten korkar, ancak burada daha cesur olabilirsiniz ve olmalısınız.
3. Yüzen bir düğme için gettonun alt köşesinden yapmanıza gerek yok. Kayan düğme herhangi bir yerde olabilir: alt, üst, sağ, sol. Tabii ki, ona köşeden ulaşmak uygun olabilir, ancak bu tek seçenek değil. Düğme, görevlere bağlı olarak bir yerden bir yere hareket edebilir.
4. Hem akıllı telefonlar hem de tabletler; hem dikey hem de yatay olarak. Android cihaz yelpazesi çok geniştir ve bu, geliştiriciler için hayatı kolaylaştırmaz. Ancak gerçek şu ki, kullanıcılar bu şekilde çevirdikleri tüm bu cihazlara sahipler (akıllı telefonlar söz konusu olduğunda bile). Bu an üzerinde çalışılmalıdır.

Bu Materyal Tasarımıdır. Denemekten ve hata yapmaktan korkmayın: kopyalamaya kafayı takmayın mevcut çözümler... Dene!

Etiketler: Etiket Ekle

Gönderinizi etiketleyin Etiketleri virgülle ayırmak daha iyidir. Örneğin: programlama, algoritmalar

Yorumlar 121

• • • • • • • • • • Google gibi telefonunuzu yalnızca yatay olarak mı tutuyorsunuz?
                    

                    Dikeyde ekranın sadece %50-70'i kullanılır

                    
                    

                    • Bu ekranda oldukça fazla metin var.

                      Bu çok fazla metin mi? Twitter insanlara ne yaptı...

Malzeme tasarımı nedir? Bu, Google tarafından geliştirilen bir dizi stil ve grafik ile bu stillere bağlı kalmak için yönergeler ve kurallardır. Materyal tasarımı ilk olarak 2014 yazında bir geliştirici konferansı olan Google I / O'da gösterildi. Stil, "kartlar" ve "bloklar" formatına dayanmaktadır - basit ve özlü formlar ve grafik öğelerin yanı sıra tasarımın genel sadeliği ve tazeliği - sakin, donuk renkler, hacim eksikliği, küçük detaylar ve detaylandırma. Genel. Materyal tasarımı için ilk "görünüm", Google Asistan hizmetinin piyasaya sürülmesiyle birlikte gerçekleşti ve resmi olarak stil, ameliyathanenin temeli oldu. Android sistemleri en yakın zamanda, Android Lollipop olarak da bilinen 5.0 sürümünde.

Benim düşünceme göre, materyal tasarımının, Google'ın işletim sistemi ve programlarının tasarımını tek bir forma getirme konusundaki önceki tüm girişimlerine göre çok önemli avantajları var, ancak aynı zamanda bazı dezavantajları da var. Bu kısa yazıda Google'dan yeni tasarım diline bakış açımı sunmaya çalışacağım.

Malzeme tasarımı - profesyoneller

Yeni tarzın lehine olan ilk ve en önemli argüman, bence, onun uygulanmasıdır. Apple teknolojisinden nefret eden biri gibi görünüp tekrar yaklaşmak istemiyorum ama bu durum korkutucu değil çünkü ben sadece kendi bakış açımı ifade ediyorum. Bu yüzden, bence iOS'u yedinci sürüme güncellemek ve Android'i beşinci sürüme güncellemek, dedikleri gibi, iki büyük farktır.

Apple örneğinde, önceki grafiklerin düz bir görünüme olağan aktarımını gördük, yeni bir fikir yok, yeni bir şey getirme arzusu yok - sadece aldık mevcut arayüz, bir presle sıktı, simgeleri yeniden çizdi ve gökkuşağı ekledi arka plan resimleri... Tam olarak arka plan resimleri yeni iOS 7 ve menünün şeffaflık efektleri, bence tasarımcıların iyi ve kibar bir şey yapma konusundaki zevksizliğinin ve isteksizliğinin bir göstergesidir. "Yedi" de herkes gözlerine toz attı güzel efektler yeni arayüzün animasyonu ve genel parlaklığı. Bana öyle geliyor ki, hiç kimse uygun olup olmayacağını gerçekten düşünmedi, çünkü aksi takdirde Apple tasarımcıları verirdi daha fazla ilgi fonksiyonel noktalar, gökkuşağı tasarımı değil.

Yukarıdan çağrılan bildirim gölgesi ve alttan çağrılan kontrol paneli, iOS7'deki gereksiz bir "yükseltme"nin açıklayıcı örnekleridir. İlki daha net hale getirilmedi - tüm bildirimler bir araya toplandı ve çok fazla var, ikincisi yarıya indirildi, anahtarlar arayüzleri açmanıza / kapatmanıza izin veriyor, ancak konfigürasyonlarına ve seçimlerine gitmiyor ağlar

Android 5.0 da tam olarak işletim sisteminin malzeme tasarımına aktarılması nedeniyle 4.x'e kıyasla grafik açısından çok ciddi bir şekilde güncellendi. Ve ilk bakışta, buradaki değişiklikler iOS'ta gerçekleşenlere benzer - stilin düz, daha hafif genel tasarım, dış sadelik olarak son değişikliği. Ama sonra farklılıklar başlar. Android 5.0'da, malzeme tasarımı sayesinde arayüz daha bütünseldir - her şey tek bir sakin tarzda yapılır, hiçbir şey öne çıkmaz ve renkli veya aşırı parlak görünmez. Malzeme tasarımının temel ilkesi, arayüzdeki grafik efektlerin pratikliği üzerindeki önceliğini dışlıyor mu? ve çok havalı.

İlk argümanı özetlemek gerekirse - malzeme tasarımı zaten çok bütünsel görünüyor, bu tam olarak Google ve KO'nun işletim sisteminde eksik olan şeydi - bütünlük ve topluluk. Her birini açarken ayrı bir program, kişiler, tarayıcı, e-posta istemcisi veya başka bir şey olsun, aynı animasyonu, aynı renk paletini ve yalnızca tanınabilir öğeleri görürsünüz. Bu nedenle, yeni işletim sistemine alışmak daha kolay ve onunla çalışmak çok keyifli.

İkinci argüman, Lollipop'ta zaten bir akıllı telefon kullandıysanız veya ekran görüntüleri gördüyseniz, muhtemelen arayüzün görsel olarak büyüdüğünü fark etmişsinizdir. Dokunmatik cihazlarda arayüzün genişletilmesi uzun süredir devam ediyor. ilkini karşılaştırırsak Android sürümü"o zaman" Windows Mobile ile - Android'in daha büyük ve daha basit olduğu açıktı, ekranda daha az bilgi vardı, ancak akıllı telefonu çalıştırmak da daha kolaydı. Materyal tasarımında, bazı öğeler "kartlar" ile değiştirildi, yazı tipleri, simgelerin ve çizgilerin boyutları biraz artırıldı, arayüz bir bütün olarak büyüdü. Muhtemelen hoşuma gidiyor, çünkü yaşlanıyorum, şakalar şakalar, ancak yaşlandıkça, "yakın dövüş" simgelerine ve öğelerine bakma isteği o kadar az iyi görüş... Bu arada, bu yüzden iPhone 5'i ve daha azını sevmiyorum. Kompaktlık Kompaktlık, ancak diyagonal 4,5 "" olan bir ekranda bile görmek istersiniz normal boyutlar Büyüteçle incelemek yerine elementleri. Bu, özellikle hareket halindeyken bir akıllı telefonla çalışırken, birçok durumda daha kullanışlıdır. Bu nedenle, Android 5.0'daki arayüzün malzeme tasarımına dayalı genel konsolidasyonu bana iyi bir adım gibi görünüyor.

Üçüncü argüman şudur: Google, Android'i yalnızca şu dile çevirmedi: yeni tasarım, aynı zamanda yazılım geliştiriciler için ana unsurların uygulanmasının bir gösterimi ile gerekli görsel kılavuzları da hemen hazırladı. Basitçe söylemek gerekirse, yeni bir program yapıyorsanız veya eski bir programı yeni bir tasarıma dönüştürmek istiyorsanız, alan ve Google önerilerini inceleyin.

Örneğin, hangi renklerin kullanılacağını söylüyor. yazı tiplerini ve bunların nasıl kullanılacağını gösterir. Ve doğru kullanımı için öneriler grafik görüntüler bir programda.

Malzeme tasarımı - KARŞI argümanlar

Bununla birlikte, malzeme tasarımı lehine üçüncü argüman aynı zamanda ona karşı bir argümandır. Evet, Google, geliştiricileri terk etmemek ve onlara vermek için harika kapsamlı rehber yeni tasarım dilinin doğru uygulanması üzerine ama bu durumda kullanıcıları düşünmek mümkün olmadı diyelim. Materyal tasarımının tüm kurallarına göre yazılan veya dışarıdan değiştirilen programlar google yönetimi, Android 5.0'da çok uyumlu görünecek ve sistemin önceki sürümlerinde böyle olmayacak. Ve bunun tersi - malzeme tasarım kurallarına uymayan tüm uygulamalar, Android Lollipop'lu bir akıllı telefonda biraz yabancı görünecektir. Ve önümüzdeki altı ay içinde buna benzer pek çok program olacak, önermeye cüret ediyorum. Yine de, özellikle karmaşık ve gerekliyse, talep edilen bir programın her geliştiricisi değil. sürekli güncellemeler ve iyileştirmeler, her şeyi bırakıp malzeme tasarımına çevirmeye başlayacak.

Çok eski bir tasarımın güzel bir örneği gerçek program- Naber. Başvuru ne kadar süre md'ye çevrilmeyecek? İyi soru

Görünüşe göre geliştiricilerden bazıları artık gerçekten her şeyi bırakıp programlarını materyal tasarımına aktarırken, diğerleri bunu yapmayacak. Ve ayrıca Google Oyun eskilerde, diyelim ki tasarımda programlar var, ancak bazen işte gerekli. Sonuç olarak, Google'ın bir arzusunun (şüphesiz doğru!) Android'i dünyaya getirmek olduğu ortaya çıktı. Genel görünüm yeterli değil, yüzbinlerce programla bir şeyler yapmanız gerekiyor. Soru ne?

Değerli okuyucular, Google'ın tüm hizmetlerini ve uygulamalarını malzeme tasarımını temel alarak ortak bir forma getirme fikri hakkında ne düşünüyorsunuz?

için konferansta Google geliştiricileri Güncellenmiş Android ve daha derin entegrasyonun yanı sıra I / O 2018 yapay zeka hizmetlerinize, Google sistem tasarımında yeni bir standart getirdi ve mobil uygulamalar- Malzeme Tasarımı 2.0. Ne var ne yok?

Beyaz boşluk ve yarı saydamlık

Yeni malzeme tasarımındaki en göze çarpan değişikliklerden biri, minimum sayıda doygun renk ve gri, yalnızca düz beyaz boşluk ve yarı saydamlıktır. Bence çok taze görünüyor, bu nedenle işletim sistemini ve yazılımı yeni seviye görsel algı. Şu andan itibaren hisse senedi Android P, grafiksel eklenti yok üçüncü taraf üreticiler, haklı olarak arayüzler arasında en güzel çözümü buluyorum. BENİM NACİZANE FİKRİME GÖRE.

Yeni geliştirici araçları:

Malzeme Tema

Sketch için Material Theme eklentisi, esasen Android P'deki yeni Google yönergeleri tarafından sağlanan bir yazı tipi, simge ve kurumsal renk kitaplığıdır. Ayrıca, bununla birlikte geliştirirken, projenizdeki bileşenlerin şeklini ve tipografiyi birkaç kez düzenleyebilirsiniz. tıklama sayısı.

Daha fazla yuvarlama ve minimalizm

Birçoğunun belirttiği gibi, görünüm çok benzer hale geldi Apple iOS 10 ve 11, ancak kesinlikle şirket tarafından özellikle üreticiler ve mal sahipleri için böyle bir adım atıldı. çerçevesiz akıllı telefonlar sayısı her yıl amansız bir şekilde artıyor, çünkü sistem ve yazılımın bu görünümü yuvarlak ekranlarıyla çok daha iyi birleşiyor.

Yeni yazı tipleri

Google geliştiricileri ve tasarımcıları, logoların ve markalı hizmetlerin yeni tasarımı için Product Sans yazı tipini kullandı. Onlar için özel bir Google Sans çatalı oluşturuldu. Standart Roboto'nun yerini alan yukarıda belirtilen yazı tipine dayanmaktadır.

Çok yakında tüm web ve mobil cihazların büyük ölçekli olarak yeniden tasarlanmasını bekleyebiliriz. Google hizmetleri... Şu anda, uygulama mağazasında, bu ilk doğanlardan bazıları Google Play Oyunlar, Google Görevler ve Google I/O 2018 konferans uygulamasıdır.

• Markalama illüstrasyonları için yenilenmiş stil

• Görsel bir dil olarak logonun dört ana rengini kullanmak

Örnek, yeni bir versiyon Gmail:

Materyal Tasarımı 2.0 Konseptleri

Söylemeye gerek yok, tasarım topluluğu Google'dan gelecek tasarım değişikliklerine tepki gösterdi ve tam bir ay önce Morphicsn0w takma adı altında bir Reddit kullanıcısı Google Play sitesi vizyonunu sundu.

hariç görsel değişiklikler uygulamaları sunan yuvarlak kartlar şeklinde, yazar, kendi görüşüne göre, yakın zamanda indirilen uygulamalar gibi gereksiz bölümleri terk etti ve böylece mağaza arayüzünü daha basit ve daha bilgilendirici hale getirdi.

Morphicsn0w, uygulama ekranlarında uygulama açıklamalarına odaklanarak odağı indirmelerden ve kullanıcı derecelendirmelerinden uzaklaştırdı.

Tasarımcı ayrıca Google Play arama sistemini yeniden tasarladı ve bulunan sonuçların fiyat, güncelleme tarihi, derecelendirme ve indirme sayısına göre sıralanmasını ekledi. Böyle bir sıralamanın varlığı, aramayı büyük ölçüde basitleştirecektir. gerekli yazılım mağazanın açık alanlarında Google'dan birinin uygulanmasını bekliyorum ve umuyorum.

Pek çok YouTube tarafından sevilen, 9to5Google portalının yazarı ve bir arada, iyi bir tasarımcı Alex Brooks (Alex Brooks) nelerin değiştirilebileceğini hayal etti. mevcut müşteri video barındırma. Reuzltat şahsen bana çok ama çok ilham verdi.

Alex'in yaptığı ilk şey, gezinti çubuğu ana ekranı parlak, neşeli renklerle boyayın. İlk öğeyi yeniden tasarlanmış bir arama çubuğu takip ediyor, artık ayrı bir düğme değil, uygulamanın üst kısmının tüm kullanılabilir alanını kaplıyor, böylece erişimi kolaylaştırıyor. Alt kısımda ise abone sayısı, kanala abone olma ve bir önceki seviyeye dönüş butonu yer alıyor, bu da kullanım kolaylığı açısından faydalı bir çözüm.

Kütüphane bölümü (izlenen videoların geçmişi, yüklenen videoları yönetme, beğenilen videolar vb.) tasarımcı tarafından ayarlar bölümü ile birleştirildi. Kullanıcı profili, şimdi her iki parametreye de kullanıcı resmine tıklayarak erişilebilir. Bence bu tartışmalı, ama yine de bir dereceye kadar doğru çözüm, hizmetle kullanıcı etkileşimini basitleştirdiği ve dünyayı yeni tanımaya başlayan yeni kullanıcılar için uygulamayı daha anlaşılır hale getirdiği için mobil teknolojiler.

Daha detaylı bilgi Orijinal makalede Alex'in YouTube konsepti hakkında bilgi edinin.

Material Design 2.0'da Google Play Müzik konsepti

Sunumdan ve diğer tasarımcıların onlarca çalışmasından esinlenerek, mevcut Google hizmetlerinden birini temel alarak kendi başıma bir şeyler yapmaya karar verdim, seçimim düştü. Müzik çal... Daha önce, tıpkı bir akış platformunda olduğu gibi bu hizmetle hiç çalışmadım, ancak görevimi yapmak zorunda kaldım. Hizmet, yalnızca uygulamanın kendisi yeterince çalıştığı ve çökmediği için son derece olumlu izlenimlere neden oldu. elma müziği Android'de yayınlandığından beri kullanıyorum.

Genel olarak, hizmetler benzerdir ve her ikisi de temel amaçlarını yerine getirir - müzik çalmak. Ve her ikisine de arayüzle ilgili iddialar var, ancak bugün Google'dan bahsediyoruz, o zaman hizmetlerini buna göre değerlendireceğiz.

Ana ekran

Ana ekranla ilgili ilk şikayet - Ne olduğunu sevmiyorum büyük alan, yalnızca arama çubuğu ve seçimli çalma listelerinin kapakları tarafından işgal edilir. Aslında, her şeyden önce düzeltmeye karar verdim.

benim konseptimde ana ekran tamamen aynı, ancak kullanıcının zevklerine göre albümler, şarkılar, çalma listeleri koleksiyonları içeren biraz yeniden düşünülmüş bant, yalnızca şimdi, içeriği görüntülemek ve istenen parçanın oynatılmasına gitmek için fazladan bir tıklama yapmanız gerekmez ve ana ekrandan çıkın, aynısı bölümler (ana, son, hit geçit vb.) arasındaki geçiş için de geçerlidir, bu artık ekran boyunca kaydırmalar kullanılarak yapılabilir.

oyuncu

Tasarımda başarısız olan ikinci nokta ise bana göre oyuncu. V resmi uygulama Google Play Müzik şarkı kapakları akıllı telefon ekranının tüm köşegeni boyunca uzanıyor, bu da yüksek çözünürlüklü ekrana sahip cihazlarda çok özensiz ve lekeli görünmelerine neden oluyor, sorunun çözümünü şu şekilde sundum:

Şimdi kapaklar ortada düzgün bir şekilde düzenlenmiştir ve sol ve sağ kenarlar boyunca önceki ve sonraki parçaların bir önizlemesi, sanki bir kaydırma ile değiştirilebilme olasılığını ima ediyormuş gibi gösterilir.

Mediatek

Play Müzik hakkında sevmediğim üçüncü şey, medya kitaplığının düzeni ve dekorasyonu. Bence yapısı çok karmaşık. Örneğin, erişmek için bu bölüm ana ekrandan dört adede kadar işlem gerçekleştirmeniz gerekir: aramak için hızlıca kaydırın kenar çubuğu; "Müzik Kitaplığı" bölümünü seçmek için tıklayın; İstediğiniz sekmeyi (çalma listeleri, radyo istasyonları, sanatçılar, albümler) seçmek için listeyi kaydırın.

Bu nedenle, eklenen parçalara erişimi olan düğmeyi alt yuvaya taşıdım ve açtığınızda, albümler sekmesi varsayılan olarak yayınlanma tarihine, eklemeye ve alfabeye göre sıralama yeteneğiyle görüntülenecektir.

Menü / Yan Çubuk

Yeni Google uygulama tasarım ilkeleri doğrultusunda, tanıdık menü ayarlara erişerek sağ üst köşeye taşındım.

Behance'de Google Play Müzik konsept sunumu

Çözüm

Özetle, Google'ın izlemeye çalıştığı yoldan çok memnun olduğumu söylemek istiyorum. Hizmetlerinin geliştirilmesi ve rahatlığında büyük bir atılımın yanı sıra şirket, tasarım kodunu da ileriye taşıyor. Altı ay önce 2018'de iOS 6 kullanma deneyimi hakkında bir makale yazdıktan sonra, yıllar içinde mobil işletim sistemleri Android ve iOS'un arayüzün görsel ve kavramsal performansı açısından çok fazla gelişmediğini düşünürken buldum, ancak şimdi En azından Android açısından konumumu tamamen caydırdım.

Dikkatiniz için teşekkürler!