Özelleştirme

İşleminizin temasını özelleştirmek, markanızı daha iyi yansıtmanıza ve kullanıcı deneyimine görsel bir bağlam sunmanıza olanak tanır.

Genel Bakış


Renk

Renk güçlü bir marka tanımlayıcısıdır. Markanızı temsil etmek için birincil ve arka plan renklerini özelleştirebilirsiniz. Birincil renk, görsel yüzeyde kart başlığı ve işlem düğmeleri gibi önemli bileşenleri vurgulamak için kullanılır. Bu renk, markanızla en çok ilişkilendirilen renk olmalıdır.

Önce birincil renk seçin.

Birincil rengi seçtikten sonra hem birincil renk hem de ikincil metin rengiyle uyumlu bir arka plan rengi seçin.

Arka plan rengi, birincil rengin daha açık bir versiyonu olabilir.

Arka plan rengi tamamlayıcı bir renk olabilir.

Seçtiğiniz renklerin erişilebilir olduğundan emin olmak amacıyla birincil ve arka plan renkleri ile ikincil renkler ve arka plan renkleri arasında yeterli renk kontrastı oranları olmasını sağlamak için geliştirici konsolunda bir renk kontrastı kontrolü yaparız. Birincil ve arka plan renklerini seçme ve koordine etme hakkında daha fazla bilgi için Materyal Tasarım sitesini ziyaret edin.

Arka plan resmi

Bir karta görsel zenginlik ve boyut göndermenin en güçlü yollarından biri, düz renk yerine arka plan olarak bir resim kullanmaktır. Arka plan olarak bir resim seçerken aşağıdakileri göz önünde bulundurun:
Ön planın okunaklı olmasını sağlamak için arka plan resmine koyu renkli koruma maskesi uygularız. Metin otomatik olarak beyaza dönecektir.

Bu temel kart bir arka plan resmi kullanıyor. Arka plan resmi herhangi bir arka plan renginin yerini alacağından markanızı en iyi şekilde yansıtan seçeneği belirleyin.

Resmin, birden fazla diyalog dönüşü yaparak istediğiniz görünüm ve tarza sahip olmasını sağlayacak kadar tarafsız olması gerekir. Burada, aynı arka plan resmi hem yukarıdaki temel kart hem de bu rulo resim kartı için geçerlidir.


Yazı biçimi

Yazım biçimi, markanızı vurgularken kullanıcının dikkatini en önemli bilgilere yönlendirebilir. En büyük etkiyi yaratmak için, Action'ınızdaki her kartta bulunan en büyük metni (ör. başlığı) özelleştirebilirsiniz. Bu konumda, serif yazı tipi, komut dosyası stili yazı tipi veya daha kalın yazı tipi gibi anlamlı bir yazı tipi dikkat çekebilir ve ikincil metinle kontrast oluşturabilir. Genel yazı biçimiyle ilgili yardım için lütfen Materyal Tasarım Vakfı'na başvurun.

İkincil metinle uyumlu bir yazı tipi seçin.

Yapın.

Kalın yazı tipi ve parlak rengiyle bu yazı tipi arka planda öne çıkıyor ve kart başlığına dikkat çekiyor.

Şunu yapmayın:

Daha kalın olmayan bu yazı tipini okumak zordur ve gövde metninden önce dikkat çekilemez.


Şekil

Resim şekli

Resimlerinizin şekli, Material Foundation'ın bileşenleriyle paralel olarak ifade gücü için başka bir boyut sunar. Şu an için görsel bileşenlerdeki resimlerde açılı ve eğri şekilleri seçebilirsiniz. Genel marka stilinize uygun bir resim şekli seçin.

Logonuz, hangi şeklin seçileceği konusunda yardım almak için iyi bir yerdir. Bu örnekte, logo keskin ve açılıdır. Bu nedenle, köşeleri markayla hizalıdır.

Diğer bileşenler de karar vermenize yardımcı olabilir. Burada, işlem düğmesinin yuvarlatılmış kenarları ve logosu, resmin kavisli köşeleriyle eşleşir.

Resim şekillerini seçmeyle ilgili daha fazla bilgi için Materyal Tasarım sitesini ziyaret edin.