Adobe XD: Tervezés, prototípus készítés és megosztás az Adobe UX / UI megoldásával

Ma telepítettem az Adobe XD-t, az Adobe UX / UI megoldását a weboldalak, webalkalmazások és mobilalkalmazások prototípusainak elkészítésére. Az Adobe XD lehetővé teszi a felhasználók számára, hogy egyetlen kattintással váltsanak a statikus drótvázról interaktív prototípusokra. Módosíthatja a tervét, és automatikusan megtekintheti a prototípus frissítését - nincs szükség szinkronizálásra. Megtekintheti prototípusait az iOS és Android eszközökön végrehajtott átállásokkal kiegészítve, majd megoszthatja azokat csapatával a gyors visszajelzés érdekében.

Adobe XD

Az Adobe XD jellemzői:

  • Interaktív prototípusok - Váltás a tervezésről prototípus módra egyetlen kattintással, és a táblák összekapcsolása a többképernyős alkalmazások folyamatának és útvonalainak kommunikálásához. Csatlakoztassa a design elemeket az egyik rajztábláról a másikra, beleértve a Repeat Grid cellákat is. Adjon interakciókat intuitív vizuális vezérlőkkel az élmény teszteléséhez és érvényesítéséhez.
  • Prototípusok közzététele visszajelzés céljából - Generáljon megosztható weblinkeket, hogy visszajelzést kapjon a terveiről, vagy ágyazza be őket a Behance-be vagy egy weboldalra. A bírálók közvetlenül megjegyzést fűzhetnek a prototípusokhoz és a terv egyes részeihez. Értesítést kapunk, amikor megjegyzést fűznek hozzájuk, és egyszerűen frissíthetik böngészőjüket, hogy lássák a módosításokat.
  • Gyors, sokoldalú rajztáblák - Akár egy, akár száz rajztáblával dolgozik, az XD ugyanolyan gyors teljesítményt nyújt. Különböző képernyők és eszközök kialakítása. Pásztázás és nagyítás késleltetési idő nélkül. Válasszon az előre beállított méretek közül, vagy adjon meg saját méretet, és másoljon a rajztáblák között anélkül, hogy elveszítené a design elemek elhelyezését.
  • Rács ismétlése - Válasszon elemeket a tervezéséből, például névjegylistát vagy fotógalériát, és vízszintesen vagy függőlegesen ismételje meg őket annyiszor, ahányszor csak akarja - az összes stílus és térköz érintetlen marad. Frissítsen egyszer egy elemet, és a módosítások mindenhol frissülni fognak.
  • Platformok közötti támogatás - Az Adobe XD natív módon támogatja a Windows 10 (univerzális Windows platform) és a Mac alkalmazást Android és iOS társ mobilalkalmazásokkal.
  • Eszköz panel - Tegye könnyen elérhetővé a színeket és a karakterstílusokat azáltal, hogy hozzáadja azokat az Eszközök panelhez (korábban a Szimbólumok panelhez), amely automatikusan szimbólumokat tartalmaz. Szerkesszen bármilyen színt vagy karakterstílust a panelen, és a változtatások az egész dokumentumban tükröződnek.
  • Újra elképzelt szimbólumok - Időt takaríthat meg olyan szimbólumokkal, újrafelhasználható tervezési elemekkel, amelyek kiküszöbölik az eszköz minden példányának megtalálását és szerkesztését a dokumentumban. Frissítsen egyet, és mindenhol frissülni fog, vagy úgy dönt, hogy felülbírálja az adott példányokat. A szimbólumok lehetnek vektorgrafikák, raszterképek vagy szöveges objektumok, és objektumként is használhatók az Ismétlő rácsokon belül.
  • Creative Cloud Libraries - A Creative Cloud Libraries integrációval elérheti és alkalmazhatja a Photoshop CC, az Illustrator CC és más Creative Cloud alkalmazásokban létrehozott raszteres képeket, színeket és karakterstílusokat az XD-n belül, és felhasználhatja azokat bárhol a dokumentumaiban.
  • Környezetvédelmi tulajdon ellenőr - Dolgozzon zavartalan helyen a kontextustudatos Property Inspector-nak köszönhetően, amely csak a kiválasztott objektumokhoz jelenít meg opciókat. Módosítsa a tulajdonságokat, például a szegély színét és vastagságát, kitöltse a színeket, az árnyékokat, az elmosódásokat, az átlátszatlanságot és az elforgatást, valamint az igazítás, a méretek és a Rács ismétlése hozzáférési lehetőségeket.
  • Intelligens vászon navigáció - Könnyedén nagyíthat a tervezet egy meghatározott területén, vagy válasszon ki egy rajztáblát, és a parancsikon segítségével nagyíthatja közvetlenül azt. Pásztázzon vagy nagyítson egérrel, érintőpaddal vagy billentyűparancsokkal. És akkor is nagyszerű teljesítményt nyújtson, ha több száz rajztáblája van.
  • Környezeti rétegek - Maradjon szervezett és koncentrált, miközben összetett terveket kezel, a rétegek kontextus szerinti megközelítésének köszönhetően. Az XD csak azokat a rétegeket emeli ki, amelyekhez a rajztáblához kapcsolódik, így gyorsan és egyszerűen megtalálhatja, amire szüksége van.
  • Elrendezés útmutató eszközök - Zökkenőmentesen rajzolhat, újrafelhasználhat és remixelhet dizájnelemeket beépülő rácsok és más intuitív elrendezési eszközök segítségével, amelyek segítenek relatív mérések létrehozásában az objektumok között, alakzatokkal való maszkolással, csoportosítással, lezárással, igazítással és terjesztéssel a tervezési elemek felett, és így tovább.
  • Elmosódás - Gyorsan elmosódhat egy adott tárgy vagy egy teljes háttér, hogy megváltoztassa a tervezés fókuszpontját, mélységet és méretet adva.
  • Sokoldalú lineáris gradiensek - Készítsen gyönyörű lineáris gradienseket a Színválasztó egyszerű, mégis pontos vizuális vezérlőinek használatával. Színátmeneteket importálhat a Photoshop CC és az Illustrator CC programból is.
  • Modern toll eszköz - A Pen eszközzel könnyedén rajzolhat formákat és útvonalakat. Használjon egyedi útvonalakat, adjon hozzá vagy távolítson el rögzítési pontokat, könnyen kezelje a vonalakat, és váltson az ívelt és a szögletes utak között - mindezt ugyanazzal az eszközzel.
  • Logikai csoport szerkesztése - Hozzon létre és kísérletezzen összetett alakzatokkal objektumcsoportok kombinálásával roncsolásmentes logikai operátorok segítségével.
  • Tipográfia stílusa - Stílusos szöveg pontos vezérléssel a felhasználói élmény fokozása érdekében. Könnyen beállíthatja a tipográfiai elemeket, például a betűtípust, a betűtípust, a méretet, az igazítást, a karaktertávolságot és a sortávolságot. A szöveg megjelenését ugyanúgy módosíthatja, mint az XD többi elemét, például az átlátszatlanságot, a kitöltést, a háttér- és az elmosódási effektusokat, valamint a szegélyeket.
  • Korszerű színszabályozás - Válassza ki a színeket pontos értékek megadásával, vagy mintavételezéssel az XD-n belülről vagy kívülről a szemcsepp segítségével. Hozzon létre és mentse a színmintákat, és használja a parancsikonokat a hexadecimális kódokhoz a Színválasztóban.
  • Felhasználói felület erőforrásai - Gyorsan tervezhet és prototípusozhatja az Apple iOS, a Google Material Design és a Microsoft Windows eszközöket kiváló minőségű felhasználói interfész-összetevők segítségével.
  • Másolás és beillesztés más tervezőalkalmazásokból - Vigye a grafikákat XD-be a Photoshop CC és az Illustrator CC segítségével.
  • Kontextusban található iOS és Android előzetesek - Tekintse meg a terveket és az összes interakciót a ténylegesen megcélzott eszközökön. Végezze el a módosításokat az asztalon, majd tesztelje az eszközökön a hűség és a használhatóság szempontjából.
  • Hotspot tippelés - Automatikusan emelje ki a prototípus hotspotjait, hogy a felhasználók láthassák, mely területek interaktívak és kattinthatók.
  • Prototípus kezelése - Hozzon létre több URL-t ugyanabból a fájlból, hogy megossza a prototípus különböző verzióit. Megoszthat korlátlan számú prototípust, és egyszerűen hozzáférhet és törölheti őket a Creative Cloud-fiókból.
  • A prototípus-interakciók rögzítése videóként - Az előnézetre kattintva rögzítsen egy MP4 fájlt, amelyet megoszthat a csapatával vagy az érdekelt felekkel (csak Mac).
  • Grafika, eszközök és rajztáblák exportálása - Exportáljon képeket és terveket PNG és SVG formátumban, amelyeket konfigurálhat iOS, Android, web vagy saját egyéni beállításokhoz. Exportáljon teljes rajztáblát vagy egyes elemeket. És ossza meg az eszközöket és a rajztáblákat úgy, hogy exportálja őket különálló PDF fájlokként vagy egyetlen PDF fájlként.
  • Többnyelvű támogatás - Támogatott nyelvek: angol, francia, német, japán és koreai.
  • E-mail értesítések a megjegyzésekről - E-mail értesítéseket kaphat, amikor az érdekelt felek megjegyzést fűznek az Ön webes prototípusaihoz. Az e-maileket külön-külön is el lehet küldeni, vagy napi összefoglalóként kötegelve

A legjobb az egészben, hogy az Adobe XD-hez az Adobe Creative Suite licencem tartozik!

Közzététel: Az Adobe leányvállalatai vagyunk.

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.