guziki

Zalecane rozmiary przycisków na stronach internetowych

Zalecane rozmiary przycisków na stronach internetowych

Badania przeprowadzone przez MIT Touch Lab sugerują, że 10 mm x 10 mm to najlepszy minimalny rozmiar przycisków ze względu na średni rozmiar opuszków palców. Projektowanie guzików musi nie tylko być przyjemne dla oka, ale także muszą mieć dotykowy sens dla użytkownika.

  1. Jak duże powinny być przyciski UI?
  2. Czy ma znaczenie rozmiar przycisku?
  3. Ile wyściółki powinien mieć przycisk?
  4. Czy przyciski mobilne będą pełne szerokość?

Jak duże powinny być przyciski UI?

Badania przeprowadzone przez MIT Touch Lab sugerują, że 10 mm × 10 mm to najlepszy minimalny rozmiar przycisków na telefonie komórkowym ze względu na średni rozmiar opuszków palców.

Czy ma znaczenie rozmiar przycisku?

Tak, rozmiar ma znaczenie. Rozmiar przycisku jest jednym z najważniejszych czynników do rozważenia przy projektowaniu aplikacji ekranu dotykowego. Jeśli przyciski są zbyt małe, użytkownicy mogą mieć trudności z ich dokładnym stukaniem.

Ile wyściółki powinien mieć przycisk?

Wyściółka guzika jest jednym z najważniejszych aspektów stylizacji guzików. Moim osobistym stylem jest ustawienie pionowej wyściółki równej wysokości czcionki i ustawienie poziomej wyściółki na 1.33 -krotność pionowej wysokości. Jeśli wysokość czcionki wynosi 20px, wyściółka pionowa wynosi 20px, a pozioma wyściółka wynosi 27px.

Czy przyciski mobilne będą pełne szerokość?

W zależności od układu, orientacji i celu, ale dobrą zasadą jest dodanie co najmniej marginesu 8dp. Pamiętaj o ograniczeniach przestrzeni dotyku, na przykład na Androidzie, projektowanie materiałów uważa za dobrą praktykę, aby mieć przyciski o szerokości co najmniej 48x48 dp, dzięki czemu obszar przycisków był wygodny w użyciu dla użytkowników.

Idealny ekran splasowy do aplikacji mobilnych powinien być animowany lub statyczny?
Co sprawia, że ​​dobry ekran splasowy?Co to jest ekran Splash w aplikacji mobilnej?Jak stworzyć projekt ekranu splasowego? Co sprawia, że ​​dobry ek...
Najlepszy sposób wyświetlania aplikacji jest w trybie offline?
Jak zrobić aplikację offline?Które podejście jest zalecane do zapewnienia użytecznego stanu offline w Twojej aplikacji?Jak aplikacja mobilna będzie d...
Wybór podkategorii kategorii do obserwowania lub zignorowania
Jaki jest cel podrzędnych kategorii?Co to jest kategoria w kategorii?Jaki jest związek między kategorią a podkategorią?Jak uczynić podkategorię zależ...