Adobe XD Bezpłatny interfejs użytkownika i narzędzie do projektowania UX, z którego możesz teraz korzystać

  • Edmund Richardson
  • 0
  • 3737
  • 371
Reklama

Nie często kojarzysz Adobe “darmowy” pobiera, ale dokładnie to zrobiła ta firma z 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 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 odciągają tylu ludzi od aplikacji takich jak Photoshop, Illustrator i Lightroom 15 Bezpłatne alternatywy dla Adobe Lightroom, Illustrator i Photoshop 15 Darmowe alternatywy dla Adobe Lightroom, Illustrator i Photoshop chcesz pobrać Adobe Photoshop, Lightroom lub Illustrator za darmo? Oto niektóre z najlepszych alternatyw Creative Cloud. . 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, co ma wyglądać następna aplikacja mobilna lub tabletowa, witryna internetowa lub inny interfejs użytkownika. Aplikacja wykorzystuje tablice graficzne - w zasadzie makiety ekranów - aby zapewnić wizualną reprezentację projektu aplikacji.

Tworzenie aplikacji mobilnych Stwórz swoją pierwszą aplikację mobilną dzięki tym zniżkowym pakietom kursów Stwórz swoją pierwszą aplikację mobilną dzięki tym zniżkowym pakietom kursów Czy masz wszystko, czego potrzeba, aby opracować następną dużą aplikację na iOS lub Androida? Te mocno przecenione pakiety kursów nauczą Cię, jak to zrobić! 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 możesz go modyfikować w nieskończoność, aż będziesz zadowolony z projektu.

W ten sam sposób ta grafika koncepcyjna jest tak ważna w kreatywnych przedsięwzięciach (zobacz tę piękną grafikę koncepcyjną gier wideo Gdzie znaleźć piękną grafikę koncepcyjną gier online Gdzie znaleźć piękną grafikę koncepcyjną gier online Chcesz zobaczyć piękne grafiki koncepcyjne za swoim ulubione gry? Oto zasoby sztuki gier wideo do dyspozycji! jako dowód), dowód koncepcji pożądanego projektu interfejsu jest ważny, jeśli chodzi o oprogramowanie i budowę strony internetowej. Zapewnienie programistom koncepcji, która tak ściśle pasuje do gotowego produktu, to świetny sposób 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ć. Bez względu na to, 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ą. Nie musisz nawet nauczyć się kodować Naucz się kodować, remiksując istniejące aplikacje za darmo Naucz się kodować, remiksując istniejące aplikacje za darmo Ta strona pozwala tworzyć lub remiksować aplikacje, pozwalając Ci być kreatywnym bez obawy, że coś zepsujesz. 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, są one tylko po to, aby ułatwić Ci życie. 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 zastanawiasz się nad zaprojektowaniem systemu iOS 7 powodów, dla których warto nauczyć się języka programowania Swift 7 powodów, dla których warto nauczyć się języka programowania Swift, powinieneś 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ć. , 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 twórcó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 klawiatury iOS, elementy nawigacyjne, takie jak wstążka u góry ekranu, przyciski przełączania iOS i inne. Możesz łatwo kopiować i wklejać elementy do obszarów roboczych projektu oraz tworzyć dokładne prototypy.

Adobe utrzymuje również kilka innych zestawów interfejsów użytkownika, w tym próbki smartwatchów zgodne z watchOS, zestaw witryny internetowej e-commerce oraz zestaw przykładów tworzenia aplikacji na smartfony z cyfrowymi walutami Top 10 aplikacji Bitcoin i kryptowalut na iPhone Top 10 aplikacji Bitcoin i Cryptocurrency na iPhone Kupowanie bitcoinów, konwersja na altcoiny, a nawet inwestowanie w ICO jest teraz łatwiejsze niż kiedykolwiek wcześniej - wszystko z telefonu z aplikacjami do kryptowaluty. . Musisz osobno pobrać odpowiednie zestawy interfejsu użytkownika dla systemu iOS, projektowania materiałów Google i systemu Microsoft Windows.

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 własnych 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 “przyciąganie” w miejsce wokół krawędzi ekranu, środkowy punkt płótna i inne elementy. 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. Design to miejsce, w którym spędzasz większość czasu na tworzeniu 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 pożądanym rezultatem naciśnięcia tego przycisku (np. Inna karta w aplikacji), przejdź do trybu Prototyp i przeciągnij strzałkę z przycisku na nowy obszar roboczy. Uderz w “Grać” przycisk 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 prototypowego. Naprawdę nie można się z tym pogłębić, ale służy to celowi, a prosta implementacja sprawia, że ​​jest łatwy w użyciu.

Jak ograniczona jest darmowa wersja Adobe XD?

Będąc darmowym produktem, Adobe XD został zaprojektowany tak, abyś przywiązał się 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 chodzi o udostępnianie większej liczby 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ę zwiększyć gotówkę za wersję płatną, 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.

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

Adobe XD to zaskakująco przyjazne dla użytkownika narzędzie

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 nad małymi osobistymi projektami. 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 na komputery Mac dla projektantów z ograniczonym budżetem Najlepsze oprogramowanie wektorowe dla projektantów komputerów Mac z ograniczonym budżetem Najlepsze oprogramowanie wektorowe dla projektantów komputerów Mac z ograniczonym budżetem Adobe Illustrator może być złotym standardem, jeśli chodzi o oprogramowanie wektorowe na komputery Mac, ale nie zawsze trzeba wydawać fortunę na oprogramowanie do projektowania. aby zobaczyć kilka skutecznych alternatyw.




Jeszcze bez komentarzy

O nowoczesnej technologii, prostej i niedrogiej.
Twój przewodnik w świecie nowoczesnych technologii. Dowiedz się, jak korzystać z technologii i gadżetów, które nas otaczają każdego dnia i dowiedz się, jak odkrywać ciekawe rzeczy w Internecie.