kontakt
Software house
>
Tag
>
Adobe XD - interaktywne, prototypy, makiety i wireframes w AdobeXD
Adobe Xd

Adobe XD - interaktywne, prototypy, makiety i wireframes w AdobeXD

Data wpisu
Tomasz Kozon
Autor
Tomasz Kozon

XD, xD czy xD kojarzy się głównie z emotką wyrażającą rozbawienie, przynajmniej takim kontekście używa jej większość internautów. Znak XD postawiła również wykorzystać firma Adobe, umieszczając go w nazwie swojej aplikacji dla designerów stron i aplikacji.

Adobe XD to kolejny produkt ze stajni Adobe będący częścią Creative Cloud. Został wypuszczony w 2017 r. jako narzędzie służące do tworzenia interaktywnych makiet witryn internetowych i aplikacji mobilnych. Jest niezwykle intuicyjny i prosty w obsłudze, dlatego też stanowi sporą konkurencją dla starszych narzędzi tego rodzaju jak Figma czy Sketch. Dzięki swojej funkcjonalności cieszy się ogromną popularnością wśród projektantów UX i UI oraz grafików komputerowych.

Adobe XD – interaktywność i kompatybilność

 Podstawową zaletą narzędzia jest jego intuicyjna obsługa znana z innych produktów Adobe. Jego twórcy zapewnili mu pełną kompatybilność z innymi produktami znanej marki, co niezwykle wpływa na szybkość jego pracy. Kompatybilność ta polega przetwarzaniu zmian wprowadzonych w otwartych plikach Photoshopa czy Illustratora, które automatycznie wprowadzane są na tych plikach, z których korzysta Adobe XD. Jednak w przeciwieństwie do wyżej wymienionych nowoczesne narzędzie do prototypowania jest niezwykle wydajne. Nawet w przypadku otwartych wielu rozbudowanych widoków program nie zacina się, umożliwia niemal nieograniczone cofanie zmian oraz automatyczne duplikowanie siatki (gridów) i elementów. Co więcej pozwala na jednoczesne projektowanie dla różnych rozdzielczości ekranów – od iphon-ów po ful HD. Koleiną zaletą narzędza do tworzenia makiet jest jego interaktywność, choć nie tak rozbudowana, jak w przypadku Figmy. Umożliwia pracę nad projektem razem z zespołem oraz pisanie komentarzy zarówno do klientów, jak i współpracowników. Wystarczy zapisać wygenerowany przez narzędzie adres tymczasowy prototypu projektu. Co więcej, nowy produkt Adobe oferuje testowanie aplikacji na urządzeniach rzeczywistych. Choć Adobe XD posiada także swoje wady wciąż jest testowany i rozwijany, co niezwykle dobrze wróży dla jego dalszej popularności.

Ile kosztuje AdobeXD?

Do nauki, a także samodzielnej pracy nad projektami wystarczy darmowa wersja aplikacji. Płatny plan Adobe XD kosztuje 12.,29 €/mies i umożliwia udostępnianie większej ilości projektów czy więcej funkcji do pracy zespołowej. Program można pobrać na stronie producenta, po wcześniejszej rejestracji.

AdobeXD

Chcesz wiedzieć więcej? Odwiedź naszego bloga…

Pod tym tagiem znajdziesz wpisy poświęcone wykorzystaniu aplikacji Adobe XD w tworzeniu interaktywnych prototypów i makiet aplikacji. Prezentujemy przykłady projektów, widoków i wireframes stworzonych przy użyciu narzędzia Adobe XD.Dodatkowo znajdziesz tu informacje poświęcone wtyczkom i gotowym komponentom do bibliotek typu Material Design, które możesz łatwo wdrożyć w swoim projekcie.

Wpisy z tagiem: adobexd

UX Researcher vs. UX Designer, czyli wyjaśniamy różnice pomiędzy stanowiskami w UX

User Experience to dziedzina, która zajmuje się takim projektowaniem cyfrowego produktu (choć nie tylko cyfrowego), czyli stron www, aplikacji mobilnych i desktopowych, aby korzystanie z nich było maksymalnie proste i jak najbardziej przyjemne dla użytkownika.
Tomasz Kozon
Tomasz Kozon
2022-01-27

Ścieżka od programisty do Tech-leada. Kierowanie pracami w projekcie IT.

