Adobe XD: Nástroj pro návrh uživatelského rozhraní zdarma a UX, který můžete použít hned teď

reklama

Adobe není často spojován s „bezplatnými“ stahováními, ale přesně s tím tato společnost udělala Adobe XD. Jedná se o aplikaci pro rychlé prototypování rozhraní pro mobilní zařízení a webové stránky, která umožňuje návrhářům rychle přijít s návrhy konkrétních platforem.

Nejlepší věc na Adobe XD je, jak snadné je používat. I když máte s projektováním něčeho málo zkušeností, existuje jen velmi postupná křivka učení, která vás drží zpátky.

Dokonce i uživatelské rozhraní je osvěžující, bez nástrojů a panelů, které odkládají tolik lidí aplikace jako Photoshop, Illustrator a Lightroom 15 bezplatných alternativ k Adobe Lightroom, Illustrator a PhotoshopChcete získat zdarma Adobe Photoshop, Lightroom nebo Illustrator? Zde jsou některé z nejlepších alternativ kreativního cloudu. Přečtěte si více . V tomto článku vás seznámíme s aplikací Adobe XD a vysvětlíme, co s tím můžete a nemůžete dělat.

Co je Adobe XD?

Adobe XD je nástroj pro návrh. Nevytvoří vaši aplikaci pro vás, ale pomůže vám představit vizi nebo prototyp toho, jak má vypadat vaše příští mobilní nebo tabletová aplikace, web nebo jiné uživatelské rozhraní. Aplikace používá grafické karty - v podstatě makety obrazovky - pro zajištění vizuální reprezentace designu vaší aplikace.

Vytváření mobilních aplikací Vytvořte si svou první mobilní aplikaci s těmito zlevněnými balíčky kurzůMáte, co je zapotřebí k vývoji další velké aplikace pro iOS nebo Android? Tyto silně zlevněné balíčky kurzů vás naučí, jak se to dělá! Přečtěte si více a fungující weby mohou mít spoustu technického know-how. Adobe XD vám poskytuje nástroje, jak proměnit myšlenku v důkaz konceptu. Až budete hotovi, budete mít plán, od kterého budete pracovat, a jeden můžete vyladit donekonečna, dokud nebudete spokojeni s designem.

Stejně tak je toto pojetí umění v tvůrčím úsilí tak důležité (viz toto krásné pojetí umění videohry Kde najít krásné pojetí videoher umění onlineChcete vidět své krásné koncepční umění za svými oblíbenými hrami? Zde jsou k dispozici zdroje informací o videohrách! Přečtěte si více jako důkaz), důkaz koncepce požadovaného návrhu rozhraní je důležitý, pokud jde o konstrukci softwaru a webových stránek. Poskytnout programátorům koncept, který se tak přesně shoduje s hotovým produktem, je skvělý způsob, jak sladit vaše očekávání s tím, co je možné.

Nejlepší ze všech je aplikace navržena tak, aby ji mohl používat kdokoli. Ať už jste zkušený designér, programátor nebo někdo, kdo postrádá obě tyto dovednosti; Adobe XD může překlenout propast mezi vaší vizí a technickými znalostmi. Nemusíte ani Naučte se kódovat Naučte se kódovat remixováním existujících aplikací zdarmaTento web vám umožňuje vytvářet nebo remixovat aplikace, což vám umožní být kreativní beze strachu, že něco porušíte. Přečtěte si více navrhnout aplikaci.

Co může Adobe XD dělat?

Adobe XD je navržen s ohledem na několik konkrétních aplikací, ale můžete myslet i mimo krabici. Aplikace usnadňuje práci tím, že zahrnuje šablony pro:

• Aplikace pro chytré telefony: Od iPhone 5 a SE až po nejnovější modely; a také obecnou šablonu pro Android.
• Aplikace pro tablety: Se šablonami pro iPad, obě velikosti iPad Pro, Surface Pro 3 a 4 a obecnou šablonu tabletu pro Android.
• Webové stránky / webové aplikace: S několika předvolbami z čeho vybírat, včetně Full HD.

Nemusíte se držet těchto šablon, jsou tam jen proto, aby vám usnadnili život. Můžete také určit velikost zcela vlastního rozhraní (tj. Obrazovky) a začít navrhovat téměř jakoukoli platformu, kterou si dokážete představit.

Pokud navrhujete mobilní aplikaci, můžete si zdarma stáhnout aplikaci Adobe XD pro svou platformu a exportovat své návrhy pro živé náhledy do svého zařízení.

Soupravy UI usnadňují život

Pokud uvažujete navrhování pro iOS 7 důvodů, proč se programovací jazyk Swift vyplatíPokud nechcete být pozadu, měli byste se naučit programovací jazyk Swift dříve než později. Zde je několik vynikajících důvodů, které vás mohou přesvědčit. Přečtěte si více , Android, Windows nebo jinou zavedenou platformu; můžete použít soupravy uživatelského rozhraní k získání pomocné ruky. V zásadě se jedná o šablony projektů spravované společnostmi Apple, Google, Microsoft a dalšími, které lze stáhnout ve formátu souboru .XD společnosti Adobe.

Díky sadám uživatelského rozhraní můžete urychlit výrobu, což vám umožní navrhnout vaši aplikaci v rámci omezení a společných prvků, které můžete vidět na vybrané platformě. Protože je vývojáři spravují, jsou obvykle vždy aktuální a důkladní.

Například sada Apple UI společnosti Apple obsahuje rozměry prázdné obrazovky pro řadu zařízení, příklady klávesnice iOS, navigační prvky, jako je páska v horní části obrazovky, přepínací tlačítka iOS a více. Můžete snadno kopírovat a vkládat prvky do návrhových kreseb a vytvářet přesné prototypy.

