2014-04-22 20 views
9

Chcę wiedzieć, czy istnieje domyślny rozmiar dla ikon paska nawigacyjnego. Gdzie projektant musi go zaprojektować. Zaprojektować go do wyświetlania siatkówki i nie-siatkówki. Obecnie używam obrazów pobranych z internetu, który nie wygląda świetnie.Ustawianie rozmiaru ikony paska nawigacyjnego ios

Odpowiedz

12

Tworzenie pasek nawigacji ikonę w następujących rozmiarach:

About 44 x 44 pixels 

About 22 x 22 pixels (standard resolution) 

więcej informtation można znaleźć tutaj https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/BarIcons.html

+0

jaka powinna być wielkość przycisk bar wyglądać domyślnie – user2823044

+0

powinno być max 44 x 44 na urządzeniach z wyświetlaczem Retina lub 22 x 22 za brak urządzenia siatkówki –

+4

A teraz musimy 66 x 66 pikseli @ 3x obrazu też. dla nowych iPhone'ów 6. –

1
1. iPhone 5  88/64 px 
2. iPhone 4/4S 88/64 px 
3. Retina iPad 88 px 
4. iPad Mini 44 px 
5. iPad   44 px 

Pasek nawigacji zazwyczaj zawiera tytuł oraz podstawowe przyciski nawigacyjne i czynnościowe (takie jak powrót do poprzedniego widoku, tworzenie, edytowanie itp.). W orientacji poziomej wysokość paska nawigacji jest zwykle nieco zmniejszana (do 32 punktów), aby umożliwić wyświetlanie większej zawartości pod nią.

Ref Link: dokumentacja http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

0

Check Apple dla ikony i obrazu o rozmiarach here. Aby uzyskać bardziej szczegółową specyfikację ikony interfejsu użytkownika, sprawdź: here.

7

Wielkości zalecane w docs dla ikon paska nawigacji są następujące:

@1: 25 x 25 
@2: 50 x 50 
@3: 75 x 75 

Utwórz trzy obrazy powyższych rozmiarów pikseli, a następnie dodaj je do nowego zestawu obrazów w swoim Plik Assets.xcassets.

enter image description here

Uwagi

  • Kiedy staram się ikony w zalecanych rozmiarach, wyglądają zbyt mały dla mnie. W rzeczywistości robię je trochę większe. Weź zatem zalecenia dotyczące dokumentacji jako punkt wyjścia, ale w razie potrzeby konieczne może być wprowadzenie korekt.
  • Druga metoda to użycie jednego uniwersalnego obrazu wektorowego (pdf) (patrz here i here). Not everyone recommends this, ale jest to metoda, której teraz używam. Jest to wygodne i ułatwia późniejszą edycję zdjęć i zmianę rozmiaru.
Powiązane problemy