Adobe XD: Podgląd mobilny

CC 2020+

0:00Cześć Witaj w kolejnej lekcji w której krótko chciałbym pokazać Ci jak działa

0:03Preview mobilne czyli podgląd na telefonie w ramach aplikacji Adobe.

0:09Możesz taki podgląd wykonać albo na kablu albo bez kamerka.

0:13Jak to zrobić na kablu. Bardzo prosto.

0:16Wystarczy podłączyć swój telefon z

0:17Androidem i iOS em zaś ściągnięto aplikacją Adobe xD.

0:21Do komputera i wtedy mamy taką małą ikonkę

0:25tutaj z informacją o tym że podgląd na urządzenie jest dostępne trzeba się

0:28zalogować na to samo konto Adobe inne aplikacje na które jesteśmy za zalogowanie

0:32do xD i po kablu najpewniej można przesyłać te dane.

0:37Natomiast możesz to zrobić też w inny

0:38sposób możesz zapisać taki dokument w chmurze czyli wybrać polecenie fail

0:43następnie save as i upewnić się że zapisujemy dokument jako Cloud dokument

0:48wtedy nawet bez tabelka w dowolnym miejscu z internetem będziesz mógł na telefonie w

0:53tej sekcji Cloud dokumenty do której teraz przyszedłem dostać się do takiego

0:57dokumentu i go uruchomić również w trybie podglądu to co można z takim dokumentem

1:01też zrobić to kliknąć na trzy kropki na telefonie i kliknąć na opcję Eve offline.

1:07Wtedy nawet bez dostępu do Internetu nawet

1:09jeśli twój prototyp ma kilkadziesiąt mega bajtów możesz sobie go pobrać a następnie

1:15uruchomić w ten sposób w Things ustawieniach.

1:17Gdy wejdziesz do preferencji masz

1:19możliwość kliknięcia na Arabów offline dokument czyli po prostu wyrzucić możesz

1:24wyrzucić wszystkie ściągnięte w ten sposób dokumenty z chmury.

1:27Jednak najszybszy i najpiękniejszy podgląd

1:30jeśli pracujesz nad jakimś projektem jest rzeczywiście z pomocą tej małej ikonki

1:34która ładuje to co mamy aktualnie na K2 w Adobe xD na nasz telefon

1:41ja mam telefon ja mam nowego iPhona max czyli takiego który ma

1:46rozdzielczość zdecydowanie większą niż to co zaprezentowaliśmy dla Mobile w związku

1:51z tym to co mogę zrobić teraz to po prostu dopisuje sobie to a następnie jeżeli

1:56wciśnij teraz a tylko będąc w polu w polu szerokości to możesz zobaczyć dla

2:03tych iPhone'ów jaka to jest rozdzielczość 414 na 896.

2:07Wybierając taką rozdzielczość możemy stworzyć nowy Art WORD ale nie na tym

2:10zależy mi zależy na tym żeby tutaj wpisać rozmiary mając włączone

2:14Response Française 400 14 na wysokości 896 stąd mogę sobie ją skopiować.

2:24W flagę w miejscu gdzie mamy Billboard Hot czyli wysokości portu.

2:29No i teraz już widzisz że na moim telefonie mam dosyć sensowny podgląd.

2:35Rzecz jasna trzeba było tutaj rozciągnąć jeszcze mniej ale tak naprawdę

2:39nie muszę go teraz podglądać zobaczmy sobie jak wygląda nasza strona

2:43i mogę ją skierować mogę przeglądać całą zawartość ten sposób lista jest może jakoś

2:48super dobrze by nie zadziałał ale generalnie jest na telefonie i to jest

2:51bardzo dobry sposób na sprawdzenie kilku ważnych rzeczy i polecam mieć w momencie

2:56projektowania naszej aplikacji czy stronę na urządzenia mobilne po prostu włączone

3:01cały czas taki podgląd telefonu gdzieś może sobie stać obok jest ciągle pod

3:05ładowarkę więc będziesz na bieżąco widział wszystkie zmiany które wykonuję

3:09a jednocześnie będziesz w stanie na bieżąco zweryfikować czy tekst jest

3:13odpowiednio czytelny czyli czy nie jest zbyt mały czy nie trzeba przypadkiem

3:16powiększyć go na mobile czy obszary lokalne są w porządku czyli

