Přeskočit na obsah

Adobe XD

Z Wikipedie, otevřené encyklopedie
Adobe XD
Logo
VývojářAdobe Systems
První vydání2017
Aktuální verze57.1.12
Operační systémmultiplatformní
Typ softwaruVektorový grafický editor
Licenceproprietární
Webhttps://helpx.adobe.com/support/xd.html
Některá data mohou pocházet z datové položky.

Adobe XD (dříve známý jako Adobe Experience Design) je software pro tvorbu vektorového designu určený pro návrh uživatelského rozhraní a prototypování, využívaného u webových a mobilních aplikací, vyvinutý a publikovaný společností Adobe Inc.[1] V současné době je software ponechán v režimu údržby, tedy již pro něj nejsou vyvíjeny nové funkce a je pouze zachována podpora pro stávající zákazníky.[2]

Společnost Adobe poprvé oznámila vývoj nového nástroje pro design a prototypování rozhraní s názvem „Project Comet“ na každoroční konferenci Adobe MAX a to v říjnu 2015. Tento projekt byl reakcí na rostoucí popularitu softwaru Sketch, editoru zaměřeného na UX a UI design, který byl uveden na trh již v roce 2010.[3]

První veřejná beta verze byla vydána pro macOS pod názvem „Adobe Experience Design CC“ v březnu roku 2016 a byla dostupná všem uživatelům s Adobe účtem. V prosinci téhož roku byla vydána i beta verze pro Windows 10.[4] V říjnu 2017 společnost Adobe na jejich Adobe MAX konferenci oznámila, že Adobe XD vystupuje z beta verze.[5]

Dne 15. září 2022 společnost Adobe oznámila, že uzavřela dohodu o akvizici konkurenčního produktu Figma se stejnojmennou developerskou společností za přibližně 20 miliard dolarů.[6] V polovině roku 2023 při probíhají akvizici, bylo oznámeno, že produkt Adobe XD nebude již nabízen k zakoupení.[7] V polovině prosince téhož roku společnosti Figma a Adobe společně oznámily, že se vzájemně dohodly na zrušení své fúze. Po této neúspěšné akvizici společnost Adobe uvedla, že do Adobe XD již nebude nadále investovat.[8][9]

Vlastnosti a funkce programu

[editovat | editovat zdroj]

Software vyniká ve vytváření prototypů s bohatými interakcemi a animacemi, dokáže simululovat reálné uživatelského prostředí a jeho aplikace funguje bez závislosti na internetu.[10]

Software Adobe XD spuštěn na operačním systému macOS Catalina.
Software Adobe XD spuštěný na operačním systému macOS Catalina.

Nástroje pro návrh designu

[editovat | editovat zdroj]

Program poskytuje robustní sadu nástrojů pro vektorový design, včetně tvarů, textu a nástrojů pera. Uživatelé tak mohou vytvářet a upravovat komponenty, jako jsou loga, tlačítka a další prvky a zachovat je i pro opakované použití. Spolu se správou barev, styly znaků a komponenty jsou ukládány v knihovnách.[11][12]

Opakující se mřížka

[editovat | editovat zdroj]

Pro úlohy, které zahrnují duplikaci obsahu, nabízí Adobe XD funkci, která umožňuje vytvářet mřížky opakujících se položek. Několika kliknutími je tak možné vytvořit opakující se prvky, jako jsou seznamy nebo rozvržení karet. Veškeré změny provedené na jedné instanci prvku se automaticky projeví v celé mřížce.[13]

Responzivní změna velikosti

[editovat | editovat zdroj]

Tato funkce automaticky přizpůsobí prvky, jejich velikost a rozmístění na nákresech pro různá zařízení, jako jsou mobilní telefony nebo počítače a zároveň zachová integritu svých návrhů.[11]

Prototypy a animace

[editovat | editovat zdroj]

Adobe XD umožňuje vytvářet klikatelné prototypy s interaktivními prvky, přechody a animacemi, které přesně napodobují uživatelskou zkušenost. To umožňuje zúčastněným stranám testovat a poskytovat zpětnou vazbu k funkčnosti. Tyto prototypy mohou být zobrazeny na podporovaných mobilních zařízeních.[11][14]

Interoperabilita

[editovat | editovat zdroj]

Adobe XD je integrován v balíčku služeb Adobe Creative Cloud, je tak snadno přístupný pro ty, co již pracují s Photoshopem, Illustratorem a dalšími nástroji Adobe.[15] Díky tomuto propojení je umožněn snadný přenos souborů mezi aplikacemi. Kromě propojení s Adobe Creative Cloud může Adobe XD spolupracovat i s dalšími nástroji a službami, jako jsou Slack a Microsoft Teams.[16][17] Pro zajištění vyšší bezpečnosti při odesílání prototypů software nabízí možnost vyžadovat heslo.[18]

Program je kompatibilní s vlastními pluginy, tak i pluginy třetích stran, které přidávají další funkce a možnosti využití. Pluginy pokrývají oblasti designu, automatizace a animace a umožňují integraci s externími službami a nástroji.[11][19]

Vzdělávání se v programu

[editovat | editovat zdroj]

I když již aplikace není aktivně vyvíjena, společnost Adobe na svých stránkách nadále nabízí vzdělávací články a videa.[20]

Příručka Adobe XD