Branża IT nieustannie rozwija się, dlatego też daje możliwości rozwoju w różnych kierunkach, dzięki czemu zapobiega wypaleniu zawodowemu.Programista, który zaczynał pracę od najniższego szczebla kariery po kilku latach może objąć stosunkowo nowe stanowisko, jakim jest Tech-lead, który łączy w sobie umiejętności techniczne i nietechniczne. 
Mateusz Kuba
Mateusz Kuba
2021-09-22

Google Moja Firma, czyli skuteczna wizytówka w wyszukiwarce

Jakkolwiek wizytówka Google Moja Firma nie jest już tak mocno z poniższym ujęciem kojarzona, tak przeważnie była sposobem mikro marek na odznaczenie swojej działalności w Internecie.
Tomasz Kozon
Tomasz Kozon
2021-08-18

RWD (responsive web design) i tworzenie aplikacji na ekrany o różnych rozdzielczościach

O ile na początku funkcjonowania Internetu cały ruch był obsługiwany przez urządzenia typu deskop, o tyle rosnąca liczba mobilnych odpowiedników zmusiła projektantów witryn do szukania metod na prawidłowe wyświetlanie się zasobów, co ostatecznie umożliwiła technika RWD.
Tomasz Kozon
Tomasz Kozon
2021-07-06

Moodboard, jako tablica inspiracji. Czy warto tworzyć moodboardy?

O ile strona WWW, dostępna do przeglądania w Internecie, to produkt skończony, o tyle, zanim takowa powstanie z reguły pracuje nad nią grupa ludzi, która w procesie tworzenia jej koncepcji oraz charakteru może używać tzw. tablicy inspiracji, określanej również jako moodboard.
Tomasz Kozon
Tomasz Kozon
2021-06-18

GIMP, jako bezpłatna alternatywa dla Adobe Photoshop

GIMP (ang. GNU Image Manipulation Program) to oprogramowanie, które również służy do obróbki zdjęć i tworzenia grafiki cyfrowej. Pozwala na takie operacje jak: retusz, skalowanie, rysowanie, dodawanie tekstu oraz umożliwia pracę na warstwach i kanałach, dostosowywanie interfejsu do własnych upodobań czy tworzenie skryptów automatyzujących pewne czynności. 
Tomasz Kozon
Tomasz Kozon
2021-06-13

Edytory kodu - lista i omówienie najpopularniejszych rozwiązań

Każdy programista zarówno początkujący, jak i ten bardziej doświadczony musi stanąć przed wyborem odpowiedniego dla siebie edytora kodu. Branża IT warz rozwija się niezwykle prężnie korzystając z coraz to bardziej zaawansowanych technologii.
Mateusz Kuba
Mateusz Kuba
2020-10-07

Web Design i praca z mock-upami. Wireframes Wordpress Development

Dzięki programom do prototypowania takim jak Adobe XD i Figma designer jest w stanie zwizualizować klientowi wygląd poszczególnych widoków aplikacji. Makieta znacznie ułatwia zdalną pracę nad projektem, umożliwiające łatwe komentowanie wybranych elementów i wprowadzanie poprawek.
Tomasz Kozon
Tomasz Kozon
2020-06-18

Figma, Sketch, Adobe XD - porównanie narzędzi do projektowania interfejsu użytkownika

Jeszcze kilka lat temu, rozpoczynając pracę wdrażania strony Web Developerzy otrzymywali projekt poszczególnych widoków witryny przygotowane w Adobe Photoshop wraz z objaśnieniem Web Designera.
Tomasz Kozon
Tomasz Kozon
2020-02-20

Case study growcreator.eu V1 - rozwój MVP produktu na podstawie danych z narzędzi analitycznych.

Od początku zakładaliśmy, że pierwsza wersja MVP produktu nie będzie jego ostatnią odsłoną. Projekt nie ma odpowiednika na rynku, duża część zaimplementowanych funkcjonalności była innowacyjna i wymagała weryfikacji w środowisku produkcyjnym, generując ruch realnych użytkowników.
Tomasz Kozon
Tomasz Kozon

Case study growcreator.eu – MVP zaawansowanego kreatora produktu dla ecommerce

Projekt został wykonany od zera przez nasz zespół przy ścisłej współpracy z Klientem. Aplikacja rozwiązuje problemy konfiguracji i kompletowania optymalnych zestawów do domowej uprawy roślin tzw. growbox.
Tomasz Kozon
Tomasz Kozon