2015-01-10 24 views
7

Po pierwsze, to pytanie jest powiązane: How big should Action Bar(Toolbar) icons be in the new Android Material design?Jaki jest zalecany rozmiar ikony ActionBar w Material Design (Android API 21+)?

W pokrewnym pytaniu jest oczywiste, że docelowy rozmiar ikon paska działań powinien wynosić 48pb. Chciałabym dostać parę rzeczy wyjaśnić dotyczące tych wielkości ikon w materiale design:

  1. Na tej stronie: Material Design Keylines - Touch Target Size Istnieją dwie ikony, ikona Search jest małe (24dp) oraz ikona profilu jest znacznie większy (40dp). Czy istnieje jakieś zalecenie dotyczące tego, jak duża powinna być ikona w zasięgu celu dotykowego 48dp? Wygląda na to, że ikony paska działań, które można pobrać z witryny Material Design, to 40dp (tj. Jako przycisk profilu w połączonej witrynie).

  2. Zakładam, że stare instrukcje Iconography są nieaktualne w Material Design, czy to prawda? Ta strona mówi, że ikony powinny mieć 32dp z ikoną 24dp: Iconography.

  3. Zauważyłem również, że Android Asset Studio i Android Asset Studio for Material Design generować xxhdpi pasku działań ikony z 96x96 pikseli ale zakłada powinny one być 144x144 pikseli. Zakładam, że to dlatego, że ikony paska działań xxhdpi 48dp w ikonach z witryny Material Design to 144x144 piksele. Czy to prawda, że ​​ikony Material Design ActionBar powinny mieć 144 x 144 piksele dla xxhdpi?

Odpowiedz

13
  1. Istnieje zalecenie dla większości funkcji. Ikony paska narzędzi powinny zawsze być 24dp, podczas gdy, jak mówisz, okrągłe funkcje (w tym obrazy i przyciski pływające) powinny być 40dp. Możesz znaleźć różne wartości dla różnych widoków, na stronie, którą połączyłeś lub w bocznym menu "Komponenty".

    Pobrałem ikony materiałów jakiś czas temu, od here lub here. W obu przypadkach dostępne są ikony w różnych rozmiarach: 18dp, 24dp, 36dp i 48dp. Wybór najlepszego rozmiaru i ustawienie odpowiedniego dopełnienia widoku zależy od tego, który obszar klikalny ma być kliknięty. W większości przypadków, jeśli wybierzesz motyw AppCompat lub Material, zajmie on się doborem rozmiaru i dopełnieniem.

    Oprócz tego, np. podczas zmiany rozmiaru przycisku wybieram Buttons z menu "Komponenty" i otrzymuję informację o rozmiarze.

  2. Tak.

  3. Prawdopodobnie masz rację, 48dp ikony dla xxhdpi powinny być 144x144 pikseli.

+2

Brzmi to poprawnie, ale ikony paska działań 24dp mają dopełnienie w każdym pliku ikony, więc efektywny obszar będzie mniejszy niż 24dp. Również obraz 24dp powinien mieć 72x72 piksele w formacie xxhdpi. Narzędzie Android Asset Studio, a także Android Studio 1.0.2 generuje 96x96 pikseli dla ikon paska akcji i xxhdpi. 96x96 pikseli powinno równać się 32dp, jeśli moja matematyka jest poprawna. Może to jest obraz 24dp, w tym 8 dp wypełnienia wokół niego. – mikeesouth

+0

Widzę twój punkt widzenia. Narzędzie [This] (http://angrytools.com/android/pixelcalc/) mówi to samo. W każdym razie, nawet biorąc pod uwagę dopełnienie w oficjalnych ikonach, ikony Asset Studio wydają się być obniżone.Ikony materiałów, xxhdpi, 48dp są globalnie 144x144, a ikona jest mniej więcej 108x108. To więcej niż 96 x 96 z Asset Studio. – natario

+0

Tak. Domyślam się, że narzędzia nie zostały jeszcze zaktualizowane w Material Design, mam nadzieję, że wkrótce zaktualizuję Android Studio. Do tego czasu zrobię to ręcznie, ale wciąż nie jestem pewien, którą z ikon paska akcji wybrać. Jeśli dobrze to zrozumiem, powinienem wybrać 36dp lub 24dp, ale utrzymuję cel dotykowy 48dp. Jeśli wybiorę ikonę paska działań 48dp z pakietu ikon, sama ikona będzie większa niż 24dp. Jeśli wybiorę plik obrazu 24dp, sama ikona będzie mniejsza niż 24dp. To jest mylące :) – mikeesouth