Adobe XD: darmowy interfejs użytkownika i narzędzie do projektowania UX, którego możesz używać już teraz

Reklama

Adobe nie często kojarzy się z „darmowymi” plikami do pobrania, ale właśnie to zrobiła ta firma Adobe XD. Jest to aplikacja do szybkiego tworzenia prototypów interfejsów na urządzenia mobilne i strony internetowe, pozwalająca projektantom szybko opracowywać projekty dla konkretnych platform.

Najlepszą rzeczą w programie Adobe XD jest łatwość użycia. Nawet jeśli masz niewielkie doświadczenie w projektowaniu czegokolwiek, istnieje tylko bardzo stopniowa krzywa uczenia się, która Cię powstrzymuje.

Nawet interfejs użytkownika jest odświeżająco surowy, bez wszystkich narzędzi i paneli, które zniechęcają tak wielu ludzi aplikacje takie jak Photoshop, Illustrator i Lightroom 15 darmowych alternatyw dla Adobe Lightroom, Illustrator i PhotoshopCzy chcesz otrzymać Adobe Photoshop, Lightroom lub Illustrator za darmo? Oto niektóre z najlepszych alternatyw Creative Cloud. Czytaj więcej . W tym artykule zapoznamy Cię z Adobe XD i wyjaśnimy, co możesz, a czego nie możesz zrobić.

Co to jest Adobe XD?

Adobe XD to narzędzie do projektowania. Nie zbuduje Twojej aplikacji dla Ciebie, ale pomoże Ci przedstawić wizję lub prototyp tego, jak ma wyglądać Twoja następna aplikacja mobilna lub tabletowa, strona internetowa lub inny interfejs użytkownika. Aplikacja wykorzystuje plansze artystyczne - w zasadzie makiety ekranowe - aby zapewnić wizualną reprezentację projektu aplikacji.

Tworzenie aplikacji mobilnych Zrób swoją pierwszą aplikację mobilną dzięki tym zniżkowym pakietom kursówCzy masz to, czego potrzeba, aby opracować następną dużą aplikację na iOS lub Androida? Te mocno przecenione pakiety kursów nauczą Cię, jak to zrobić! Czytaj więcej i działające strony internetowe mogą wymagać dużej wiedzy technicznej. Adobe XD zapewnia narzędzia do przekształcenia pomysłu w dowód koncepcji. Po zakończeniu otrzymasz plan, z którego możesz pracować, i taki, który możesz modyfikować w nieskończoność, aż będziesz zadowolony z projektu.

Podobnie sztuka koncepcyjna jest tak ważna w twórczych przedsięwzięciach (patrz to piękna grafika koncepcyjna gry wideo Gdzie znaleźć piękną koncepcję graficzną gry onlineChcesz zobaczyć piękne projekty koncepcyjne swoich ulubionych gier? Oto zasoby graficzne gier wideo do Twojej dyspozycji! Czytaj więcej jako dowód), dowód koncepcji pożądanego projektu interfejsu jest ważny, jeśli chodzi o oprogramowanie i budowę strony internetowej. Dostarczenie programistom koncepcji, która tak ściśle pasuje do gotowego produktu, jest doskonałym sposobem na dostosowanie swoich oczekiwań do tego, co jest możliwe.

Najlepsza aplikacja została zaprojektowana w taki sposób, aby każdy mógł z niej korzystać. Niezależnie od tego, czy jesteś doświadczonym projektantem, programistą czy kimś, kto nie ma obu tych umiejętności; Adobe XD może wypełnić lukę między Twoją wizją a wiedzą techniczną. Nawet nie musisz nauczyć się kodować Naucz się kodować, remiksując istniejące aplikacje za darmoTa strona umożliwia tworzenie lub remiksowanie aplikacji, dzięki czemu możesz być kreatywny bez obawy, że coś zepsujesz. Czytaj więcej zaprojektować aplikację.

Co może zrobić Adobe XD?

Adobe XD został zaprojektowany z myślą o kilku konkretnych aplikacjach, ale możesz też myśleć nieszablonowo. Aplikacja ułatwia to, włączając szablony dla:

