Çağlar boyunca Android kullanıcı arayüzü: Droid Sans'tan Material You'ya

Kaynak: Nick Sutrich / Android Central

Android işletim sistemi 2008'den beri piyasada ve bu süre zarfında kullanıcı arayüzü birkaç kez yeniden keşfedildi. İlk Android telefon olan T-Mobile G1'de piyasaya sürülen orijinal Android 1.0 arayüzü, modern standartlara göre barebone ve oldukça çirkindi. Android telefonlar için herhangi bir kapsayıcı tasarım dili, işletim sisteminin ömrünün üç yıl sonrasına kadar, Android 4.0'a kadar değildi.

Android'in görünümü ve hissi o zamandan beri, genellikle bebek adımlarıyla sürekli olarak gelişiyor ileri, ancak bazen Materyal Tasarımının tanıtımıyla olduğu gibi ileriye doğru dev sıçramalarla 2014 yılında. Android 12 bize platformun üçüncü büyük, her şeyi kapsayan yeniden tasarımını veriyor. Malzeme Siz — Materyal paletinden seçilen bireysel renk şemalarıyla Android'i daha kişisel hale getirmek için iddialı bir çaba.

İlk günlerin, Holo ve Materyal Tasarımının ardından, Android'in dördüncü tasarım çağına girerken, Android kullanıcı arayüzünde geçen 13 yılı yeniden ziyaret etme ve bu noktaya nasıl geldiğimizi hatırlama zamanı geldi.

Kaynak: Android Merkezi

Kaynak: Android Merkezi

Varlığının ilk iki yılında, Android herhangi bir güçlü tasarım yönünden yoksundu. Android 1.0'dan 2.2 Froyo'ya, işletim sisteminin görünümü ve hissi en iyi genel, işlevsel ve yumuşak olarak tanımlandı. Zamanın eski tarz akıllı telefonlarından ilham almış gibi görünen erken Android görünümü, tıknaz simgeler, gradyan menüler ve bir sürü griden oluşuyordu.

Stok Android'in görünümü ve hissi o kadar önemli değildi.

Bu sade estetik, 2000'lerin sonlarındaki küçük, düşük çözünürlüklü akıllı telefon ekranları için anlamlıydı. Google o zamanlar (bir çeşit) telefon gönderirken, T-Mobile G1 ve nihayetinde Nexus One şeklinde, çoğu tüketiciler, HTC Sense veya Samsung gibi her şeyi tüketen bir üretici dış görünümü aracılığıyla Android'i deneyimleyecekler. TouchWiz. Görünümü ve hissi Stok Android ne zaman o kadar önemli değildi en iyi Android telefonlar yakın bir şey kullanmıyor.

Yine de, T-Mobile G1'in yazılımına bakıldığında, günümüzün önemli, tanınabilir Android tasarım öğelerinin çoğu mevcut. Widget desteği, uygulama çekmecesi ve bildirim açılır menüsüne sahip çok sayfalı ana ekranların tümü orada, 90'ların masaüstü bilgisayar işletim sistemine Android'den daha çok benzeyen bir kullanıcı arayüzüne sarılmış olsalar bile bugün.

Google'ın Nexus One akıllı telefonunu piyasaya sürmesi, Android 2.1 Eclair'de, uygulama çekmecesi simgesinin yanı sıra Telefon uygulamasına ve Tarayıcıya hızlı kısayollar içeren bazı küçük tasarım değişiklikleriyle aynı zamana denk geldi. İlk Nexus telefonunda ayrıca süslü bir 3D animasyonlu uygulama ızgarası vardı. Ama temel olarak, bu 2010'un sonlarına kadar stok Android'di: oldukça sıkıcı, soğuk ve faydacı.

Kaynak: Android Merkezi

Eski Palm tasarımcısı Matias Duarte'nin Google'a gelişi – önce Android için tasarım direktörü olarak, ardından tüm şirket için – takip eden on yılda Android'in kullanıcı arayüzünün gidişatını belirledi.

