Adobe XD i Muse: Import plików tekstowych

Narzędzie do pracy z UI w Adobe CC

Jedną z ogromnych zalet XD jest fakt, że znajduje się w popularnym pakiecie Adobe, co znaczy że możesz z niego korzystać w ramach subskrypcji CC, jak również współpracuje z innymi aplikacjami jak Photoshop czy Illustrator. Kurs, który masz przed sobą to kompleksowe omówienie technik pracy w Adobe XD jak również praktyczny projekt strony internetowej, który wykonamy a następnie wdrożymy bez użycia ani jednego kawałka kodu!

Współpraca z innymi aplikacjami

Na przestrzeni Kursu dowiesz się, jak wymieniać informacje z Photoshop czy Illustrator a nawet aplikacjami mobilnymi, które pomogą Ci szybko prototypować na tablecie czy telefonie. Stworzone w ten sposób szkice szybko zaimportujesz do XD i rozpoczniesz pracę z projektem interfejsu użytkownika.

Magia Adobe Experience Design

Szereg pomysłów zastosowanych w Adobe XD sprawia, że projektowanie interfejsów z jego pomocą jest niezwykle wydajne. Jednymi z ciekawych narzędzi jest przykładowo Repeat Grid, który pozwala Ci łatwo powielić powtarzalne elementy interfejsów takie jak tabelki czy listy. Możesz także łatwo umieścić grafiki w każdym z elementów tak stworzonego grida a nawet gotowy tekst, przeciągając obrazy czy pliki tekstowe do aplikacji!

Projektowanie + Prototypowanie

Dzięki zintegrowanej funkcji szybkiego prototypowania w Adobe XD, przygotowany projekt możesz łatwo wzbogacić o przejścia i animacje poszczególnych ekranów. Dzięki funkcji podglądu zarówno w ramach aplikacji, jak i na podłączonym urządzeniu, możesz szybko testować wdrażane rozwiązania i wybrać wygląd zoptymalizowany dla urządzenia pod które projektujesz!

Udostępnianie i komentarze

Niezwykle przydatną funkcją okaże się możliwość udostępniania przygotowanego w XD prototypu strony WWW czy aplikacji. Osoby, które otrzymają łącze, będą mogły podejrzeć działający prototyp, również na urządzeniach mobilnych, jak również wziąć udział w dyskusji i przekazać swój feedback do każdego z Artboardów, oznaczając na nim konkretne poprawki.

Praktyczny projekt strony WWW

W tym Kursie skoncentrujemy się od początku na tworzeniu praktycznego projektu witryny, która będzie reklamowała aplikację inteligentnego domu z którą pracowaliśmy także w innych kursach ścieżki UX. Zaczniemy mniej typowo, bo od widoku desktopowego, a następnie dorobimy widok responsywny i przetestujemy go na telefonie. W gotowym projekcie zaprototypujemy przejścia i interakcje a następnie przygotujemy grafiki pod eksport do sieci.

Tworzenie strony w Adobe Muse

Kolejnym etapem będzie wdrożenie przygotowanego projektu strony w aplikacji Adobe Muse. Będziemy pracować w środowisku graficznym co znaczy, że do wdrożenia strony nie użyjemy ani jednej linijki kodu! Zobaczysz, jak łatwo możesz swoje projekty, bez znajomości technologii webowych wdrożyć jako proste, działające witryny! Tym samym nasz Kurs stanowi kompletne kompendium od szkicowania, przez zdetalowany projekt UI, interaktywny prototyp, aż do gotowej, responsywnej strony WWW!

Dla kogo jest ten kurs?

Kurs przygotowałem dla wszystkich osób, które chcą zająć się, lub już się zajmują projektowaniem interfejsów użytkownika i chcą tworzyć nowoczesne strony WWW oraz aplikacje. Workflow pokazany w Kursie pozwoli Ci zoptymalizować czas swojej pracy i tworzyć niezwykle wydajnie ciekawe, działające projekty. Nie jest wymagana wcześniejsza wiedza z zakresu kodowania i wdrażania stron WWW a jeśli chodzi o część z Adobe Muse - nie musisz także posiadać wcześniejszego doświadczenia w pracy z tą aplikacją. Jeśli będziesz chciał rozwinąć swoje umiejętności w tym zakresie - sprawdź Kurs Adobe Muse.

Czego się nauczysz