sierpień 4, 2017-Tworzenie aplikacji na iOS,strategia mobilna
Mike Woods, Atimi Software Inc.
Typ dynamiczny nie jest nowy. Istnieje od iOS 7, ale jego przyjęcie przez aplikacje było nieco niejednoznaczne-do tej pory. Dzięki iOS 11 Apple wprowadza znaczące ulepszenia funkcji, które powinny doprowadzić do wdrożenia na szeroką skalę. W tym artykule omówiono te zmiany i rozważono, w jaki sposób wpłyną one na dobry projekt i wdrożenie aplikacji.
co to jest typ dynamiczny?
iOS zawsze zawierał świetne wsparcie dla tekstu. System operacyjny ma dziesiątki wysokiej jakości, skalowalnych czcionek i wyrafinowany silnik renderowania tekstu. Projektanci i programiści byli w stanie wykorzystać ten bogaty zestaw funkcji, aby stworzyć atrakcyjny i funkcjonalny interfejs użytkownika.
jednak przy małym ekranie projektowanie UI jest zawsze kompromisem między dopasowaniem treści do widoku a czytelnością. A ponieważ rozmiar czytelnego tekstu różni się w zależności od osoby, to, co działa dla jednego, może być bezużyteczne dla drugiego. Aplikacje o dużej zawartości tekstu (takie jak czytniki wiadomości) mogą oferować ustawienie rozmiaru tekstu, ale ponieważ takie funkcje muszą być kodowane ręcznie, większość aplikacji po prostu nie gwarantuje wysiłku.
aby rozwiązać ten problem, firma Apple wprowadziła Typ dynamiczny w systemie iOS 7. Pozwala projektantom na wykorzystanie zestawu siedmiu (później zwiększonego do dziesięciu) stylów tekstu przy wyborze czcionek. Style te są następnie mapowane do różnych czcionek i rozmiarów zgodnie z ustawieniem rozmiaru tekstu użytkownika. Dzięki typowi dynamicznemu każda aplikacja może reagować na preferencje rozmiaru użytkownika, co poprawia wrażenia dla szerszego grona użytkowników.
Typ dynamiczny obsługuje siedem ustawień rozmiaru, umożliwiając znaczne różnice w rozmiarze czcionki. Na przykład styl tekstu podstawowego ma wartość 17pt przy ustawieniu domyślnym, ale mieści się w zakresie od 14pt do 23pt. Nie jest to jednak limit, ponieważ system iOS zawiera ustawienie ułatwień dostępu, które dodaje pięć większych rozmiarów, aż do 53pt dla tekstu podstawowego. (Zauważ, że obecnie w rozmiarach dostępności zmienia się tylko rozmiar tekstu treści – zmieni się to w systemie iOS 11.)
ta elastyczność wiąże się z własnymi wyzwaniami. Zakres dynamiki tekstu podstawowego wynosi około 4:1, Tworzenie nawet krótkich zdań obejmuje wiele linii. Układy statyczne wyraźnie nie będą działać z tekstem dynamicznym. Na szczęście układ Automatyczny poradzi sobie z większością ciężkich ładunków, umożliwiając interfejsowi użytkownika dostosowanie układu bez potrzeby używania kodu.
jednak nie wszystkie problemy z układem można rozwiązać za pomocą samego układu automatycznego. Ponadto Doposażenie typu dynamicznego w istniejącą aplikację (zwłaszcza jeśli zawiera ręczny Kod układu) może być trudne. Wreszcie, przyjęcie typu dynamicznego oznacza rezygnację z innych czcionek dostarczanych przez system operacyjny, nie wspominając o czcionkach niestandardowych; niełatwy wybór dla projektantów poszukujących charakterystycznego wyglądu.
te wyzwania doprowadziły wiele aplikacji do powolnego przyjmowania typu dynamicznego lub do robienia tego w naiwny sposób, co skutkowało uszkodzeniem interfejsu użytkownika, szczególnie w przypadku większych ustawień.
jednak wszystko to powinno się zmienić …
co nadchodzi w iOS 11?
na tegorocznym WWDC Apple ogłosiło kilka ulepszeń dynamicznego typu dla iOS 11, które będą miały duży wpływ na szybkość i koszt jego przyjęcia.
chyba najbardziej znacząca jest możliwość używania innych czcionek z typem dynamicznym. Dzięki temu projektanci mogą na nowo zdefiniować paletę stylów tekstu (w tym krój pisma i rozmiar punktu), a system automatycznie skaluje je zgodnie z rozmiarem tekstu użytkownika.
aby zrozumieć skutki tego, po prostu rozważ aplikację edukacyjną, która chce używać kredki SE (jednej ze standardowych czcionek iOS) jako głównego kroju pisma. Wcześniej wykluczałoby to typ dynamiczny. W systemie iOS 11 nie tylko jest to możliwe, ale projektant może zdecydować, że tekst powinien być nieco większy (powiedzmy 18pt dla tekstu podstawowego), aby wyglądał wyraźniej z krojem pisma ręcznego – a czcionki będą nadal odpowiednio skalowane w innych rozmiarach tekstu.
łatwiej jest również aktualizować istniejący interfejs użytkownika dla tekstu dynamicznego. Układ automatyczny ma możliwość dostosowania odstępów pionowych w zależności od rozmiaru tekstu, aby tekst nie był ciasny przy większych rozmiarach. W przypadku ręcznego kodu układu możliwe jest skalowanie odległości pikseli zgodnie z rozmiarem tekstu, aby uzyskać podobny efekt.
obrazy można również skalować, aby ikony były bardziej widoczne w dużych rozmiarach tekstu dostępności. UIKit jest nawet w stanie utrzymać ikony w formie wektorowej, aby uniknąć problemów z pikselacją.
poza tym Poprawiono strojenie układu, Ponieważ rozmiar tekstu jest udostępniany jako część UITraitCollection, która jest standardowym sposobem śledzenia innych czynników wpływających na układ.
Ostatnia zmiana polega na tym, że teraz wszystkie style tekstu zmieniają rozmiar punktu z funkcją dostępności. To znacznie poprawi wrażenia z czytania dla użytkowników słabowidzących, ponieważ cały tekst, a nie tylko tekst ciała, będzie skalowany. Wpływa to również na myślenie projektowe, ponieważ oznacza znacznie większą zmienność rozmiaru treści.
Co Na To Apple?
być może ważniejsze niż TECHNICZNE ulepszenia typu dynamicznego jest nacisk Apple na promowanie dostępności w iOS 11. Obejmuje to stosowanie zasad „projektuj dla wszystkich”do aplikacji i narzędzi dostarczanych z systemem operacyjnym. Wśród tych zasad są trzy cele wykorzystania tekstu.
1. Tekst powinien być wystarczająco duży, aby użytkownik mógł go przeczytać. (Innymi słowy, tekst powinien być skalowany za pomocą typu dynamicznego.)
2. Tekst powinien być w pełni czytelny. Nie powinno być niepotrzebnie obcinane i nie powinno być nakładane ani przycinane.
3. Interfejs aplikacji powinien wyglądać pięknie we wszystkich rozmiarach tekstu.
osiągnięcie tych celów wymaga, aby Ui były bardziej adaptacyjne niż po prostu pozwalały na rozwój tekstu. Na przykład zawartość komórki tabeli jest często zorganizowana poziomo z obrazem lub ikoną po stronie głównej i etykietą tekstową na końcu. Wygląda to świetnie w przypadku zwykłych rozmiarów tekstu, ale większe czcionki ułatwień dostępu powodują, że etykieta wygląda ciasno (nawet do tego stopnia, że długie słowa są łamane na wiele linii), podczas gdy ikona znajduje się w dużej pionowej białej spacji. Przejście na układ pionowy z ikoną nad tekstem maksymalizuje poziomą przestrzeń dla tekstu, jednocześnie dopasowując więcej treści na ekranie.
w innych sytuacjach zastosowanie większych czcionek może oznaczać zmianę kolejności pionowej zawartości, aby zapewnić, że przyciski akcji nie zostaną zepchnięte przez tekst wielowierszowy, reorganizację przycisków narzędzi na wiele wierszy lub ukrycie dodatkowej zawartości, aby zrobić miejsce na ważny tekst.
żaden z tych adaptacyjnych projektów nie jest darmowy, ale Apple podkreśla, że są tego warte, aby zapewnić wszystkim wspaniałe wrażenia. Dostarczając takie doświadczenie w aplikacjach systemowych, Apple podnosi poprzeczkę dla aplikacji innych firm. Dzięki iOS 11 użytkownicy będą chętniej włączać funkcje ułatwień dostępu, aby poprawić łatwość użytkowania, a aplikacje, które nie obsługują dobrze typu dynamicznego, ostatecznie stracą na tych, którzy to robią.
skontaktuj się z nami, aby dowiedzieć się, w jaki sposób oprogramowanie Atimi może pomóc ci zbudować niestandardową, innowacyjną aplikację dla przedsiębiorstw, która oferuje doskonałe wrażenia użytkownika i wytrzymuje próbę czasu.