Duarte, Google, Android 2.3 Gingerbread ve Nexus S telefonu piyasaya sürmeden hemen önce işe alındı, bu nedenle Gingerbread üzerindeki etkisi sınırlıydı. Bununla birlikte, Android 2.3, OLED ekranların artan popülaritesine saygı duruşunda bulunan daha koyu renklerle Android'in şimdiye kadar gördüğü en önemli tasarım revizyonuydu. NS Android yeşili hue, simgeleri vurgulamak için vurgu rengi olarak kullanıldı ve menü basışları turuncu flaşlarla noktalandı. Aksi takdirde, bu eski görünümlü Android'in bir devamıydı.

Android'in tablete özel ilk sürümünün gelişi, 2011'in başlarındaki Android 3.0 Honeycomb sürümünde açıkça görülen Duarte'nin etkisi ile her şeyi değiştirdi. Petek, ilk iPad rakiplerine güç verdi ve mavi ve koyu mor renk paleti ile cesur bir bilim kurgu tarzı arayüze sahipti.

Bu sürüm, bazı telefonlarda bugüne kadar Android'de kalan navigasyon paradigması olan ekran tuşlarını tanıttı. Gingerbread ve önceki sürümlerdeki eski menü ve arama düğmelerini ortadan kaldıran Honeycomb cihazlarında üç sanal gezinme tuşuyla gezinilebilir: ana sayfa, geri ve son uygulamalar. İkincisine basmak, Android'in yeni yenilenen görev değiştiricisini çalıştırdı ve kaydırılabilir bir listede çalışan uygulamaların küçük bir önizlemesini gösterdi.

iPad ile savaşmak için piyasaya sürülen Honeycomb, ne için bir tür prototip görevi gördü? 2011'de daha sonra geldi: Android 4.0 Ice Cream Sandwich ve yeni "Holo" tasarım dili - kısaltması holografik.

Kaynak: Alex Dobie / Android Central

'Nedir ruh Android'in?'

Matias Duarte, Google ve Samsung'un Holo ile konuşan ilk Android 4.0 çalıştıran yeni Galaxy Nexus'u için Hong Kong lansman etkinliğinde sahneye çıktı.

Duarte, katılımcılara, Google'ın önümüzdeki yarım on yılın temellerini atmaya çalışırken, kullanıcılarına Android'in onlar için ne anlama geldiğini sorduğunu söyledi. 2011'de, "insanlar Android'i severken, insanların Android'e ihtiyacı olduğunu, insanların Aşk Android."

Ve böylece Google, ilk kez kendisine şunu sordu: "Nedir? ruh Android'in mi?"

"Android büyüleyici. Güzel, baştan çıkarıcı, gerçekten aşık olabileceğiniz bir şey. Android kolaydır. Hayatımın her bölümünü kolaylaştırıyor. Ve Android beni güçlü ve akıllı hissettirmeli," dedi Duarte katılımcılara. Holo temalı yeni Android kullanıcı arayüzü, bu değerleri örneklendirmeyi amaçlıyordu.

Holo, Honeycomb sürümünde başlatılanlar üzerine inşa edildi ve bugün çoğu Android cihazında varsayılan olarak kalan bir yazı tipi olan yeni Roboto yazı tipini ekledi. Yerini aldığı Droid Sans'tan farklı olarak Roboto, o zamanlar yaygınlaşmaya başlayan yüksek yoğunluklu ekranlar için inşa edilmiş ve daha modern bir görünüm ve keyifli bir okuma deneyimi yaşatmıştır. Başka yerlerde, eğimli kenarlar ve kabartmalı düğmeler ve menüler Android'den çıkarılmış, daha basit, daha geometrik simgeler ve UI mobilyaları ile değiştirilmiştir.

Kaynak: J4lambert, CC BY-SA 4.0, Wikimedia Commons aracılığıyla

