jak wiesz, istnieje wiele różnych rzeczy, które musisz wziąć pod uwagę podczas tworzenia aplikacji mobilnej.
mając tak wiele do śledzenia, niektóre elementy rozwoju mogą zgubić się w shuffle. Dlatego zawsze mówię, że powinieneś być zorganizowany dzięki listom kontrolnym i innym narzędziom.,
ale jednym z czynników, który wydaje się zawsze zamiatać pod dywan i zapomniał o jest rzeczywisty ekran różnych urządzeń.
rozmiar i rozdzielczość ekranu to dwie rzeczy, o których należy pamiętać przed, w trakcie i po opracowaniu aplikacji mobilnej.
Dlaczego?
na początek rozmiar ekranu jest ważny, ponieważ istnieje wiele różnych rozmiarów ekranu. Niezależnie od tego, czy decydujesz się na budowę dla Apple czy Androida, obie platformy mają mnóstwo różnych urządzeń.
ważna jest również rozdzielczość., Dzieje się tak, ponieważ rozdzielczość różnych ekranów może wpływać na sposób, w jaki projektanci tworzą swoje aplikacje. Na podstawie tych informacji istnieją pewne narzędzia, które muszą mieć wszyscy projektanci aplikacji.
więc jak widać, zarówno rozmiar ekranu, jak i rozmiar rozdzielczości są ważne, ale z różnych powodów.
zrozumienie rozmiaru i rozdzielczości może pomóc zoptymalizować aplikację mobilną dla różnych urządzeń. Dotyczy to zarówno smartfonów, tabletów, a nawet inteligentnych telewizorów lub innych ekranów, na których użytkownicy mogą pobrać aplikację.
mając to na uwadze, chciałem zapewnić Ci przewodnik informacyjny na te tematy., Bez względu na to, na jakim etapie rozwoju znajduje się obecnie Twoja aplikacja, jestem pewien, że znajdziesz to bardzo pomocne.
oto co musisz wiedzieć.
jak obliczyć piksele na cal
musisz zrozumieć różnicę między rozmiarem ekranu a wymiarami rozdzielczości ekranu.
rozmiar ekranu jest mierzony za pomocą cali. To Rozmiar rzeczywistego ekranu konkretnego urządzenia.
na przykład, oto rozmiary ekranu niektórych najnowszych iphone ' ów od Apple, które prawdopodobnie znasz.,
pomiary są wykonywane z jednego rogu ekranu do przeciwległego rogu przekątnej. To dość proste i każdy z linijką może to zrobić.
rozdzielczość ekranu jest trochę inna. Rozdzielczość jest mierzona liczbą rozpoznawalnych pikseli, które mogą być wyświetlane w każdym wymiarze.
rozdzielczość ekranu iPhone X wynosi 2436 x 1125. Podczas gdy Samsung Galaxy Note 8 mA rozdzielczość 2960 x 1440.
musisz znać rozmiar ekranu, a także rozdzielczość, aby obliczyć piksele na cal (PPI) urządzenia., Oto jak obliczasz PPI:
- Dodaj kwadraty obu liczb w rozdzielczości
- weź pierwiastek kwadratowy tej liczby
- podziel poprzednią liczbę przez rozmiar ekranu
brzmi to trochę skomplikowanie, ale dam ci przykład, aby pokazać, o czym mówię. Prawdopodobnie będziesz potrzebował kalkulatora, aby to zrobić.
użyjmy iPhone ' a X, ponieważ jest nowy, a już omówiliśmy rozmiar i rozdzielczość ekranu. Mamy wszystkie informacje potrzebne do obliczenia PPI.,
zgodnie ze specyfikacjami technicznymi Apple, ich PPI z 2436 x 1125 pikseli 5.8 cala iPhone X wynosi 458, więc nasze obliczenia nie były daleko.
korzystając z tej formuły, wypróbuj kilka przykładów na własną rękę. Dokładne specyfikacje różnych urządzeń można łatwo znaleźć, przeglądając je ze strony internetowej producenta.
zasadniczo musisz zdać sobie sprawę, że Ponieważ rozmiar ekranu i rozdzielczość ekranu odgrywają rolę w określaniu PPI, może Ci powiedzieć, jak dobrze obraz jest wyświetlany na danym urządzeniu.,
więc co się stanie, jeśli spróbujesz połączyć tę formułę za pomocą dwóch urządzeń o różnych rozmiarach i rozdzielczościach? To nie wypali.
na przykład weźmy rozdzielczość starego modelu iPhone ' a, takiego jak 4-calowy SE i zastosujmy ją do 12,9-calowego iPada Pro.
postępuj zgodnie ze wzorem, używając rozdzielczości pikseli powyżej.
- 1136 x 1136 + 640 x 640= 1700096
- 1700096/1303.88 = 1303.88
ale teraz zamiast dzielić tę liczbę przez 4-calowy rozmiar ekranu, tak jak powinieneś, Podzielmy ją przez 12.,9, czyli wielkości ipada Pro.
- 1303.88 / 12.9 = 101.08
Jak widać. PPI jest bardzo niski, co oznacza, że gdyby ta rozdzielczość była na większym ekranie, obrazy po prostu nie byłyby dobrze obliczane.
dlatego musisz zoptymalizować obrazy, aby uwzględniały różne rozmiary ekranu, ale wkrótce omówimy to bardziej szczegółowo.
różne typy ekranów
więc ustaliliśmy już, że różne urządzenia mają szeroki zakres rozmiarów i rozdzielczości ekranu. Ale z tym powiedziawszy, niektóre rozdzielczości są bardziej popularne niż inne.,
w oparciu o ruch internetowy z globalnej perspektywy najpopularniejsze są smartfony o Rozdzielczości 720 x 1280 pikseli.
jak widać, liczby te różnią się w zależności od lokalizacji. Jednak to wciąż cenne informacje. Zawsze ważne jest, aby wiedzieć, które typy urządzeń są najbardziej popularne w branży aplikacji mobilnych.
może to być bardzo pomocne, jeśli rynek docelowy lub większość osób korzystających z urządzenia znajduje się w krajach, w których te procenty są wysokie.,
musisz również uwzględnić inne typy ekranów, takie jak:
- ekrany HD
- ekrany QHD
HD oznacza high definition, podczas gdy QHD oznacza Quarter high definition.
rozdzielczość pikseli dla ekranów o wysokiej rozdzielczości wynosi 1920 x 1080. Ekrany Quarter high definition mają rozdzielczość 960 x 540 pikseli.
niektóre przykłady ekranów QHD to:
- Sony Xperia M2
- HTC Desire 601
- Samsung Galaxy S4
co jest bardziej popularne? Ekrany Full HD czy ekrany QHD?, Badania pokazują, że ekrany QHD odnotowują spadek popularności.
w tym samym czasie obserwujemy wzrost ekranów Full HD pod względem globalnego ruchu w sieci.
tak więc planuj odpowiednio, gdy budujesz i projektujesz różne elementy swojej aplikacji mobilnej.
dla tych z Was, którzy planują zbudować aplikację w przyszłości, powinieneś skupić się bardziej na ekranach HD w przeciwieństwie do ekranów QHD.
Jeśli te trendy się utrzymają, czego się spodziewam, ekrany QHD staną się przeszłością., Na razie jednak należy upewnić się, że aplikacja, Obrazy i projekty mogą pomieścić jak najwięcej urządzeń.
Jak korzystać z różnych rozmiarów ekranu
OK. Tak więc telefony, tablety i inne urządzenia mają różne rozmiary ekranu, rozdzielczości i piksele na cal. Istnieją nawet różne rodzaje ekranów.
Co teraz?
jako programista musisz mieć na uwadze wszystkie te informacje, aby Twoja aplikacja była zoptymalizowana dla wszystkich różnych rozmiarów i urządzeń.,
jeśli budujesz aplikację tylko z myślą o jednym typie ekranu, będzie to miało negatywny wpływ na wrażenia użytkownika z innych urządzeń. Słabe doświadczenia użytkowników zaszkodzą Twojej dolnej linii, czego oczywiście chcesz uniknąć.
jako projektant powinieneś mieć swobodę i elastyczność, aby kreatywnie tworzyć swoje projekty i animacje.
upewnij się, że uwzględniasz różne rozmiary ekranu, gdy używasz układu automatycznego do tworzenia zaawansowanych animacji iOS.
warto pamiętać o czymś innym., Aplikacja i inne obrazy nadal muszą ładować się bezbłędnie, bez względu na to, jak użytkownik trzyma urządzenie.
zgadza się. Oprócz wymiarów rozmiaru i rozdzielczości ekranu, musisz również upewnić się, że istnieje płynne przejście między trybem pionowym i poziomym.
w zależności od rozmiaru ekranu użytkownicy częściej skłaniają się ku jednej orientacji nad drugą. Oto dane, które pokażą ci, o czym mówię.
To jest ciekawe., Jak widać, gdy docieramy do urządzeń o rozmiarach ekranu większych niż 9 cali, następuje znaczny wzrost liczby użytkowników korzystających z trybu poziomego.
tak więc w większości przypadków możemy założyć, że ludzie wolą używać orientacji poziomej na swoich tabletach.
ale mając to na uwadze, nadal musisz przetestować aplikację, obrazy i elementy projektu pod kątem obu orientacji i upewnić się, że są zoptymalizowane pod kątem wszystkich rozdzielczości.
podsumowanie
Istnieje różnica między rozmiarem ekranu a rozdzielczością ekranu.,
użyjesz obu tych liczb, aby pomóc ci obliczyć piksele na cal (PPI) określonych urządzeń.
jest to ważne, ponieważ wpływa to na sposób projektowania aplikacji. Nie można go zbudować z jednym telefonem, tabletem lub platformą.
aby użytkownicy mieli najlepsze wrażenia, Twoja aplikacja musi być w pełni zoptymalizowana pod kątem jak największej liczby urządzeń.
jest też różnica między ekranami HD i QHD., Mimo że rozmiary ekranu zmierzają w kierunku standardowej rozdzielczości, projektanci aplikacji nadal muszą mieć świadomość, że ich aplikacja będzie widoczna na wielu różnych ekranach.
więc w przewidywalnej przyszłości będziesz musiał kontynuować projektowanie i testowanie dla jak największej liczby przypadków.
w jaki sposób elementy projektowe aplikacji dostosowują się do różnych rozmiarów i rozdzielczości ekranu dla użytkowników z różnymi urządzeniami?