• Aplikacje na smartfony: Od iPhone'a 5 i SE po najnowsze modele; oraz ogólny szablon Androida.
• Aplikacje na tablety: Z szablonami na iPada, iPadem Pro w obu rozmiarach, Surface Pro 3 i 4 oraz ogólnym szablonem tabletu z Androidem.
• Strony internetowe / aplikacje internetowe: Z kilkoma ustawieniami do wyboru, w tym Full HD.

Nie musisz trzymać się tych szablonów, one służą tylko ułatwieniu Ci życia. Możesz także określić całkowicie niestandardowy rozmiar interfejsu (tj. Ekranu) i rozpocząć projektowanie dla dowolnej platformy, jaką tylko możesz sobie wyobrazić.

Jeśli projektujesz aplikację mobilną, możesz pobrać bezpłatną aplikację Adobe XD na swoją platformę i wyeksportować swoje projekty do podglądu na żywo na swoim urządzeniu.

Zestawy interfejsu użytkownika ułatwiają życie

Jeśli myślisz projektowanie na iOS 7 powodów, dla których warto nauczyć się szybkiego języka programowaniaPowinieneś nauczyć się języka programowania Swift wcześniej niż później, jeśli nie chcesz pozostać w tyle. Oto kilka doskonałych powodów, które mogą Cię przekonać. Czytaj więcej , Android, Windows lub inną dobrze ugruntowaną platformę; możesz użyć zestawów interfejsu użytkownika, aby uzyskać pomocną dłoń. Są to zasadniczo szablony projektów obsługiwane przez Apple, Google, Microsoft i inne, do pobrania w formacie Adobe .XD.

Dzięki zestawom interfejsu użytkownika możesz przyspieszyć produkcję, umożliwiając projektowanie aplikacji w ramach ograniczeń i wspólnych elementów widocznych na wybranej platformie. Ponieważ są one utrzymywane przez programistów platformy, są one zawsze aktualne i dokładne.

Na przykład zestaw Apple iOS dla interfejsu użytkownika zawiera wymiary pustego ekranu dla szeregu urządzeń, przykłady Klawiatura iOS, elementy nawigacyjne, takie jak wstążka u góry ekranu, przyciski przełączania iOS i więcej. Możesz łatwo kopiować i wklejać elementy do obszarów roboczych projektu oraz tworzyć dokładne prototypy.

Adobe utrzymuje także kilka innych zestawów interfejsów użytkownika, w tym próbki smartwatchów zgodne z watchOS, zestaw witryn e-commerce i zestaw przykładów tworzenia aplikacje na smartfony z cyfrową walutą 10 najlepszych aplikacji Bitcoin i Kryptowaluty na iPhone'aKupowanie bitcoinów, konwersja na altcoiny, a nawet inwestowanie w ICO jest teraz łatwiejsze niż kiedykolwiek wcześniej - wszystko z telefonu z aplikacjami do kryptowaluty. Czytaj więcej . Musisz pobrać odpowiedni Zestawy interfejsu użytkownika dla systemu iOS, Projekt materiałów Google i Microsoft Windows osobno.

Prosty zestaw wbudowanych narzędzi

W przeciwieństwie do innych złożonych aplikacji graficznych i projektowych Adobe, XD ma przyjemny, czysty interfejs użytkownika z kilkoma prostymi narzędziami. Masz swoje podstawowe kształty: prostokąty, koła, linie i narzędzie pióra do tworzenia niestandardowych kształtów. Istnieje również proste narzędzie tekstowe z dostępem do biblioteki czcionek Typekit (ale nie do wszystkich).

Następnie możesz zmienić różne atrybuty związane z tymi elementami, takie jak krycie, kolor wypełnienia, obramowania, cienie i zachowanie przewijania. Wreszcie jest lupa i narzędzie obszaru roboczego do rozszerzenia projektu.

Adobe XD pomaga umieszczać elementy w estetycznych miejscach, „zatrzaskując” się w miejscu wokół krawędzi ekranu, środkowej części płótna i innych elementów. Możesz to zmienić, jeśli chcesz, przytrzymując przycisk (w wersji dla komputerów Mac jest to możliwe Cmd).

