Google, Siyah topluluklar için ırksal eşitliği geliştirmeye kararlıdır. Nasıl olduğunu gör.

Oturum Açma Markalama Yönergeleri

Google Oturum Açma'yı temel profile veya email kapsamlarıyla kullanın ve aşağıdaki standart düğmeleri mobil veya web uygulamanıza ekleyin:

Tarz Düğmeler Görüntü Dosyaları
Işık

Birçok çözünürlükte PNG, SVG, EPS ve Sketch formatlarında oturum açma düğmeleri içerir. Base, hover ve press durumlarını içerir.

Karanlık

Sketch, SVG ve EPS dosyaları indirmeye dahil edildiğinden, "Oturum aç" veya "Oturum aç" metnini çevirebilirsiniz. Bu dosyalar Roboto yazı tipini gerektirir.

Ek kapsamlar talep ederseniz, bunu artımlı yetkilendirme ( Android , iOS , web ) ile yapın, yalnızca kullanıcıdan API erişimi gerektiren bir özellikle etkileşime girmeye başladığında yetkilendirme isteyin.

YouTube kapsamları talep ediyorsanız, bir YouTube düğmesi kullanın.

Google Play oyun hizmetlerini kullanıyorsanız, Google Play oyun hizmetleri markalama yönergelerine de bakın.

Google ile Oturum Açma ve diğer üçüncü taraf oturum açma seçenekleri

Eşit önem

Google Oturum Açma düğmesi, en az diğer üçüncü taraf oturum açma seçenekleri kadar belirgin bir şekilde görüntülenmelidir. Örneğin, düğmeler yaklaşık olarak aynı boyutta ve benzer görsel ağırlığa sahip olmalıdır.

Kendi uygulamanızın tarzına uygun

Standart Google Oturum Açma düğmesinin kullanılması, Google kullanıcılarının Google seçeneğini daha hızlı tanımlamasına olanak tanıdığından kesinlikle önerilir. Düğmeyi uygulama tasarımınıza uyacak şekilde uyarlamanız veya "Oturum aç" veya "Oturum aç" metnini çevirmeniz gerekirse bu yönergeleri izleyin.

Boyut

Düğmeyi farklı cihazlar ve ekran boyutları için gerektiği gibi ölçeklendirebilirsiniz, ancak Google logosunun uzatılmaması için en boy oranını korumanız gerekir.

Metin

Kullanıcıları düğmeyi tıklamaya teşvik etmek için harekete geçirici mesaj metnini "Google ile Oturum Açın" veya "Google ile Kaydolun" yapmanızı öneririz. Kullanıcı, uygulamanızda oturum açtığı veya uygulamanıza Google kimlik bilgileriyle kaydolduğu, uygulamanızda bir Google hesabına kaydolmadığı veya kaydolmadığı açık olmalıdır.

"Google" Metni

İşlemin ne olduğunu açıklığa kavuşturan bitişik metin eşlik ediyorsa , düğmede "Google" kelimesini tek başına kullanabilirsiniz. Örneğin:

Şununla giriş yap:

Renk

Mavi arka plana sahip Google oturum açma düğmesiBeyaz arka planlı Google oturum açma düğmesi

Basılmamış ışık düğmesinin rengi #FFFFFF'dir (beyaz). Basılmamış koyu (mavi) düğmenin rengi # 4285F4'tür. Düğme arka planı mavi veya beyaz olabilir, ancak düğme her zaman bir beyaz döşeme üzerinde standart renk Google "G" içermelidir.

Yazı tipi

Düğme yazı tipi, bir TrueType yazı tipi olan Roboto Medium'dur. Yüklemek için önce Roboto yazı tipini indirin ve indirme paketini açın. Mac'te, Roboto-Medium.ttf'yi çift ​​tıklayın, ardından "Yazı Tipini Yükle" yi tıklayın. Windows'ta, dosyayı "Bilgisayarım"> "Windows"> "Yazı Tipleri" klasörüne sürükleyin. Kendi uygulamanızın stilini eşleştirme ile ilgili durumlar dışında, düğmede diğer yazı tiplerini kullanmayın.

Özel bir oturum açma düğmesi kullanan web siteleri için , Roboto yazı tipini Google Yazı Tiplerinden yükleyebilirsiniz .

Dolgu malzemesi

Metnin solundaki (ve sağındaki) dolgu 8dp olmalıdır. Logo 18dp olmalı ve logo ile düğme metni arasında 24dp olmalıdır.

Metnin etrafına dolgu dahil olmak üzere bir düğmenin öğelerinin boyutlarını gösterir.

"Google ile oturum aç" düğmesindeki Google logosu

Metinden bağımsız olarak, Google "G" logosunun boyutunu veya rengini değiştiremezsiniz. Standart renk versiyonu olmalı ve beyaz bir arka planda görünmelidir. Kendi özel boyutlu Google logonuzu oluşturmanız gerekiyorsa, indirme paketinde bulunan logo boyutlarından herhangi biriyle başlayın.

Yanlış düğme tasarımı

Google simgesini veya logosunu, düğme sınırı olmadan ve kullanıcının eylemini belirten metin olmadan tek başına kullanmayın.
Google Oturum Açma'yı temsil etmek için tek başına bir Google simgesi kullanmayın.
Google "G" nin koyu veya açık sürümlerini kullanmayın.
Standart renkli Google "G" simgesini renkli bir arka plan üzerine koymayın.
Düğme için kendi simgenizi oluşturmayın.
Yanında bir Google simgesi olmadan düğmede "Google" terimini tek başına kullanmayın.

Google markalarının bu belgede açıkça kapsanmayan şekillerde kullanımına Google'ın önceden yazılı izni alınmadan izin verilmez (daha fazla bilgi için Google Marka Özelliklerinin Üçüncü Taraf Kullanım Kılavuzuna bakın).