3:20czy guziki są odpowiednio duże czy odstępy są takie że łatwo jest tam pchnąć np.

3:24elementy które znajdują się w menu.

3:26I to wszystko możesz widzieć też w porcie.

3:29Ale pamiętaj że często pracujemy w jakimś powiększeniu i fizycznie na telefonie.

3:34Te elementy będą znacznie mniejsze powiedzmy jeden do jednego.

3:37U mnie to jest mniej więcej tak i

3:40prawdopodobnie bym nie pracował w takim trybie Tylko wolałbym sobie powiększyć.

3:44Wtedy bardzo łatwo się pomylić jeśli

3:45chodzi o wielkość która jest dostępna dla osób które oglądają na urządzeniach także.

3:50Zdecydowanie polecam testować czy to z pomocą rozwiązań chmura owych od Adobe i

3:55po prostu bez kamerka czy też w momencie projektowania od razu na kabel.

3:59Teraz można trzy razy stanąć palcem na

4:01taki prototyp żeby zobaczyć jego dodatkowe opcje.

4:04Możemy przykładowo sobie przejrzeć

4:05wszystkie wszystkie Art Border i przenieść się do wybranego przez nas

4:09arboretum i tutaj wyświetlić jeszcze raz trzy razy.

4:12Możemy wysłać Screen Shot z tego co się

4:15znajduje aktualnie na naszym telefonie co musi np.

4:17zapytać go o zdanie.

4:19Jeśli chodzi o kolejne opcje to pozwalają one na włączenie notyfikacji powiadomień

4:23głosowych a także na włączenie w trybie prezentacji w trybie prototypowe Dania

4:29którego nie omawialiśmy w dodatkowym materiale szczegółowo.

4:34Wtedy włączamy tak zwane hot spoty w momencie gdy ktoś

4:37w dowolnym miejscu na telefonie potwierdzą się te miejsca które są klikamy na którym

4:41można kliknąć po to aby obejrzeć interaktywny prototyp.

4:44No i złap to nawigację czyli opcja która pozwala po prostu przesuwać palcem po to

4:48żeby nawigacja po takim trybie zdecydowanie polecam pobrać aplikację

4:51Adobe Excel i w ten sposób kontrolować to jak wygląda twój mobilny.

4:56Możesz to samo zrobić na tablecie np.

4:58na iPadzie i podglądać tę wersję 1024 x 768 OK.

5:03A co w przypadku podglądanie tego np.

5:05na innym monitorze które mógłbyś podłączyć

5:08w konkretnej rozdzielczości i ewentualnie na tym samym.

5:10Ale w takim trybie aby dało się np.

5:12skorygować stronę.

5:13To oczywiście jest możliwe i można to zrobić zaznaczając dowolne Art Board i

5:17wybierając ikonkę podglądu albo wciskając ENTER.

5:20Jest to tzw.

5:21desktop Preview który otwiera się domyślnie w nowym oknie.

5:24Możesz rzecz jasna np.

5:25zrzucić to na full screen ale wtedy będzie on wyświetlany w dokładnie tej

5:30piksel owej rozdzielczości którą podaliśmy za to Ford jest brane pod uwagę pokazywała

5:34ci to już na samym początku kursu przy tworzeniu Art.

5:38Jak można je podglądać i tutaj zwłaszcza fajnym sposobem przydatną rzeczą

5:43jest posiadanie drugiego monitora który ustawi np.

5:46na rozdzielczość 1366 albo Full HD

5:49i wtedy obok projektując znów widzimy dokładnie to jak będzie się prezentować

5:54jakie są wielkości czy zmniejszyć czy powiększyć.

5:57Dodatkowo mamy tutaj możliwość nagrywania to w zasadzie jedyna opcja którą daje tryb

6:02Preview możemy włączyć mikrofon i nagrać sobie jeszcze jakiś dodatkowy komentarz

6:08i włączyć po prostu nagrywanie klikając tą małą ikonkę.

6:11Następnie pokazać zademonstrować projekt

6:13który przygotowaliśmy i zapisać go do formatu mówi On się po prostu zapisze

6:19na naszym dysku a my będziemy mogli wysłać to komuś da i to już wszystko jeśli chodzi

6:23o podgląd zarówno ten mobilny jaki dysk topowe.

6:26Pozostaje mi zaprosić cię do kolejnej lekcji.