W górnej części aplikacji zobaczysz dwa przełączniki: Projekt i Prototyp. Projektowanie to miejsce, w którym spędzasz większość czasu na tworzeniu swojej wizji. Przełącz do trybu prototypowego, aby dodać różne interakcje między elementami na ekranie. Możesz wyzwalać zdarzenia i przełączać się na różne obszary robocze, zapewniając proste środowisko pracy bez pisania wiersza kodu.

Odbywa się to za pomocą prostego interfejsu przeciągnij i upuść, na przykład: utwórz przycisk za pomocą narzędzia koła, utwórz nowy obszar roboczy z żądanym wynik tego naciśnięcia przycisku (np. innej zakładki w aplikacji), przejdź do trybu Prototyp i przeciągnij strzałkę z przycisku do nowego obszar roboczy. Naciśnij przycisk „Odtwórz” lub podgląd na urządzeniu na żywo, aby zobaczyć, jak się gra.

Możesz nawet określić przejścia i efekty, aby wyglądały fantazyjnie. Istnieją pewne dość duże ograniczenia trybu Prototypu. Naprawdę nie możesz się z tym pogłębić, ale służy to celowi, a prosta implementacja ułatwia obsługę.

Jak ograniczona jest darmowa wersja Adobe XD?

Będąc darmowym produktem, Adobe XD został zaprojektowany tak, aby przywiązać Cię do prostego przepływu pracy i przyjaznych narzędzi bez wydawania ani grosza. Największą wadą darmowej wersji jest niemożność posiadania więcej niż jednego aktywnego wspólnego prototypu lub zestawu specyfikacji projektowych jednocześnie.

W przypadku pierwszego projektu lub projektu wystarczająca może być darmowa wersja. Jeśli chcesz udostępnić więcej projektów lub projektów zespołowi lub twórcom aplikacji, szybko uderzysz w ścianę. Zawsze możesz eksportować różne obszary robocze jako pliki .PNG za darmo, na zawsze za pośrednictwem Plik> Eksportuj opcja.

Jednak wspólne prototypowanie i interaktywność między obszarami roboczymi jest tutaj jedną z wyróżniających się funkcji. Bez niej aplikacja jest nadal przydatna, ale nie w takim samym stopniu. Nie możesz zbudować w pełni zrealizowanego prototypu, ale możesz szybko odłożyć swój projekt.

Inne ograniczenia darmowej wersji obejmują ograniczoną liczbę czcionek Typekit oraz 2 GB przestrzeni dyskowej w chmurze (w przeciwieństwie do 100 GB) dla subskrybentów Creative Cloud. Jeśli zdecydujesz się zebrać gotówkę wersja płatna, Adobe XD będzie kosztował 9,99 USD miesięcznie za samą aplikację lub 52,99 USD miesięcznie za pełny pakiet Creative Cloud.

Myślimy Adobe Creative Cloud jest wart swojej ceny 5 powodów, dla których warto kupić Adobe Creative CloudAdobe Creative Cloud ma wiele wspaniałych zalet. Zebraliśmy listę powodów, dla których warto zainwestować w Adobe Creative Cloud, póki jeszcze możesz. Czytaj więcej , pod warunkiem, że będziesz w stanie z niego odpowiednio skorzystać.

Adobe XD jest zaskakująco przyjaznym narzędziem

Adobe XD to przydatne narzędzie, niezależnie od tego, czy zamierzasz za to zapłacić, czy nie. W niektórych przypadkach możesz nie mieć dostępu do darmowej wersji do pracy przy małych projektach osobistych. Jeśli chodzi o poważną pracę i dzielenie się z zespołami, musisz uaktualnić.

Adobe XD nie jest kompletnym projektem interfejsu użytkownika. Projektanci od lat używają narzędzi graficznych do tworzenia makiet stron internetowych, projektów aplikacji i innych. Sprawdź najlepsze narzędzia grafiki wektorowej Mac dla projektantów z ograniczonym budżetem Najlepsze oprogramowanie wektorowe dla projektantów komputerów Mac z ograniczonym budżetemOto najlepsze oprogramowanie wektorowe dla systemu macOS, z którego można korzystać za darmo lub kupić z ograniczonym budżetem. Idealny dla współczesnych projektantów! Czytaj więcej aby zobaczyć kilka skutecznych alternatyw.