Společnost Adobe také udržuje několik dalších sad uživatelského rozhraní, včetně vzorků smartwatch kompatibilních se systémem WatchOS, sady webových stránek elektronického obchodu a sady příkladů pro vytváření aplikace pro digitální měnu smartphone Top 10 bitcoinových a kryptoměnných aplikací pro iPhoneNyní je snadnější než kdykoli dříve koupit bitcoiny, převést na altcoiny a dokonce investovat do ICO, to vše z vašeho telefonu s aplikacemi kryptoměny. Přečtěte si více . Budete si muset stáhnout příslušné Soupravy uživatelského rozhraní pro iOS, Materiál společnosti Google a Microsoft Windows odděleně.

Jednoduchá sada vestavěných nástrojů

Na rozdíl od jiných složitých grafických a designových aplikací Adobe má XD pěkné čisté uživatelské rozhraní s několika málo jednoduchými nástroji. Máte své základní tvary: obdélníky, kruhy, čáry a nástroj pera pro vytváření vlastních tvarů. K dispozici je také jednoduchý textový nástroj s přístupem do knihovny fontů Typekit (ale ne všechno).

Poté můžete změnit různé atributy vztahující se k těmto prvkům, jako je krytí, barva výplně, ohraničení, stíny a chování při rolování. Nakonec je zde zvětšovací sklo a nástroj pro tvorbu alokací pro rozšíření vašeho designu.

Adobe XD vám pomáhá umisťovat prvky na esteticky příjemná místa „zaklapnutím“ na místo kolem okrajů obrazovky, středu plátna a dalších prvků. Můžete to potlačit, pokud chcete, přidržením tlačítka (u verze Mac je to Cmd).

Na horním okraji aplikace uvidíte dva přepínače: Design a Prototyp. Design je místo, kde trávíte většinu času vytvářením své vize. Přepnutím do režimu prototypu přidáte různé interakce mezi prvky na obrazovce. Můžete spouštět události a přepínat na různé kreslicí plátna, což poskytuje jednoduché spuštění uživatelského prostředí bez zápisu řádku kódu.

To se provádí pomocí jednoduchého rozhraní drag and drop, například: vytvoření tlačítka pomocí nástroje kruh, vytvoření nové kreslicí plochy s požadovaným výsledek stisknutí tohoto tlačítka (např. jiná karta v aplikaci), přepnutí do režimu Prototype a přetažení šipky z tlačítka do nové artboard. Kliknutím na tlačítko „Přehrát“ nebo náhled na živém zařízení uvidíte, jak se hraje.

Můžete dokonce určit přechody a efekty, aby to vypadalo fantasticky. Režim prototypu má určitá velká omezení. Nemůžete se tím do hloubky dostat, ale slouží účelu a jeho jednoduchá implementace usnadňuje použití.

Jak omezená je bezplatná verze Adobe XD?

Jako bezplatný produkt je Adobe XD navržen tak, aby vás spojil s jednoduchým pracovním postupem a uživatelsky přívětivými nástroji, aniž byste museli utrácet cent. Největší nevýhodou bezplatné verze je neschopnost mít více než jeden aktivní sdílený prototyp nebo sadu konstrukčních specifikací najednou.

Pro váš první návrh nebo projekt tedy může stačit bezplatná verze. Pokud jde o sdílení více návrhů nebo projektů s vývojáři týmu nebo aplikací, rychle narazíte na zeď. Vždy můžete exportovat své různé kreslicí plátny jako soubory .PNG zdarma, navždy prostřednictvím Soubor> Exportovat volba.

Jedním ze standardních prvků je však sdílení prototypů a interaktivita mezi kreslicími kartami. Aplikace je stále užitečná bez ní, ale ne ve stejném rozsahu. Nemůžete postavit plně realizovaný prototyp, ale můžete svůj návrh rychle stanovit.

Další omezení bezplatné verze zahrnují omezený počet písem Typekit a 2 GB cloudového úložiště (na rozdíl od 100 GB) pro odběratele Creative Cloud. Pokud se rozhodnete pro navýšení hotovosti placená verze, Adobe XD vás bude stát pouze 9,99 $ / měsíc za tuto aplikaci nebo 52,99 $ / měsíc za celou sadu Creative Cloud.

Myslíme Adobe Creative Cloud stojí za peníze 5 důvodů, proč koupit Adobe Creative CloudAdobe Creative Cloud přichází s mnoha skvělými výhodami. Sestavili jsme seznam důvodů, proč můžete investovat do Adobe Creative Cloud, i když můžete. Přečtěte si více , za předpokladu, že z toho budete mít dostatek využití.

Adobe XD je překvapivě uživatelsky přívětivý nástroj

Adobe XD je užitečný nástroj, ať už za něj chcete zaplatit, nebo ne. V některých případech můžete získat bezplatnou verzi pro práci na malých osobních projektech. Pokud jde o seriózní práci a sdílení s týmy, budete muset upgradovat.

Adobe XD není všestranným a konečným designem uživatelského rozhraní. Návrháři již léta používají grafické nástroje k vytváření maket pro weby, návrhy aplikací a další. Podívejte se na nejlepší Mac vektorové grafické nástroje pro návrháře na rozpočet Nejlepší vektorový software pro návrháře Mac za rozpočetZde je nejlepší vektorový software pro MacOS, který můžete použít zdarma nebo koupit za rozpočet. Ideální pro moderní designéry! Přečtěte si více vidět některé možné alternativy.