Dużo mówi się o iOS 7 od czasu jego odsłonięcia na początku tego miesiąca, a większość z nich skupiała się wokół projektu, w szczególności nowych ikon. Teraz, gdy wszyscy mieliśmy czas, aby rozmyślać nad zmianami, zaczynają pojawiać się pytania o to, jak wpłyną one na projektowanie naszych własnych aplikacji. W rezultacie debata została podzielona na temat wpływu nowego interfejsu użytkownika iOS 7.
Podczas gdy niektórzy uważają, że aplikacje powinny pozostać wierne własnemu stylowi i nie powinny być przeprojektowywane wyłącznie w taki sposób, aby pasowały do wyglądu systemu iOS 7, inni uważają, że aplikacje powinny być przeprojektowane, aby czuły się bardziej natywne. Aby dodać do tego, wydaje się, że istnieje pewne niejasności co do tego, jak ścisłe Wytyczne dotyczące interfejsu ludzkiego iOS dla Apple faktycznie są.
Próbując wyjaśnić sprawę, przyjrzałem się uważnie dokumentom w środku Zasoby projektowe Apple dla iOS 7 i wykorzystam ten post, aby podzielić się niektórymi z moich ustaleń.
Jeśli chodzi o debatę nad tym, czy wszystkie aplikacje powinny teraz przyjmować "płaską" estetykę, jest to wyłącznie kwestia opinii. Jeśli użyjesz niestandardowych elementów interfejsu użytkownika w swoim projekcie, ostatecznie decyzje stylistyczne będą dotyczyć Ciebie i Twojego zespołu. Chociaż Apple sugeruje, że powracasz do korzystania z cieni, gradientów i ramek, nie widziałem żadnych dowodów sugerujących, że jest to ścisły wymóg.
W poniższym fragmencie tekstu, zaczerpniętym z Przewodnik przejścia dla systemu iOS 7 UI Więcej informacji na temat różnych poziomów dostosowywania i sposobu, w jaki każdy z nich wpływa na ilość pracy, jaką należy wykonać, aby przygotować aplikacje do przejścia.
Pomyśl o dostosowaniu aplikacji jako podzielonym na trzy następujące typy:
- Standard. Aplikacja zawiera tylko standardowe, nieukierunkowane elementy interfejsu użytkownika udostępniane przez UIKit.
- Zwyczaj. Aplikacja przedstawia całkowicie niestandardowy interfejs użytkownika, który nie zawiera żadnych elementów interfejsu UIKit.
- Hybrydowy. Aplikacja zawiera mieszankę standardowych i niestandardowych elementów, w tym standardowych elementów, które zostały dostosowane za pomocą interfejsu UIKit do barwienia i interfejsów API dostosowywania wyglądu.
W przypadku standardowej aplikacji musisz zdecydować, czy projekty związane z wyglądem wizualnym i interfejsem użytkownika mają nadal sens w środowisku iOS 7. Jeśli zdecydujesz się zachować bieżący model układu i interakcji, większość prac polega na wprowadzeniu drobnych poprawek i upewnieniu się, że aplikacja prawidłowo obsługuje nowe gesty systemowe.
Aplikacje niestandardowe - czyli aplikacje, które nie używają elementów interfejsu UIKit - wymagają bardziej zróżnicowanego podejścia. Jeśli na przykład uważasz, że aktualny interfejs użytkownika i korzystanie z aplikacji są nadal odpowiednie, może być niewiele do zrobienia. Z drugiej strony, jeśli czujesz, że osobowość i wrażenia użytkownika aplikacji powinny się zmienić, aby rozkoszować użytkowników iOS 7, masz więcej pracy do zrobienia.
Aplikacje hybrydowe różnią się ilością wymaganej pracy, w zależności od dokonanych dostosowań oraz sposobu łączenia niestandardowych i standardowych elementów. Oprócz ponownego przeanalizowania ogólnego projektu aplikacji hybrydowej, upewnij się, że Twoje dostosowania nadal działają dobrze i dobrze wyglądają, gdy są zintegrowane ze standardowymi elementami.
Na końcu powyższego dokumentu zauważono również, że aplikacja, która naśladuje standardowy interfejs iOS 6 w całkowicie niestandardowy sposób, prawdopodobnie wymaga dużo pracy, ponieważ będzie wyglądać po prostu nieaktualnie. Jest to z pewnością perspektywa, którą będziesz chciał rozważyć.
Również pochodzi z Przewodnik przejścia dla systemu iOS 7 UI jest poniższy tekst, który zawiera dwie listy - rzeczy, które każda aplikacja musi robić i rzeczy, które powinna robić każda aplikacja. Biorąc pod uwagę zmianę języka, uważałbym, że pierwsza jest listą ścisłych wymagań, a druga jest listą rzeczy, które przynajmniej należy przemyśleć.
Rzeczy, które musi zrobić każda aplikacja
- Zaktualizuj ikonę aplikacji. W iOS 7 ikony aplikacji mają 120 x 120 pikseli (wysoka rozdzielczość).
- Zaktualizuj obraz uruchamiania, aby uwzględnić pasek stanu, jeśli jeszcze tego nie zrobił.
- Wspieraj wyświetlacz Retina i iPhone 5 we wszystkich pracach i projektach, jeśli jeszcze tego nie robisz.
Rzeczy, które powinna robić każda aplikacja
- Upewnij się, że treść aplikacji jest rozpoznawalna dzięki przezroczystym elementom interfejsu użytkownika - takim jak paski i klawiatury - oraz przezroczystemu pasku stanu. W systemie iOS 7 kontrolery widoku korzystają z układu pełnoekranowego (aby dowiedzieć się więcej, zobacz Używanie kontrolerów widoku ).
- Zmodyfikuj niestandardowe ikony przycisków paska. W iOS 7 ikony przycisków są lżejsze i mają inny styl.
- Przygotuj się na przyciski bez obramowania, odchodząc od dostarczania obrazów tła przycisków i ponownej oceny układu.
- Sprawdź swoją aplikację pod kątem zakodowanych wartości UI - takich jak rozmiary i położenia - i zamień je na te, które czerpiesz dynamicznie z wartości dostarczanych przez system. Użyj funkcji automatycznego układu, aby pomóc aplikacji reagować na zmiany układu. (Jeśli jesteś nowy w Auto Layout, zapoznaj się z nim, czytając Podręcznik układania kakao Auto .)
- Sprawdź swoją aplikację pod kątem miejsc, w których zmiany metryk i stylów elementów sterujących i widoków UIKit wpływają na układ i wygląd. Na przykład przełączniki są szersze, zgrupowane tabele nie są już wstawiane, a widoki postępu są cieńsze. Aby uzyskać więcej informacji na temat konkretnych elementów interfejsu, zobacz Bary i przyciski prętowe , Sterownica , Wyświetlenia treści , i Tymczasowe widoki .
- Adopt Dynamic Type. W systemie iOS 7 użytkownicy mogą dostosować rozmiar tekstu, który widzą w aplikacjach. Po przyjęciu Typu dynamicznego otrzymujesz tekst, który odpowiednio reaguje na zmiany rozmiaru określone przez użytkownika. Aby uzyskać więcej informacji, zobacz Używanie czcionek .
- Upewnij się, że Twoja aplikacja nie reaguje niewłaściwie na nowy gest Control Center lub na przesunięcie kontrolera nawigacyjnego, aby cofnąć gest, szczególnie w przypadku niestandardowej obsługi dotykowej.
- Ponownie sprawdź użycie cieni, gradientów i ramek. Ponieważ estetyka iOS 7 jest gładka i warstwowa - ze znacznie mniejszym naciskiem na użycie efektów wizualnych, aby elementy interfejsu wyglądały fizycznie - możesz przemyśleć te efekty.
- W razie potrzeby zaktualizuj aplikację do najlepszych praktyk na iOS 6 - na przykład Automatyczny układ i storyboardy - i upewnij się, że aplikacja nie zawiera nieaktualnego interfejsu API.
iOS 7 nie oznacza końca ultra szczegółowej ikony aplikacji. Fragment tekstu poniżej, zaczerpnięty z Wskazówki dla interfejsu ludzkiego iOS , sugeruje, że wciąż jest miejsce na realizm. Jednak, jak wspomniano powyżej, wszystkie ikony aplikacji będą musiały zostać zaktualizowane.
Jeśli chcesz przedstawić prawdziwe substancje, zrób to dokładnie. Ikony lub obrazy przedstawiające prawdziwe przedmioty powinny również wyglądać tak, jakby były wykonane z prawdziwych materiałów i mają rzeczywistą masę. Realistyczne ikony dokładnie odwzorowują cechy substancji takich jak tkanina, szkło, papier i metal oraz przekazują wagę i odczucie obiektu.
Mimo że dokumenty są znacznie bardziej złożone Zasoby projektowe Apple dla iOS 7 i poleciłbym je wszystkie przeczytać, czułem, że te trzy fragmenty w szczególności dostarczają bardzo potrzebnej jasności. Nowe podejście Apple może zrobić najlepiej, aby unikać cieni, gradientów i ramek, ale to nie znaczy, że musisz podążać za przykładem, a to, czy powinieneś, czy nie, jest wyłącznie kwestią opinii.
Niezależnie od tego, jakich dokonasz wyborów stylistycznych, o ile dokładnie rozważysz wszystkie powyższe, nie powinieneś mieć problemu z pomyślnym przeniesieniem aplikacji na iOS 7.
Czy to wyjaśniło twoje obawy? Czy planujesz przejście? Daj nam znać w komentarzach.