Holo Mavi (aka #33B5E5) Ice Cream Sandwich ve sonraki Jelly Bean sürümünün ana vurgu rengiydi ve Android 4'ü belirgin şekilde daha az keskin ve fütüristik gösteriyordu. Tron- Honeycomb'un olduğundan daha fazla etkilenmişti. Yine de Android 2.3 ve 3.0'daki daha koyu renk paleti kaldı ve özellikle geniş, kontrast ağırlıklı AMOLED ekranıyla Galaxy Nexus için iyi bir uyum sağladı.

Bununla birlikte, çoğu büyük Android üreticisi kendi işlerini yapmaya devam edecekti. Samsung, HTC ve LG'nin beğenileri bir kez daha Android'i kendi özel arayüz katmanlarıyla sıvadı ve ürünlerini farklılaştırmak için genellikle Holo üzerinde kaba bir şekilde çalıştı. Sonuç olarak, Gingerbread çalıştıran bir Samsung telefonu, Ice Cream Sandwich çalıştıran bir Samsung telefonuyla hemen hemen aynı görünüyordu. Örneğin, ortak markalı Galaxy Nexus'tan sonra piyasaya sürülen ilk büyük Samsung cep telefonu olan Galaxy S3'te, gerçekten Duarte ve ekibinin çalışmalarını görmek zor.

Erken Holo, bir şirketin kendi tasarım tercihleriyle kolayca eşleştirilemeyen, oldukça inatçı bir tasarım diliydi. Temel ilkelerinden birinin tam tersine Malzeme Siz, ayırt edici Holo mavisi, Holo temasına sabit bir şekilde bağlandı ve stok Android cihazlarda değiştirmenin bir yolu yoktu.

Android 4.4 KitKat, Holo'yu biraz evcilleştirdi, mavi vurguları daha parlak beyazlarla değiştirdi ve daha çeşitli bir renk paleti kullanarak uygulamalar, duvar kağıtları ve simgelerle daha iyi uyum sağladı. Ve bu sonunda ikinciye geçecekti harika büyük Android yeniden tasarımı 2014 yılının sonlarında meydana gelen olay.

Kaynak: Android Merkezi

San Francisco'daki Google I/O 2014 geliştirici konferansında Matias Duarte, Google'ın tamamı için tasarımdan sorumlu Başkan Yardımcısı olarak yeni rolüyle yeni Malzeme Tasarımı dilim.

Duarte, Material Design'ın "mobil, masaüstü ve ötesi için tutarlı bir vizyon" olduğunu söyledi. Tıpkı Holo'nun 2010'ların başlarındaki yüksek çözünürlüklü mobil ekranlar için tam zamanında gelmesi gibi, Material Tasarım, bunun ortasında bulunan mobil donanımın gelişmiş grafik beygir gücünden yararlandı. on yıl. Ancak bu sadece telefonlar için değildi - Materyal Tasarımı tabletlerde, akıllı saatlerde, Chromebook'larda ve web'de yaşayacaktı.

Duarte, "Açık ve basit olan ve insanların sezgisel olarak anlayacağı bir tasarım istedik" dedi. "Yani şunu hayal ettik: Ya piksellerin sadece rengi değil, aynı zamanda derinliği de olsaydı? Ya kağıt kadar basit, ancak dokunmaya tepki olarak dönüşebilen ve şeklini değiştirebilen akıllı bir malzeme olsaydı?"

Kaynak: Phil Nickinson / Android Central

'Ya kağıt kadar basit, ancak dönüşebilen ve şekil değiştirebilen akıllı bir malzeme olsaydı?'

"Dijital kağıt", Materyal Tasarımı için orijinal vizyonun merkezindeydi: bir sayfaya benzeyen UI. Derinliği iletmek için ince gölgelere sahip kağıt, aynı zamanda genişletme, yeniden boyutlandırma, birleştirme ve geçiş yapabilme gerekli. Bir Android uygulamasındaki her yüzey, Android çerçevesinin bu dijital kağıdın altında aydınlatma ve gölgeleri uygun şekilde oluşturmasıyla artık bir yükseklik değerine sahip olabilir.

Materyal Tasarımı, cesur bir renk paleti ve keyifli animasyonlarla basit, geometrik ve katmanlı olarak sunuldu. Dokunulduğunda duraklatma simgesine bölünen bir oynat düğmesi veya genişleyen iletişim simgeleri gibi basit süslemeler yükledikçe görüntüle, bir Malzeme uygulamasını önceki Holo tasarım dilinden ayırın ve Android'in bir parçası olarak kalın bugün.

Orijinal Material cızırtılı makara bunu, son derece canlı tonlar ve daha önce hiç görülmemiş kaygan animasyonlara sahip katmanlı yoğun uygulamalarla birlikte sergiledi. tamamen tasarım dili Android 5.0 Lollipop'ta yayına girdiğinde fark edildi. Google mühendisleri şirketin çok sayıda Android uygulamasını Malzemeye hazır hale getirmek için çabaladıkça, Material'in gerçek dünyadaki uygulaması daha muhafazakar hale geldi. Android, yönlendirilecek büyük bir gemiydi ve işletim sisteminin ve uygulamalarının "Maddeleştirilmesi" çok yıllı bir süreç haline geldi.

Bununla birlikte, Android Lollipop'taki Materyal Tasarımı, yarım on yıldan fazla bir süredir devam eden birkaç önemli tasarım öğesini tanıttı: Kayan eylem düğmesi, bir mesajlaşma uygulamasında yeni bir mesaj başlatmak veya bir liste. Ve sürgülü "hamburger" menüleri, ana uygulama alanları arasında gezinmenin favori bir yolu olarak ortaya çıktı. Ve Android 5'te Materyal Tasarımı ile piyasaya sürülen düğmeye basma ve taşma, Android 11'e kadar tüm yol boyunca sıkışıp kaldı.

Ve Google'ın Android ekosistemi üzerinde daha fazla kontrole sahip olması ve yeni tasarım dilinin daha açık olması ile özelleştirmeye - Materyal Tasarımı, üreticilerin Android kaplamalarına kıyasla daha kolay bir şekilde dahil edildi. Merhaba.

Materyal Tasarımı her zaman zamana göre hareket etmeyi amaçlamıştır.

Materyal Tasarımı hiçbir zaman statik bir yönergeler dizisi olarak tasarlanmamıştı ve sonraki Android sürümlerinde gelişmeye devam etti. 2015'in Android 6 Marshmallow sürümü, ilk Malzeme sunumunda gördüğümüz doygun renklerden uzaklaştı. Rolodex tarzı Son uygulamalar menüsü sonunda Android 9'da kullanımdan kaldırıldı. Ve "Hamburger" navigasyon menüleri, Android 10'un hareket navigasyonuyla çatıştı ve artık birçok uygulamadan kaldırıldı.

Kaynak: Alex Dobie / Android Central

2016'da Google, ilk Pixel telefonlarını piyasaya sürerek, Materyal Tasarımında daha fazla evrime ve orijinal 2014 vizyonundan farklılaşmaya yol açtı. Sonraki Pikseller geldiğinde, donanım üreticisi Google, telefon yazılımını daha da farklılaştırmaya çalıştı. Google uygulamaları daha az renkli hale geldi ve bunun yerine temiz beyaz ve mavi renk düzenini zorladı. 2020'ye kadar Fotoğraflar, Gmail, Haberler ve Haritalar gibi çoğu temel Google uygulaması, iPhone benzeri alt gezinme düğmeleriyle birlikte bu "Materyal Teması" estetiğini benimsemişti.

2020'nin Google uygulamaları, 2014'te gösterilen renkli Materyal prototipinden çok uzaktı. Neyse ki, 2021'de Android 12 için daha canlı bir Materyal makyajı planlandı.

Kaynak: Google

Material Design'ın çıkışından yedi yıl sonra, Google I/O konferansı bir kez daha büyük bir Android tasarım duyurusunun yapıldığı yerdi. Ve Matias Duarte, bu kez Google'ın tasarım dilinin bir sonraki yinelemesini sergilemek için Mountain View'da sahneye geri döndü. Android 12 Malzeme Siz.

"Formun işlevi takip etmesi yerine, ya form duyguyu takip ederse? Google mavisi yerine, sizi ortak yaratıcı olarak içeren ve tüm uygulamalarınızın görünümünü ve verdiği hissi dönüştürmenize olanak tanıyan yeni bir tasarım olan Material You'yu hayal ettik."

Kaynak: Google

'Google mavisi yerine Material You'yu hayal ettik.'

arkasındaki sihir Malzeme Siz Google'da dahili olarak "Monet" olarak bilinen bir projeydi. Monet, seçtiğiniz ana ekranı inceleyebilir arka planı seçin, Malzeme paletinden ana renkleri seçin ve bunları cihazınızdaki tüm uygulamaları özelleştirmek için kullanın. telefon. Arka planlar için daha sessiz tonlar kullanılırken, önemli düğmelere veya anahtarlara canlı, göz alıcı renkler uygulanabilir.

Material Design 1.0'ın "Digital Paper"ının aksine Material You daha düz ve daha soyut görünüyor. UI katmanları NS Android 12'nin bildirim gölgesini aşağı çekerken üst üste binen hızlı ayar düğmeleri, bildirim panelleri ve kenarlık seviyeleri ile kanıtlandığı gibi hala orada.

Kaynak: Google

Ancak Android Lollipop'un gölgeleri ve keskin kağıda benzer kenarları gitmiş, yerini geniş yarıçaplı yuvarlak köşeler almıştır. Ana ekran widget'ları bile yuvarlatılmış köşelerle elden geçirildi. Material You ayrıca, kullanıcıların Android 10 ve 11'de alıştığı, genellikle sıkıcı görünen Google uygulamalarına karşı bir panzehir görevi görür. Google, Android 12'nin uygulamalarda, menülerde ve hatta ana ekran widget'larında iyi görüneceğini bildiği özelleştirilmiş bir palet seçmenize yardımcı olabileceğini iddia ediyor. Ne de olsa çoğu insanın sahip olduğu en kişisel bilgisayar için daha kişisel, daha etkileyici bir tasarım yaklaşımı.

Eski sadık Roboto yazı tipi hala yerlerde kullanılırken, Material You, şirketin resmi yazı tipi olan ve daha fazla kişiliğe sahip olan Google Sans'ı vurgular. Google Sans, simge başlıklarından Ayarlar uygulamasındaki menülere kadar her yerde kullanılır ve Bekleyen saat olmadığında ekranı renkli bir saatle doldurmak için Android 12'nin kilit ekranı bildirimler.

Kaynak: Nick Sutrich / Android Central

Android tasarımı için cesur yeni bir yön, ancak üreticiler gemiye atlayacak mı?

Material You'daki animasyonlar, aynı zamanda erken Materyal Tasarımının doğal bir evrimidir. Ambient Display saati, telefon kaldırıldığında canlanır, daha cesur ve renkli hale gelir. Telefonunuzu nasıl kilitlediğinize veya kilidini açtığınıza bağlı olarak, harekete eşlik eden hareketli bir aura göreceksiniz.

Material You, 2021'in sonlarında Google Pixel telefonlarında Android 12'de piyasaya çıkacak ve muhtemelen diğer bazı üreticiler bunu Android dış görünümlerine dahil edecek ve güncellemeler sunulacak. Ancak, Holo ve Material Design'da olduğu gibi, telefon üreticilerinin Google'ın liderliğini izleyeceğinin garantisi yok. Android 12 kullanıcıları ayrıca, geliştiricilerin uygulamalarını Material You'nun palet değiştirme özelliklerini destekleyecek şekilde güncellemelerini beklemek zorunda kalacak. 2014'te Materyal Tasarımına geçiş yapılacaksa, bu biraz zaman alabilir.

Bununla birlikte, şimdiye kadar Materyal olarak gördüklerimiz, genel olarak Android'e - ve özellikle Google Pixel cihazlarına - telefonlara, saatlere, tabletlere ve diğer akıllı yüzeylere uygun bir tasarım dili ile güçlü tasarım kimliği 2020'ler.

Tarih herhangi bir göstergeyse, Materyal Tasarımının bir sonraki nereye gideceğini öğrenmek için 2026 civarında bir yerde tekrar kontrol edeceğiz.