Glass'ın benzersiz bir stili olduğundan standart kart şablonları, bir renk paleti, yazı biçimi ve mümkün olduğunca uymanız için yazı kuralları sağlıyoruz.
Herhangi bir özel düzen tasarlamadan önce, kullanıcılara tutarlı bir kullanıcı deneyimi sunmak için GDK tarafından sağlanan CardBuilder Düzenler'i kullanın. Bu düzenlerden hiçbiri gereksinimlerinizi karşılamıyorsa tasarımınızda aşağıdaki yönergeleri uygulayın.
Metrikler ve Izgaralar
Glass kullanıcı arayüzü, farklı zaman çizelgesi kartları için standart düzen ve kenar boşluğu yönergelerine sahiptir. Kartlar genellikle aşağıdaki genel bölgelere sahiptir ve genel bir kart grubu için uymanız gereken bazı yönergeler hazırladık.
Kart bölgeleri
Glass, farklı kartları tutarlı bir şekilde tasarlayıp görüntülemeyi kolaylaştırmak amacıyla bir dizi ortak bölge için boyutları tanımlar.
Ana İçerik Kartın ana metin içeriği en az 32 piksel boyutunda Roboto Light'ta olup dolgu ile sınırlıdır. 64 piksel ve daha büyük metinler Roboto Thin kullanır. Tam çerçeve resim Resimler en iyi sonucu tam yüzeyde verir ve metnin gerektirdiği 40 piksellik dolguyu gerektirmez. Dolgu Zaman çizelgesi kartlarında, metin içeriğinin tüm taraflarında 40 piksellik dolgu bulunur. Bu sayede çoğu kullanıcı, içeriğinizi net bir şekilde görebilir. |
Altbilgi Altbilgi, kartın kaynağı veya zaman damgası gibi kartla ilgili tamamlayıcı bilgileri gösterir. Altbilgi metni 24 piksel, Roboto Normal ve beyaz (#yyyy) renktedir. Sol resim veya sütun Sol resim veya sütunlar, dolgu ve metin içeriğinde değişiklik yapılmasını gerektirir. |
Düzen şablonları
GDK, kullanabileceğiniz çeşitli CardBuilder Düzenlemeleri sağlar.
Renk
Glass çoğu metni beyaz renkte gösterir ve aciliyet veya önem derecesini belirtmek için aşağıdaki standart renkleri kullanır. Zaman çizelge kartlarınız için de aşağıdaki renklerden yararlanabilirsiniz:
CSS Sınıfı | RGB Değeri |
---|---|
white |
#ffffff |
gray |
#808080 |
blue |
#34a7ff |
red |
#cc3333 |
green |
#99cc33 |
yellow |
#ddbb11 |
Aşağıdaki örnekte, tren hatları ve durumu hakkında önemli bilgileri göstermek için renkler kullanılmaktadır.
Yazı biçimi
Glass, yazı tipi boyutuna bağlı olarak tüm sistem metnini Roboto Light, Roboto Normal veya Roboto İnce olarak görüntüler. Canlı kart veya kart resmi oluşturuyorsanız kendi markanızı aktarmak için farklı bir tipografiden yararlanabilirsiniz.
Roboto Light
Bu yazı tipinde çoğu metni Glass'ta gösteriyor.
ABCDEFGHIJKLMN
OPQRSTUVWXYZa
bcdefhijklmnopqr
stuvwxyz1234567
890!?/+-=()[]#@$
%^&*<>:;”
Roboto Normal
Bu yazı tipinde dipnot metni gösteren cam.
ABCDEFGHIJKLMNOPQRST
UVWXYZabcdegovhijklmnopq
rstuvwxyz1234567890!?/+-=
()[]#@$%^&*<>:”.
Roboto İnce
Camda bu yazı tipinde daha büyük metin (64 piksel ve üzeri) görüntülenir.
ABCDEFGHIJKLMNOPQ RSTUVWXYZabcdefhij klmnopqrstuvwxyz1234 567890!?/+-=()[]#@$%^ &*<>:;"
Dinamik metni yeniden boyutlandırma
CardBuilder.TEXT
ve CardBuilder.COLUMNS
düzenlerini kullanırken içerik miktarına göre mümkün olan en büyük yazı tipi boyutunu kullanır.
Aşağıdaki kartlarda, metin miktarına göre yazı tipi özelliklerine ilişkin örnekler gösterilmektedir.
Yazım
Sınırlı metin alanınız olduğundan, Glassware için metin yazarken bu kurallara uyun.
Yanıtınızı kısa tutun. Kısa, öz ve basit olun. Yüksek sesle yazma, içeriği sesli okuma, resim veya video gösterme ya da özellikleri kaldırma gibi alternatifler olup olmadığına bakın.
Basit tutun. Akıllı ve yetkinlik sahibi, ancak teknik jargon kullanmayan ve İngilizceyi çok iyi konuşan bir kişiyle konuşmadığınızı varsayın. Kısa kelimeler, aktif fiiller ve genel isimler kullanın.
Nazik olun. Sıkıştırmaları kullanma. İkinci kişiyi ("siz") kullanarak doğrudan okuyucuyla konuşun. Metniniz, normal konuşmada söylendiğiniz şekilde okunmuyorsa bu, yazmamanız gereken bir şey olabilir.
En önemli konuya öncelik verin. İlk iki kelime (Boşluklar dahil yaklaşık 11 karakter), dizedeki en önemli bilgilerin en az bir kısmını içermelidir. Yoksa baştan başlayın. Yalnızca gerekli olanları açıklayın, daha fazlasını yapmayın. Aradaki farkları açıklamaya çalışmayın. Çoğu kullanıcıda kaybolacaklar.
Tekrarlardan kaçının. Önemli bir terim bir ekranda veya metin blokunda tekrarlanırsa yalnızca bir kez kullanabilirsiniz.