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

S firmou Adobe se často nestavíte “volný, uvolnit” stáhne, ale přesně to společnost udělala s 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řicházet 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 všech nástrojů a panelů, které odkládají tolik lidí z aplikací, jako jsou Photoshop, Illustrator a Lightroom 15, bezplatné alternativy k Adobe Lightroom, Illustrator a Photoshop 15, bezplatné alternativy k Adobe Lightroom, Illustrator a Photoshop. chcete zdarma získat Adobe Photoshop, Lightroom nebo Illustrator? Zde jsou některé z nejlepších alternativ kreativního cloudu. . V tomto článku vám představíme Adobe XD a vysvětlíme, co s tím můžete a nemůžete udě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 vizuální znázornění designu vaší aplikace.

Vytváření mobilních aplikací Vytvořte svou první mobilní aplikaci s těmito zlevněnými balíčky kurzů 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á! 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í videoher. Kde najít krásné pojetí videoher, umění online Kde najít krásné pojetí videoher, umění online. Chcete vidět některé z krásných pojmů umění za sebou. oblíbené hry? Zde jsou k dispozici zdroje informací o videohrách! (jako důkaz), důkaz koncepce požadovaného designu 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ý návrhář, 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 se ani učit kódovat Naučte se kódovat remixováním existujících aplikací zdarma Naučte se kódovat remixováním existujících aplikací zdarma Tento web vám umožňuje vytvářet nebo remixovat aplikace, což vám umožňuje být kreativní beze strachu, že něco porušíte. 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 na výběr, 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 stáhnout bezplatnou aplikaci Adobe XD pro svou platformu a exportovat své návrhy pro živý náhled do zařízení.

Soupravy UI usnadňují život

Pokud uvažujete o navrhování pro iOS 7 Důvody, proč se programovací jazyk Swift vyplatí, je 7 Důvody, proč se programovací jazyk Swift vyplatí, byste se měli naučit programovací jazyk Swift dříve než později, pokud nechcete být pozadu. Zde je několik vynikajících důvodů, které vás mohou přesvědčit. , 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í.

Sada Apple UI společnosti Apple například obsahuje rozměry prázdné obrazovky pro řadu zařízení, příklady klávesnice iOS, navigační prvky, jako je pás karet v horní části obrazovky, přepínací tlačítka iOS a další. 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 s watchOS, sady webových stránek pro elektronický obchod a sady příkladů pro vytváření chytrých aplikací pro digitální měnu. Nejlepších 10 bitcoinových a kryptoměnných aplikací pro iPhone Nejlépe 10 bitcoinových a kryptoměnných aplikací pro iPhone Nyní je snazší koupit bitcoiny, převést na altcoiny a dokonce investovat do ICO, a to vše z vašeho telefonu pomocí kryptoměnných aplikací. . Budete si muset stáhnout příslušné sady uživatelského rozhraní pro iOS, návrh materiálu Google a Microsoft Windows samostatně.

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 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 týkající se těchto prvků, jako je krytí, barva výplně, ohraničení, stíny a chování při rolování. Konečně je zde zvětšovací sklo a nástroj pro vytváření lepenky pro rozšíření vašeho designu.

Adobe XD vám pomůže umístit prvky na esteticky příjemná místa “praskání” na místo kolem okrajů obrazovky, středu plátna a dalších prvků. Můžete to přepsat, pokud chcete, podrž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 budete trávit 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í například pomocí jednoduchého rozhraní drag and drop, například: vytvořte tlačítko pomocí nástroje kruh, vytvořte novou kreslicí plochu s požadovaným výsledkem stisknutí tohoto tlačítka (např. Jinou kartu v aplikaci), přepněte do režimu Prototype a přetáhněte šipku z tlačítka na novou kreslicí plochu. Udeř “Hrát si” tlačítko nebo náhled na vašem živém zařízení a uvidíte, jak se hraje.

Můžete dokonce určit přechody a efekty, aby to vypadalo efektně. Režim prototypu má určitá velká omezení. Nemůžete se do toho dostat příliš do hloubky, 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 penny. 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 navýšit hotovost za placenou verzi, 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 Suite.

Myslíme si, že Adobe Creative Cloud stojí za peníze 5 důvodů, proč koupit Adobe Creative Cloud 5 důvodů, proč koupit Adobe Creative Cloud Adobe Creative Cloud přichází s mnoha skvělými výhodami. Sestavili jsme seznam důvodů, proč investovat do Adobe Creative Cloud, i když stále můžete. , 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 koncovým designem uživatelského rozhraní. Návrháři již léta používají grafické nástroje k vytváření maket pro webové stránky, návrhy aplikací a další. Podívejte se na nejlepší Mac vektorové grafické nástroje pro designéry s rozpočtem Nejlepší vektorový software pro Mac designéry v rozpočtu Nejlepší vektorový software pro Mac designéry v rozpočtu Adobe Illustrator může být zlatým standardem, pokud jde o vektorový software pro Mac, ale nemusíte vždy utrácet jmění za návrhový software. vidět některé možné alternativy.