web-gelistirme-sc.com

Düğmeler için sabit genişlik mi yoksa metinle orantılı mı?

Bir UI için en iyi uygulama nedir, metnin ne kadar uzun olursa olsun (şarta bağlı olarak), sabit genişlikte tüm benzer düğmeleri yapmak fit) veya genişliğini metinle orantılı yapın ve aynı dolgu malzemesi?

enter image description here

Güncelleme:

Ayrıca minimum genişlik ve esnek genişlik öneren Malzeme Tasarımı Yönergeleri konusundaki bu örnek adresini de kontrol edin.

enter image description here

İletişim düğmeleri Düğme yüksekliği: 36dp Düğme üst kenar boşluğu: 24dp Düğme doldurma: 8dp Düğme hizalama: LTR komut dosyaları için Sağ Kenar Düğme genişliği: Düğme metni uzunluğuna göre değişir

enter image description here

Bu genel bir kural mı?

17
Madalina Taina

Bence, düğmeler birbirinin üzerindeyse, daha geniş genişliğe sahip olmak için daha kısa uyarlamayı deneyin. Örneğinizde bu yeşil seçenek olacaktır, ancak "Abone Ol" düğmesine daha az dolgu sağlar.

Düğmeler yataysa, onlara aynı genişliği vermenize gerek yoktur.

enter image description here

9
Alvaro

Bence sabit genişlik daha iyi bir seçenek çünkü ekrana görsel bir denge sağlıyor. Farklı boyutlar da bazen vurgu yapmak için kullanılır, çünkü düğmelerin aynı seviyede olması daha büyük olabilir, ancak daha büyük boyutlu düğmeler daha fazla dikkat çekmektedir.

4
Dhiraj Pandagre

Bu konuda birçok kez araştırma yaptıktan sonra, aynı genişliğe sahip düğmelerin kullanıcıya herhangi bir şekilde yardımcı olduğuna, kararı daha az etkilediğine veya erişilebilirliği artırdığına inanmak için iyi bir neden bulamadım. Bunun yerine, Malzeme Tasarım Kılavuz öğesinin, tercih edilen bir yüksekliği öneren ancak sabit bir genişliği önermeyen önerisini göz ardı etmememiz gerektiğini düşünüyorum: "Erişilebilirlik

Engelli insanlar için kullanılabilirliği sağlamak için düğmelere 36 dp yükseklik ve dokunmatik hedeflere minimum 48 dp yükseklik verin. "

enter image description here

3
Madalina Taina

Malzeme Tasarım Yönergeleri'nde belirtildiği gibi düğmeler için genel minimum genişlik Madalina önemlidir, çünkü tüm düğmelerin tıklanmasının makul derecede kolay olmasını sağlar veya gibi çok kısa etiketler için bile dokunun OK. " Fitts Yasası " deyin.

Aynı genişlikteki düğmeler estetik olarak daha hoş görünebilir , henüz herhangi bir kullanılabilirlik gösteren araştırma görmedim bunları kullanmanın yararları.

0
JochenW

Şirketim için yarattığım tasarım sisteminde her iki türü de birleştirdim. Sabit boyutlu düğmeler modsal pencereler ve pop-up'lar için daha iyi kullanılır. Bu kullanıcılar için daha estetik ve olağan ve "tasarım deseni" gibi davranıyor. 2 veya bir grup düğmemiz olduğunda her yerde sabit boyutlu. Genişlik, bu durumda, mümkün olan en uzun metin etiketi ile hesaplanır. Diğer tüm durumlarda, örneğin yastıklı düğmeler kullanıyorum. 16px + TextLabel + 16px.

Düğmeler için genişliği sabitlemek arabirime tutarlı bir görünüm kazandıracaktır. Yine de, belki daha uzun etiketlerle daha fazla düğmeyi kullanamama riski vardır. Bu sebep, onu sabit bir kılavuzla bağdaşmaz hale getirir.

Boyut, renk ve dolgu üzerinde oynayarak belirli bir düğmeyi her zaman vurgulayabilirsiniz.

0
asiegf