Google uygulamasının son Android beta sürümünde yeni bir tasarım test edilmeye başladı. Koyu tema odaklı bu tasarım, kullanıcı deneyimini az da olsa değiştirecek gibi görünüyor.

ABD merkezli teknoloji devi Google, Android için geliştirdiği mobil uygulamasında yeni bir tasarımı test etmeye başladı. Koyu tema özelinde oluşturulan yeni tasarım, kullanıcı deneyimini bir nebze de olsa değiştirecek gibi görünüyor.

Google’ın hâlihazırda kullanmakta olduğu koyu tema, biraz daha açık tonlara ve gri renkle eşleştirilmiştir. Ancak yeni koyu tema, daha koyu ve mavi rengi ön plana çıkaracak.

Google’ın yeni karanlık teması böyle görünecek

Yukarıdaki ekran görüntüsünün sol tarafında, Google’ın mevcut karanlık temasını görebilirsiniz. Sağ tarafta ise yeni tasarım yer alıyor. Ana sayfa ve sonuç sayfası bölümünde kendini gösteren yeni tasarım, yeni bir alt çubuğa da ev sahipliği yapıyor. 

Google Arama’nın yeni tasarımı, web sürümde böyle görünecek:

.content-slider{ overflow: hidden; width: calc(100% + 60px); margin-top: 16px; padding-bottom: 57.8%; padding-top: 1.38889rem; position: relative; } .content-slider .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; } .content-slider .foreground-img { width: 50%; } .content-slider .slider { position: absolute; -webkit-appearance: none; appearance: none; width: 100%; height: 100%; background: transparent; outline: none; margin: 0; transition: all 0.2s; display: flex; justify-content: center; align-items: center; top: 0px; left: 0px; } .content-slider .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; padding-bottom: 60%; padding-top: 1.38889rem; background: transparent; cursor: pointer; outline: none; box-shadow: none; border:none; } .content-slider .slider::-moz-range-thumb { width: 20px; padding-bottom: 60%; padding-top: 1.38889rem; background: white; cursor: pointer; outline: none; box-shadow: none; border:none; } .content-slider .slider-button { pointer-events: none; position: absolute; width: 30px; height: 30px; border-radius: 50%; background-color: white; left: calc(50% - 15px); top: calc(50% - 15px); display: flex; justify-content: center; align-items: center; } .content-slider .slider-button:after { content: ""; padding: 3px; display: inline-block; border: solid #5d5d5d; border-width: 0 2px 2px 0; transform: rotate(-45deg); } .content-slider .slider-button:before { content: ""; padding: 3px; display: inline-block; border: solid #5d5d5d; border-width: 0 2px 2px 0; transform: rotate(135deg); } .content-slider .slider-line { pointer-events: none; position: absolute; width: 6px; height: 100%; background-color: white; left: calc(50% - 3px); top: 0; display: flex; justify-content: center; align-items: center; } @media (max-width: 767px){ .content-slider { width: 100%; margin: 0; padding-top: 0; } }

*Solda yeni, sağda eski tasarım.

Google’ın yeni özelliği, uygulamanın 16.3.32 kodlu Android beta sürümünde bazı kullanıcılara gösteriliyor. Ancak bu tasarımın kalıcı olup olmayacağı şimdilik belirsiz. Bakalım test aşamasının kapsamı genişletilecek mi yoksa Google, bu yeni özelliği geri mi çekecek...