Ramka urządzenia
Wizualna ramka telefonu lub tabletu renderowana wokół zrzutu ekranu, aby nadać mu kontekst rzeczywistego świata.
Ramka urządzenia to wizualna reprezentacja korpusu telefonu lub tabletu — ramka, wycięcie lub Dynamic Island, zaokrąglone narożniki, przyciski boczne i cień — umieszczona wokół zrzutu ekranu aplikacji. Ramki służą dwóm celom. Po pierwsze, na pierwszy rzut oka komunikują platformę i format: widz natychmiast rozumie, że patrzy na zrzut ekranu z iPhone'a, a nie z Androida, jeszcze przed przeczytaniem jakiegokolwiek podpisu. Po drugie, sprawiają, że surowe zrzuty ekranu wyglądają jak prawdziwe, żywe interfejsy, a nie odcięte fragmenty UI, co mierzalnie poprawia postrzeganą jakość i zaufanie. Nowoczesne biblioteki ramek urządzeń obejmują dziesiątki urządzeń — iPhone 16 Pro, iPhone 16, iPad Pro 12,9 cala, Pixel 9, Galaxy S24, Surface Duo — i dostarczają każdą ramkę jako wysokiej rozdzielczości PNG lub SVG z precyzyjnie zdefiniowanym oknem ekranu, w którym komponowany jest zrzut ekranu. Podczas automatyzacji potoków zrzutów ekranu ramka urządzenia jest zazwyczaj warstwą w szablonie, a żywy zrzut ekranu jest renderowany w obszarze okna ekranu w momencie eksportu. Wybór odpowiedniej ramki ma znaczenie: oprawienie zrzutu ekranu z iOS w korpus Androida lub użycie przestarzałego urządzenia sygnalizuje recenzentom niedbałość i zmniejsza konwersję.
Używane w
Zobacz, jak ta koncepcja pojawia się w produkcie:
Poznaj funkcjęPowiązane terminy
- Wariant zrzutu ekranuKonkretne renderowanie zrzutu ekranu dla jednej kombinacji rozmiaru urządzenia, lokalizacji, orientacji i motywu.
- Mobilny współczynnik proporcjiStosunek szerokości do wysokości wyświetlacza telefonu lub tabletu, który określa wymiary płótna zrzutu ekranu.
- Fastlane frameitAkcja wiersza poleceń w łańcuchu narzędzi Fastlane, która oprawia zrzuty ekranu w ramki urządzeń przy użyciu statycznych szablonów.