[editovat | editovat zdroj]

Slouží jako podrobný průvodce, který zahrnuje základní i pokročilé funkce Adobe XD. Nabízí návody a tipy pro efektivní používání programu při navrhování uživatelských rozhraní, vytváření prototypů, práci s komponentami a další klíčové aspekty designu.[21] Společnost má na svých stránkách i sbírku krátkých tutoriálů a výukových materiálů rozdělených do kategorií podle zaměření tvorby.[22]

Adobe Live

[editovat | editovat zdroj]

Platforma Behance nabízí záznamy živých přenosů, zahrnující online workshopy, výukové lekce a ukázky tvorby od profesionálních designérů a tvůrců pro různé aplikace Adobe, včetně Adobe XD, Photoshopu a Illustratoru.[23]

  1. LARDINOIS, Frederic. Adobe launches Experience Design CC, a new tool for UX designers [online]. 2016-03-14 [cit. 2024-12-14]. Dostupné online. (anglicky) 
  2. Adobe XD - Help and Support [online]. Adobe [cit. 2024-12-14]. Dostupné online. (anglicky) 
  3. RHODES, Margaret. Adobe's Project Comet Is a Start-to-Finish UX Design App. Wired. Dostupné online [cit. 2024-12-14]. ISSN 1059-1028. (anglicky) 
  4. Adobe XD now available to Windows 10 users in beta - MSPoweruser. web.archive.org [online]. 2017-10-20 [cit. 2024-12-14]. Dostupné online. 
  5. LARDINOIS, Frederic. Adobe's XD prototyping and wireframing tool is now out of beta [online]. 2017-10-18 [cit. 2024-12-14]. Dostupné online. (anglicky) 
  6. PALMER, Annie. Adobe shares plunge on deal to acquire design platform Figma for $20 billion. CNBC [online]. 2022-09-15 [cit. 2024-12-14]. Dostupné online. (anglicky) 
  7. WEATHERBED, Jess. Adobe XD’s days are numbered ahead of Figma acquisition. The Verge [online]. 2023-06-22 [cit. 2024-12-14]. Dostupné online. (anglicky) 
  8. Adobe and Figma Mutually Agree to Terminate Merger Agreement. news.adobe.com [online]. [cit. 2024-12-14]. Dostupné online. 
  9. Adobe Gives Up on Web-Design Product to Rival Figma After Deal Collapse. Bloomberg.com. 2024-01-30. Dostupné online [cit. 2024-12-14]. (anglicky) 
  10. Set up cloud documents to use offline [online]. Adobe [cit. 2024-12-14]. Dostupné online. (anglicky) 
  11. a b c d THEKNOWLEDGEACADEMY. Adobe XD Uses: A Comprehensive Overview. www.theknowledgeacademy.com [online]. [cit. 2024-12-14]. Dostupné online. (anglicky) 
  12. WANG, Junfeng; XU, Zhiyu; WANG, Xi. A Comparative Research on Usability and User Experience of User Interface Design Software. International Journal of Advanced Computer Science and Applications (IJACSA). 2022-10-29, roč. 13, čís. 8. Dostupné online [cit. 2024-12-14]. ISSN 2156-5570. DOI 10.14569/IJACSA.2022.0130804. (anglicky) 
  13. LARDINOIS, Frederic. Adobe launches Experience Design CC, a new tool for UX designers [online]. 2016-03-14 [cit. 2024-12-14]. Dostupné online. (anglicky) 
  14. TUANAMA, Luis Alberto Romero; GUTARRA, Juber Alfonso Quiroz; ANDRADE-ARENAS, Laberiano. Design of a Mobile Application for the Automation of the Census Process in Peru. International Journal of Advanced Computer Science and Applications (IJACSA). 2020/57/01, roč. 11, čís. 11. Dostupné online [cit. 2024-12-14]. ISSN 2156-5570. DOI 10.14569/IJACSA.2020.0111184. (anglicky) 
  15. Adobe XD and Creative Cloud - an overview [online]. Adobe [cit. 2024-12-14]. Dostupné online. (anglicky) 
  16. SLACK. A better way to collaborate with Adobe Creative Cloud and Slack. Slack [online]. [cit. 2024-12-14]. Dostupné online. (anglicky) 
  17. Creative Cloud and Microsoft Teams Integration | Adobe Creative Cloud. www.adobe.com [online]. [cit. 2024-12-14]. Dostupné online. (anglicky) 
  18. Set access permissions for shareable links [online]. Adobe [cit. 2024-12-14]. Dostupné online. (anglicky) 
  19. Plugins for Adobe XD [online]. Adobe [cit. 2024-12-14]. Dostupné online. (anglicky) 
  20. Design, prototype, and share with Adobe XD. helpx.adobe.com [online]. [cit. 2024-12-14]. Dostupné v archivu pořízeném z originálu dne 2024-11-27. (xd) 
  21. Welcome to the XD User Guide. helpx.adobe.com [online]. [cit. 2024-12-14]. Dostupné v archivu pořízeném z originálu dne 2024-08-22. (xd) 
  22. View all Adobe XD tutorials. Adobe [online]. [cit. 2024-12-14]. Dostupné online. (anglicky) 
  23. Behance. www.behance.net [online]. [cit. 2024-12-14]. Dostupné online. (anglicky)