Adobe XD: Projektuj, prototypuj i udostępniaj dzięki rozwiązaniu Adobe UX / UI
Dzisiaj zainstalowałem Adobe XD, rozwiązanie UX / UI firmy Adobe do tworzenia prototypów stron internetowych, aplikacji internetowych i aplikacji mobilnych. Adobe XD umożliwia użytkownikom przełączanie się ze statycznych modeli szkieletowych na interaktywne prototypy jednym kliknięciem. Możesz wprowadzać zmiany w projekcie i automatycznie aktualizować swój prototyp - nie jest wymagana synchronizacja. Możesz wyświetlić podgląd swoich prototypów wraz z przejściami na urządzeniach z systemem iOS i Android, a następnie udostępnić je zespołowi w celu uzyskania szybkiej opinii.
Funkcje Adobe XD obejmują:
- Interaktywne prototypy - Przełączaj się z trybu projektowania na prototyp za pomocą jednego kliknięcia i łącz obszary robocze, aby komunikować przepływ i ścieżki aplikacji wieloekranowych. Połącz elementy projektu z jednego obszaru roboczego do drugiego, w tym komórki powtarzania siatki. Dodaj interakcje z intuicyjnymi kontrolkami wizualnymi, aby przetestować i zweryfikować wrażenia.
- Publikuj prototypy w celu uzyskania opinii - Wygeneruj linki do udostępniania, aby uzyskać opinie na temat swoich projektów lub umieść je w serwisie Behance lub na stronie internetowej. Recenzenci mogą komentować bezpośrednio Twoje prototypy i określone części projektu. Otrzymasz powiadomienie, gdy dodadzą komentarze, i będą mogli po prostu odświeżyć swoje przeglądarki, aby zobaczyć zmiany.
- Szybkie, wszechstronne obszary robocze - Niezależnie od tego, czy pracujesz z jednym obszarem roboczym, czy setką, XD zapewnia taką samą szybkość działania. Projektuj dla różnych ekranów i urządzeń. Przesuwanie i powiększanie bez opóźnienia. Wybierz jeden z gotowych rozmiarów lub zdefiniuj własne i kopiuj między obszarami roboczymi bez utraty miejsca na elementy projektu.
- Powtórz siatkę - Wybierz elementy projektu, takie jak lista kontaktów lub galeria zdjęć, i powiel je w poziomie lub w pionie tyle razy, ile chcesz - wszystkie style i odstępy pozostaną nienaruszone. Zaktualizuj element raz, a zmiany zostaną zaktualizowane wszędzie.
- Obsługa wielu platform - Adobe XD natywnie obsługuje Windows 10 (Universal Windows Platform) i Mac, wraz z towarzyszącymi aplikacjami mobilnymi na Androida i iOS.
- Panel aktywów - Spraw, by kolory i style znaków były łatwo dostępne do ponownego wykorzystania, dodając je do panelu Zasoby (dawniej panelu Symbole), który automatycznie zawiera symbole. Edytuj dowolny kolor lub styl znakowy w panelu, a zmiany zostaną odzwierciedlone w całym dokumencie.
- Odnowione symbole - Oszczędzaj czas dzięki symbolom, elementom projektu wielokrotnego użytku, które eliminują potrzebę wyszukiwania i edycji każdego wystąpienia zasobu w całym dokumencie. Zaktualizuj jeden, a zaktualizują się wszędzie lub zdecydują się zastąpić określone wystąpienia. Symbolami mogą być grafiki wektorowe, obrazy rastrowe lub obiekty tekstowe, a także można ich używać jako obiektów w siatkach powtarzania.
- Biblioteki Creative Cloud - Dzięki integracji Bibliotek Creative Cloud można uzyskiwać dostęp do obrazów rastrowych, kolorów i stylów znaków utworzonych w programach Photoshop CC, Illustrator CC i innych aplikacjach Creative Cloud oraz stosować je w dowolnym miejscu w dokumentach.
- Inspektor właściwości kontekstowych - Pracuj w uporządkowanej przestrzeni dzięki kontekstowemu Inspektorowi właściwości, który wyświetla opcje tylko dla wybranych obiektów. Modyfikuj właściwości, takie jak kolor i grubość obramowania, kolory wypełnienia, cienie, rozmycia, krycie i obrót, a także uzyskaj dostęp do opcji wyrównania, wymiarów i powtarzania siatki.
- Inteligentna nawigacja na płótnie - Z łatwością powiększaj określony obszar projektu lub zaznacz obszar roboczy i użyj skrótu, aby powiększyć go bezpośrednio. Przesuwaj lub powiększaj za pomocą myszy, touchpada lub skrótów klawiaturowych. I uzyskaj doskonałą wydajność, nawet jeśli masz setki obszarów roboczych.
- Warstwy kontekstowe - Zachowaj organizację i koncentrację podczas zarządzania złożonymi projektami dzięki kontekstowemu podejściu do warstw. XD podświetla tylko warstwy skojarzone z obszarem roboczym, nad którym pracujesz, dzięki czemu możesz szybko i łatwo znaleźć to, czego potrzebujesz.
- Narzędzia wskazówek dotyczących układu - Bezproblemowo rysuj, ponownie używaj i remiksuj elementy projektu za pomocą przyciągania do siatek i innych intuicyjnych narzędzi do układania, które pomagają tworzyć pomiary względne między obiektami, maskować kształtami, grupować, blokować, wyrównywać i rozmieszczać elementy projektu i nie tylko.
- Efekty rozmycia - Szybko rozmyj określony obiekt lub całe tło, aby zmienić centralny punkt projektu, nadając mu głębię i wymiar.
- Wszechstronne gradienty liniowe - Twórz piękne liniowe gradienty za pomocą prostych, ale precyzyjnych wizualnych elementów sterujących w próbniku kolorów. Możesz także importować gradienty z programów Photoshop CC i Illustrator CC.
- Narzędzie Nowoczesne pióro - Łatwo rysuj kształty i ścieżki za pomocą narzędzia Pióro. Używaj niestandardowych ścieżek, dodawaj lub usuwaj punkty kontrolne, z łatwością manipuluj liniami i przełączaj się między ścieżkami zakrzywionymi i kątowymi - wszystko za pomocą tego samego narzędzia.
- Edycja grup logicznych - Twórz i eksperymentuj ze złożonymi kształtami, łącząc grupy obiektów za pomocą niedestrukcyjnych operatorów boolowskich.
- Stylizacja typografii - Styl tekstu z precyzyjną kontrolą, aby zwiększyć wygodę użytkownika. Łatwo dostosuj elementy typograficzne, takie jak czcionka, krój pisma, rozmiar, wyrównanie, odstępy między znakami i odstępy między wierszami. Zmień wygląd tekstu w ten sam sposób, w jaki zmieniasz inne elementy w XD, takie jak krycie, wypełnienie, efekty tła i rozmycia oraz obramowania.
- Uproszczona kontrola koloru - Wybierz kolory, wprowadzając dokładne wartości lub pobierając próbki z wewnątrz lub z zewnątrz XD za pomocą kroplomierza. Twórz i zapisuj próbki kolorów oraz używaj skrótów do kodów szesnastkowych w Próbniku kolorów.
- Zasoby interfejsu użytkownika - Szybkie projektowanie i prototypowanie urządzeń Apple iOS, Google Material Design i Microsoft Windows przy użyciu wysokiej jakości komponentów interfejsu użytkownika.
- Kopiuj i wklejaj z innych aplikacji do projektowania - Przenieś grafikę do XD z programów Photoshop CC i Illustrator CC.
- Podglądy kontekstowe na iOS i Androida - Wyświetl podgląd swoich projektów i wszystkich interakcji na rzeczywistych urządzeniach, na które kierujesz. Wprowadź zmiany na pulpicie, a następnie przetestuj je na swoich urządzeniach pod kątem wierności i użyteczności.
- Podpowiedź dotycząca hotspotu - Automatycznie zaznaczaj punkty aktywne w prototypie, aby użytkownicy mogli zobaczyć, które obszary są interaktywne i klikalne.
- Zarządzanie prototypami - Utwórz wiele adresów URL z tego samego pliku, aby udostępniać różne wersje swojego prototypu. Udostępniaj nieograniczoną liczbę prototypów oraz łatwo uzyskuj do nich dostęp i usuwaj je z konta Creative Cloud.
- Nagrywaj interakcje prototypów jako filmy - Klikając podgląd, nagraj plik MP4, aby udostępnić go zespołowi lub zainteresowanym stronom (tylko Mac).
- Eksportowanie grafiki, zasobów i obszarów roboczych - Eksportuj obrazy i projekty w formatach PNG i SVG, które możesz skonfigurować dla iOS, Androida, sieci lub własnych ustawień niestandardowych. Eksportuj cały obszar roboczy lub poszczególne elementy. Udostępniaj zasoby i obszary robocze, eksportując je jako pojedyncze pliki PDF lub jako pojedynczy plik PDF.
- Obsługa wielu języków - Obsługiwane języki to angielski, francuski, niemiecki, japoński i koreański.
- Powiadomienia e-mail o komentarzach - Otrzymuj powiadomienia e-mail, gdy interesariusze komentują Twoje prototypy internetowe. E-maile można wysyłać pojedynczo lub zbiorczo w ramach codziennego podsumowania
A co najważniejsze, Adobe XD jest dostarczany z moją licencją na Adobe Creative Suite!
Ujawnienie: Jesteśmy podmiotami stowarzyszonymi Adobe.